<!doctype html>
<!-- WF 5856f90e8b354c6bf60b7e384f7e49dc 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=aronia+%28chokeberry%29">
    
<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: 25 results found for &quot;Aronia (Chokeberry)&quot;
 &ndash; Chalet-nursery</title><style>.appstle_subscription_widget0{display:none !important;}</style>
      <meta name="description" content="Serving the Chicagoland for over 100 years, Chalet-nursery is your one-stop destination for bringing beauty to your home - both inside and outside - through our landscape services and retail stores.">
    
    <link rel="preload" href="//chalet-nursery.shop/cdn/shop/t/284/assets/theme.css?v=57891152824694369891767904023" as="style" crossorigin="anonymous" />
    <link rel="preload" href="//chalet-nursery.shop/cdn/fonts/fira_sans/firasans_n4.2bbe25c7eff81f2190328b1f4c09fff694a30391.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
    
    

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

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

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

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

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

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

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

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

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

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

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

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

  /* Seal Subscriptions */
  .sls-widget-branding {
    z-index: 20 !important;
  }
  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
    display: none !important;
  }
  .seal-portal-link a {
    position: relative;
    margin-top: .5rem;
    margin-bottom: .5rem;
    color: rgba(var(--colors-text-link)) !important;
    text-decoration-thickness: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%,100% 100%;
    background-repeat: no-repeat;
    transition: background-size 250ms;
  }
  .seal-portal-link:after {
    clear: both;
    content: var(--tw-content);
    display: block;
  }
  @media (min-width: 1024px) {
    .seal-portal-link a:hover {
      background-size: 0 .1em, 100% .1em;
      background-position: 100% 100%, 0% 100%;
    }
  }
  .rtl .sealsubs-container {
    text-align: right;
  }</style>
    
    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="g8VPIWiv98sfdY85RR_rYeDJQWp_n9ef42hceoSYBsc">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/18112867/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="e15104215df182ef4f100cf32b92c813">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=18112867" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":18112867,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/18112867","merchantName":"Chalet-nursery","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Chalet-nursery","amount":"0.5"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"e15104215df182ef4f100cf32b92c813","betas":["rich-media-storefront-analytics"],"domain":"chalet-nursery.shop","predictiveSearch":true,"shopId":18112867,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "chalet-nursery.shop";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Grow Inside SALE 1-9-26","id":137686843526,"schema_name":"Eurus","schema_version":"8.3.0","theme_store_id":2048,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "chalet-nursery.shop/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
<script defer="defer" async type="module" src="//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js"></script>
<script defer="defer" async type="module" src="//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_D58fp_Oc.esm.js"></script>
<script defer="defer" async type="module" src="//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_xMitdFEc.esm.js"></script>
<script type="module">
  await import("//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js");
await import("//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_D58fp_Oc.esm.js");
await import("//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_xMitdFEc.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_DZOKe7Ll.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_B6oLuCjv.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_D2sdYoxE.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"pay-button":["modules/v2/client.pay-button_DXTOsIq6.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-button":["modules/v2/client.shop-button_DQZHx9pm.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-windoid":["modules/v2/client.init-windoid_CR1B-cfM.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_C_vY_xzh.en.esm.js","modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BI7n9ZSv.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_DiYdP3xc.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_D9ZNqS-Q.en.esm.js","modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_iGw4briv.en.esm.js","modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CqMgW2wH.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_xHeaAweL.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-login":["modules/v2/client.shop-login_D91U-Q7h.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"lead-capture":["modules/v2/client.lead-capture_BJmE1dJe.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"payment-terms":["modules/v2/client.payment-terms_Ci9AEqFq.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.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":"dbae3297-0cbf-4baa-8e46-a20efa08c412-1769324361","pageurl":"chalet-nursery.shop\/search?q=Aronia%20%28Chokeberry%29","u":"8aa9e6f9b14a","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":"Select a store for pickup","modal_subheading":"Showing stores near {{ postal_code }}","show_opening_hours":"Show opening hours","hide_opening_hours":"Hide opening hours","closed":"Closed","input_placeholder":"Enter your postal code","input_button":"Check","input_error":"Add a postal code to check available delivery and pickup options.","pickup_available":"Pickup available","not_available":"Not available","select":"Select","selected":"Selected","find_a_store":"Find a store"},"shipping_language_code":"en","delivery_language_code":"en-AU","pickup_language_code":"en-CA"},"default_language":"en","region":"us-2","api_region":"api-us","enable_zapiet_id_all_items":true,"widget_restore_state_on_load":false,"draft_orders_enabled":false,"preselect_checkout_method":true,"widget_show_could_not_locate_div_error":true,"checkout_extension_enabled":false,"show_pickup_consent_checkbox":false,"show_delivery_consent_checkbox":false,"subscription_paused":false,"pickup_note_enabled":false,"pickup_note_required":false,"shipping_note_enabled":false,"shipping_note_required":false};
        zapietTranslations["en"] = language_settings.translations;
    

    function initializeZapietApp() {
        var products = [];

        

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

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

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

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

    
        loadZapietStyles("https://cdn.shopify.com/extensions/019be05a-52b6-7172-887e-e7eb0fc23ad3/zapiet-pickup-delivery-1073/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/019be05a-52b6-7172-887e-e7eb0fc23ad3/zapiet-pickup-delivery-1073/assets/vendor.js" onload="zapietScriptLoaded('vendor')" defer></script>
    <script type="module" src="https://cdn.shopify.com/extensions/019be05a-52b6-7172-887e-e7eb0fc23ad3/zapiet-pickup-delivery-1073/assets/storepickup.js" onload="zapietScriptLoaded('storepickup')" defer></script>

    

    
        <script type="module" src="https://cdn.shopify.com/extensions/019be05a-52b6-7172-887e-e7eb0fc23ad3/zapiet-pickup-delivery-1073/assets/pickup.js" onload="zapietScriptLoaded('pickup')" defer></script>
    

    
        <script type="module" src="https://cdn.shopify.com/extensions/019be05a-52b6-7172-887e-e7eb0fc23ad3/zapiet-pickup-delivery-1073/assets/delivery.js" onload="zapietScriptLoaded('delivery')" defer></script>
    

    
        <script type="module" src="https://cdn.shopify.com/extensions/019be05a-52b6-7172-887e-e7eb0fc23ad3/zapiet-pickup-delivery-1073/assets/shipping.js" onload="zapietScriptLoaded('shipping')" defer></script>
    

    


<!-- END app block --><script src="https://cdn.shopify.com/extensions/019be9e8-7389-72d2-90ad-753cce315171/consentmo-gdpr-595/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 18112867,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 18112867,storefrontBaseUrl: "https://chalet-nursery.shop",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"1378222214","configuration":"{\"accountID\":\"Q3jGhe\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"590577798","configuration":"{\"shop\":\"chalet-nursery.shop\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"94b80d6b5f8a2309cad897219cb9737f","type":"APP","apiClientId":3090431,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"326729862","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\",\\\"GT-MJM4X53\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/O8YdCOPumpEYEM-Zwc8B\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/p3IxCN3umpEYEM-Zwc8B\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/AXZqCNrumpEYEM-Zwc8B\\\",\\\"MC-B5XZVFJE1X\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/qLEWCNTumpEYEM-Zwc8B\\\",\\\"MC-B5XZVFJE1X\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/5eQDCNfumpEYEM-Zwc8B\\\",\\\"MC-B5XZVFJE1X\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/1yOdCObumpEYEM-Zwc8B\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/O_BxCODumpEYEM-Zwc8B\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"317980806","configuration":"{\"pixelCode\":\"CERJB3JC77UCSAV1DQ9G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"143163526","configuration":"{\"pixel_id\":\"181794369212134\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Chalet-nursery","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"chalet-nursery.shop","countryCode":"US","storefrontUrl":"https:\/\/chalet-nursery.shop"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://chalet-nursery.shop/cdn","fcfee988w5aeb613cpc8e4bc33m6693e112",{"modern":"","legacy":""},{"shopId":"18112867","storefrontBaseUrl":"https:\/\/chalet-nursery.shop","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"fcfee988w5aeb613cpc8e4bc33m6693e112","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"Aronia (Chokeberry)\",\"productVariants\":[{\"price\":{\"amount\":3.49,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Marvel of Four Seasons Butterhead Lettuce Organic Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929805148294\",\"untranslatedTitle\":\"Botanical Interests Marvel of Four Seasons Butterhead Lettuce Organic Seeds\",\"url\":\"\/products\/seed-lettuce-bttrhead-marvel?_pos=1\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301752877190\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618\"},\"sku\":\"BI-3058\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929806426246\",\"untranslatedTitle\":\"Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds\",\"url\":\"\/products\/seed-radicchio-palla-rossa-org?_pos=2\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301756317830\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129\"},\"sku\":\"BI-3119\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":4.25,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Seed Savers Miniature Chocolate Bell Organic Pepper\",\"vendor\":\"Seed Savers Exchange\",\"id\":\"6928676847750\",\"untranslatedTitle\":\"Seed Savers Miniature Chocolate Bell Organic Pepper\",\"url\":\"\/products\/seed-pepper-mini-chocolate-be?_pos=3\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40298031120518\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/chalet-chicago-edible-seeds-SS0402A.jpg?v=1740174656\"},\"sku\":\"SS0402A\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":44.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Napa Faux Persimmon Branch 35\\\"\",\"vendor\":\"Napa Home \u0026 Garden\",\"id\":\"7437090422918\",\"untranslatedTitle\":\"Napa Faux Persimmon Branch 35\\\"\",\"url\":\"\/products\/napa-faux-persimmon-branch-35?_pos=4\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Home Décor - Floral - Faux - Stem\/Piece\"},\"id\":\"42339736027270\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/napa-home-decor-faux-botanicals-7.jpg?v=1754931102\"},\"sku\":\"N-CC308\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":3.49,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Cherry Belle Radish Organic Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929805475974\",\"untranslatedTitle\":\"Botanical Interests Cherry Belle Radish Organic Seeds\",\"url\":\"\/products\/seed-radish-cherry-belle-org?_pos=5\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301753204870\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/0042i_Radish-Cherry-Belle_06616593-124c-4952-a91b-42fbf7d04201.jpg?v=1740174615\"},\"sku\":\"BI-3048\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Cherry Belle Radish Organic Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6927906340998\",\"untranslatedTitle\":\"Botanical Interests Cherry Belle Radish Organic Seeds\",\"url\":\"\/products\/seed-radish-cherry-belle?_pos=6\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40297118040198\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/0042i_Radish-Cherry-Belle.jpg?v=1740174710\"},\"sku\":\"BI-0042\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Chokeberry, Black Autumn Magic\",\"vendor\":\"Chalet\",\"id\":\"6928812933254\",\"untranslatedTitle\":\"Chokeberry, Black Autumn Magic\",\"url\":\"\/products\/chokeberry-black-aut-magic?_pos=7\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Shrub\"},\"id\":\"42438314688646\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/PF_Autumn_Magic_Black_Chokeberry_2.jpg?v=1754670173\"},\"sku\":\"ARMEAM2G\",\"title\":\"2-gallon pot\",\"untranslatedTitle\":\"2-gallon pot\"},{\"price\":{\"amount\":49.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Chokeberry, Low Scape Mound\",\"vendor\":\"Chalet\",\"id\":\"6928812900486\",\"untranslatedTitle\":\"Chokeberry, Low Scape Mound\",\"url\":\"\/products\/chokeberry-low-scape-mound?_pos=8\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Shrub\"},\"id\":\"40298268426374\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-Chicago-shrub-tree-landscape-8.jpg?v=1754670174\"},\"sku\":\"ARLM2G\",\"title\":\"2-gallon pot\",\"untranslatedTitle\":\"2-gallon pot\"},{\"price\":{\"amount\":39.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Chokeberry, Red\",\"vendor\":\"Chalet\",\"id\":\"6928812834950\",\"untranslatedTitle\":\"Chokeberry, Red\",\"url\":\"\/products\/chokeberry-red?_pos=9\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Shrub\"},\"id\":\"40298268262534\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/PF_Chokeberry_Brilliantissima_Red_1.jpg?v=1754670175\"},\"sku\":\"ARARB2G\",\"title\":\"2-gallon pot\",\"untranslatedTitle\":\"2-gallon pot\"},{\"price\":{\"amount\":49.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Chokeberry, Lowscape Snowfire\",\"vendor\":\"Chalet\",\"id\":\"7119323267206\",\"untranslatedTitle\":\"Chokeberry, Lowscape Snowfire\",\"url\":\"\/products\/chokeberry-lowscape-snowfire?_pos=10\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Shrub\"},\"id\":\"40922482540678\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Cha_et-home-garden-chicago-landscape-shrub-lowscape-snowfire-chokeberry.jpg?v=1754669458\"},\"sku\":\"ARMELSS3G\",\"title\":\"3-gallon pot\",\"untranslatedTitle\":\"3-gallon pot\"},{\"price\":{\"amount\":49.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Chokeberry, Low Hedger\",\"vendor\":\"Chalet\",\"id\":\"6973345726598\",\"untranslatedTitle\":\"Chokeberry, Low Hedger\",\"url\":\"\/products\/chokeberry-low-hedger?_pos=11\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Shrub\"},\"id\":\"40433358307462\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-landscape-tree-shrub-20.jpg?v=1712004074\"},\"sku\":\"ARLH3G\",\"title\":\"3-gallon pot\",\"untranslatedTitle\":\"3-gallon pot\"},{\"price\":{\"amount\":24.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Vine, Hydrangea Japanese Moonlight\",\"vendor\":\"Chalet\",\"id\":\"6929190256774\",\"untranslatedTitle\":\"Vine, Hydrangea Japanese Moonlight\",\"url\":\"\/products\/vine-hyd-jap-moonlight?_pos=12\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Shrub\"},\"id\":\"40622131478662\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-Chicago-shrub-flowering-landscape-15.jpg?v=1717610829\"},\"sku\":\"SCHYM1G\",\"title\":\"1-gallon pot\",\"untranslatedTitle\":\"1-gallon pot\"},{\"price\":{\"amount\":89.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"American Holly, Ramblin man\",\"vendor\":\"Chalet\",\"id\":\"7361909588102\",\"untranslatedTitle\":\"American Holly, Ramblin man\",\"url\":\"\/products\/american-holly-ramblin-man?_pos=13\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Evergreen\"},\"id\":\"41681404035206\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-garden-plants-landscape-spring-trees-shrubs-24.jpg?v=1754669394\"},\"sku\":\"ILOPRM3G\",\"title\":\"3-gallon pot\",\"untranslatedTitle\":\"3-gallon pot\"},{\"price\":{\"amount\":149.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Maple, Amur Bailey Compact\",\"vendor\":\"Chalet\",\"id\":\"6927995601030\",\"untranslatedTitle\":\"Maple, Amur Bailey Compact\",\"url\":\"\/products\/maple-amur-bailey-compact?_pos=14\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Ornamental\"},\"id\":\"40297218211974\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Bailey_Compact_Amur_Maple.jpg?v=1704858742\"},\"sku\":\"ACGIBC10G\",\"title\":\"10-gallon pot\",\"untranslatedTitle\":\"10-gallon pot\"},{\"price\":{\"amount\":129.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Fruit, Apple Frostbite\",\"vendor\":\"Chalet\",\"id\":\"6970505789574\",\"untranslatedTitle\":\"Fruit, Apple Frostbite\",\"url\":\"\/products\/fruit-apple-frostbite?_pos=15\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Shrub\"},\"id\":\"40688061481094\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-landscape-tree-frostbite-apple.jpg?v=1712593333\"},\"sku\":\"MAFR5G\",\"title\":\"5-gallon pot\",\"untranslatedTitle\":\"5-gallon pot\"},{\"price\":{\"amount\":19.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Faux Hellebore Stem 25\\\" Evening Purple\",\"vendor\":\"Winward Intl Inc\",\"id\":\"6928775774342\",\"untranslatedTitle\":\"Faux Hellebore Stem 25\\\" Evening Purple\",\"url\":\"\/products\/silk-stem-hellebores-25-ep?_pos=16\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Home Décor - Floral - Faux - Stem\/Piece\"},\"id\":\"41368222761094\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-winward-home-decor-silk-hellebores.jpg?v=1708360848\"},\"sku\":\"W-95406.EP\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":19.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cotoneaster, Tom Thumb\",\"vendor\":\"Chalet\",\"id\":\"6928820043910\",\"untranslatedTitle\":\"Cotoneaster, Tom Thumb\",\"url\":\"\/products\/cotoneaster-tom-thumb?_pos=17\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Shrub\"},\"id\":\"40298298867846\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_1.jpg?v=1711472261\"},\"sku\":\"COAPTT1G\",\"title\":\"1-gallon pot\",\"untranslatedTitle\":\"1-gallon pot\"},{\"price\":{\"amount\":279.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Vine, Pyracantha Yukon Belle\",\"vendor\":\"Chalet\",\"id\":\"6929206280326\",\"untranslatedTitle\":\"Vine, Pyracantha Yukon Belle\",\"url\":\"\/products\/vine-pyracantha-yukon-belle?_pos=18\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Outdoor Plants - Shrub\"},\"id\":\"40299862229126\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/scarlet-firethorn-yukon-belle.jpg?v=1755199155\"},\"sku\":\"PYYB5GESP\",\"title\":\"5GESP\",\"untranslatedTitle\":\"5GESP\"},{\"price\":{\"amount\":2.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Six Basil Blend Organic Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6927911813254\",\"untranslatedTitle\":\"Botanical Interests Six Basil Blend Organic Seeds\",\"url\":\"\/products\/seed-six-basil-blend-org?_pos=19\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40297123905670\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/6117i_Basil-Dolce-Vita-ORG.jpg?v=1704237134\"},\"sku\":\"BI-6117\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":8.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Orange with Real Cloves and Star Anise Detail 3.5\\\"\",\"vendor\":\"K\u0026K INTERIORS\",\"id\":\"6928373153926\",\"untranslatedTitle\":\"Orange with Real Cloves and Star Anise Detail 3.5\\\"\",\"url\":\"\/products\/orange-w-clves-str-anise-3-5?_pos=20\u0026_sid=8b64ecff3\u0026_ss=r\",\"type\":\"Holiday - Fall - Indoor Décor\"},\"id\":\"40297663561862\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-home-decor-gift-silk-21.jpg?v=1704236659\"},\"sku\":\"K\u0026KB7740\",\"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":6929805148294,"gid":"gid:\/\/shopify\/Product\/6929805148294","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-lettuce-bttrhead-marvel","variants":[{"id":40301752877190,"price":174.5,"name":"Botanical Interests Marvel of Four Seasons Butterhead Lettuce Organic Seeds","public_title":null,"sku":"BI-3058"}],"remote":false},{"id":6929806426246,"gid":"gid:\/\/shopify\/Product\/6929806426246","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-radicchio-palla-rossa-org","variants":[{"id":40301756317830,"price":134.5,"name":"Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds","public_title":null,"sku":"BI-3119"}],"remote":false},{"id":6928676847750,"gid":"gid:\/\/shopify\/Product\/6928676847750","vendor":"Seed Savers Exchange","type":"Garden Essentials - Seed - Packets","handle":"seed-pepper-mini-chocolate-be","variants":[{"id":40298031120518,"price":212.5,"name":"Seed Savers Miniature Chocolate Bell Organic Pepper","public_title":null,"sku":"SS0402A"}],"remote":false},{"id":7437090422918,"gid":"gid:\/\/shopify\/Product\/7437090422918","vendor":"Napa Home \u0026 Garden","type":"Home Décor - Floral - Faux - Stem\/Piece","handle":"napa-faux-persimmon-branch-35","variants":[{"id":42339736027270,"price":2249.5,"name":"Napa Faux Persimmon Branch 35\"","public_title":null,"sku":"N-CC308"}],"remote":false},{"id":6929805475974,"gid":"gid:\/\/shopify\/Product\/6929805475974","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-radish-cherry-belle-org","variants":[{"id":40301753204870,"price":174.5,"name":"Botanical Interests Cherry Belle Radish Organic Seeds","public_title":null,"sku":"BI-3048"}],"remote":false},{"id":6927906340998,"gid":"gid:\/\/shopify\/Product\/6927906340998","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-radish-cherry-belle","variants":[{"id":40297118040198,"price":134.5,"name":"Botanical Interests Cherry Belle Radish Organic Seeds","public_title":null,"sku":"BI-0042"}],"remote":false},{"id":6928812933254,"gid":"gid:\/\/shopify\/Product\/6928812933254","vendor":"Chalet-nursery","type":"Outdoor Plants - Shrub","handle":"chokeberry-black-aut-magic","variants":[{"id":42438314688646,"price":2499.5,"name":"Chokeberry, Black Autumn Magic - 2-gallon pot","public_title":"2-gallon pot","sku":"ARMEAM2G"},{"id":40298268524678,"price":2499.5,"name":"Chokeberry, Black Autumn Magic - 3-gallon pot","public_title":"3-gallon pot","sku":"ARMEAM3G"},{"id":40298268557446,"price":2999.5,"name":"Chokeberry, Black Autumn Magic - 5-gallon pot","public_title":"5-gallon pot","sku":"ARMEAM5G"}],"remote":false},{"id":6928812900486,"gid":"gid:\/\/shopify\/Product\/6928812900486","vendor":"Chalet-nursery","type":"Outdoor Plants - Shrub","handle":"chokeberry-low-scape-mound","variants":[{"id":40298268426374,"price":2499.5,"name":"Chokeberry, Low Scape Mound - 2-gallon pot","public_title":"2-gallon pot","sku":"ARLM2G"},{"id":40358597558406,"price":2999.5,"name":"Chokeberry, Low Scape Mound - 3-gallon pot","public_title":"3-gallon pot","sku":"ARLM3G"},{"id":40358597591174,"price":2999.5,"name":"Chokeberry, Low Scape Mound - 5-gallon pot","public_title":"5-gallon pot","sku":"ARLM5G"},{"id":41448042954886,"price":19999.5,"name":"Chokeberry, Low Scape Mound - 10-gallon Tree Form","public_title":"10-gallon Tree Form","sku":"ARLM10GT"}],"remote":false},{"id":6928812834950,"gid":"gid:\/\/shopify\/Product\/6928812834950","vendor":"Chalet-nursery","type":"Outdoor Plants - Shrub","handle":"chokeberry-red","variants":[{"id":40298268262534,"price":1999.5,"name":"Chokeberry, Red - 2-gallon pot","public_title":"2-gallon pot","sku":"ARARB2G"},{"id":40358597296262,"price":2499.5,"name":"Chokeberry, Red - 3-gallon pot","public_title":"3-gallon pot","sku":"ARARB3G"},{"id":40358597329030,"price":2999.5,"name":"Chokeberry, Red - 5-gallon pot","public_title":"5-gallon pot","sku":"ARARB5G"}],"remote":false},{"id":7119323267206,"gid":"gid:\/\/shopify\/Product\/7119323267206","vendor":"Chalet-nursery","type":"Outdoor Plants - Shrub","handle":"chokeberry-lowscape-snowfire","variants":[{"id":40922482540678,"price":2499.5,"name":"Chokeberry, Lowscape Snowfire - 3-gallon pot","public_title":"3-gallon pot","sku":"ARMELSS3G"},{"id":43068699443334,"price":3499.5,"name":"Chokeberry, Lowscape Snowfire - 5-gallon pot","public_title":"5-gallon pot","sku":"ARMELSS5G"}],"remote":false},{"id":6973345726598,"gid":"gid:\/\/shopify\/Product\/6973345726598","vendor":"Chalet-nursery","type":"Outdoor Plants - Shrub","handle":"chokeberry-low-hedger","variants":[{"id":40433358307462,"price":2499.5,"name":"Chokeberry, Low Hedger - 3-gallon pot","public_title":"3-gallon pot","sku":"ARLH3G"}],"remote":false},{"id":6929190256774,"gid":"gid:\/\/shopify\/Product\/6929190256774","vendor":"Chalet-nursery","type":"Outdoor Plants - Shrub","handle":"vine-hyd-jap-moonlight","variants":[{"id":40622131478662,"price":1249.5,"name":"Vine, Hydrangea Japanese Moonlight - 1-gallon pot","public_title":"1-gallon pot","sku":"SCHYM1G"},{"id":40299841552518,"price":2999.5,"name":"Vine, Hydrangea Japanese Moonlight - 2-gallon pot","public_title":"2-gallon pot","sku":"SCHYM2G"},{"id":41228503580806,"price":4999.5,"name":"Vine, Hydrangea Japanese Moonlight - 5-gallon pot","public_title":"5-gallon pot","sku":"SCHYM5G"}],"remote":false},{"id":7361909588102,"gid":"gid:\/\/shopify\/Product\/7361909588102","vendor":"Chalet-nursery","type":"Outdoor Plants - Evergreen","handle":"american-holly-ramblin-man","variants":[{"id":41681404035206,"price":4499.5,"name":"American Holly, Ramblin man - 3-gallon pot","public_title":"3-gallon pot","sku":"ILOPRM3G"}],"remote":false},{"id":6927995601030,"gid":"gid:\/\/shopify\/Product\/6927995601030","vendor":"Chalet-nursery","type":"Outdoor Plants - Ornamental","handle":"maple-amur-bailey-compact","variants":[{"id":40297218211974,"price":7499.5,"name":"Maple, Amur Bailey Compact - 10-gallon pot","public_title":"10-gallon pot","sku":"ACGIBC10G"},{"id":40490833281158,"price":12499.5,"name":"Maple, Amur Bailey Compact - 15-gallon","public_title":"15-gallon","sku":"ACGIBC15G"},{"id":41390450147462,"price":9999.5,"name":"Maple, Amur Bailey Compact - 6P","public_title":"6P","sku":"ACGIBC6P"}],"remote":false},{"id":6970505789574,"gid":"gid:\/\/shopify\/Product\/6970505789574","vendor":"Chalet-nursery","type":"Outdoor Plants - Shrub","handle":"fruit-apple-frostbite","variants":[{"id":40688061481094,"price":6499.5,"name":"Fruit, Apple Frostbite - 5-gallon pot","public_title":"5-gallon pot","sku":"MAFR5G"},{"id":40424422932614,"price":8999.5,"name":"Fruit, Apple Frostbite - 7-gallon pot","public_title":"7-gallon pot","sku":"MAFR7G"}],"remote":false},{"id":6928775774342,"gid":"gid:\/\/shopify\/Product\/6928775774342","vendor":"Winward Intl Inc","type":"Home Décor - Floral - Faux - Stem\/Piece","handle":"silk-stem-hellebores-25-ep","variants":[{"id":41368222761094,"price":999.5,"name":"Faux Hellebore Stem 25\" Evening Purple","public_title":null,"sku":"W-95406.EP"}],"remote":false},{"id":6928820043910,"gid":"gid:\/\/shopify\/Product\/6928820043910","vendor":"Chalet-nursery","type":"Outdoor Plants - Shrub","handle":"cotoneaster-tom-thumb","variants":[{"id":40298298867846,"price":999.5,"name":"Cotoneaster, Tom Thumb - 1-gallon pot","public_title":"1-gallon pot","sku":"COAPTT1G"},{"id":40298298900614,"price":1749.5,"name":"Cotoneaster, Tom Thumb - 2-gallon pot","public_title":"2-gallon pot","sku":"COAPTT2G"},{"id":40298298933382,"price":12499.5,"name":"Cotoneaster, Tom Thumb - 5-gallon Tree Form","public_title":"5-gallon Tree Form","sku":"COAPTT5GT"}],"remote":false},{"id":6929206280326,"gid":"gid:\/\/shopify\/Product\/6929206280326","vendor":"Chalet-nursery","type":"Outdoor Plants - Shrub","handle":"vine-pyracantha-yukon-belle","variants":[{"id":40299862229126,"price":13999.5,"name":"Vine, Pyracantha Yukon Belle - 5GESP","public_title":"5GESP","sku":"PYYB5GESP"}],"remote":false},{"id":6927911813254,"gid":"gid:\/\/shopify\/Product\/6927911813254","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-six-basil-blend-org","variants":[{"id":40297123905670,"price":149.5,"name":"Botanical Interests Six Basil Blend Organic Seeds","public_title":null,"sku":"BI-6117"}],"remote":false},{"id":6928373153926,"gid":"gid:\/\/shopify\/Product\/6928373153926","vendor":"K\u0026K INTERIORS","type":"Holiday - Fall - Indoor Décor","handle":"orange-w-clves-str-anise-3-5","variants":[{"id":40297663561862,"price":449.5,"name":"Orange with Real Cloves and Star Anise Detail 3.5\"","public_title":null,"sku":"K\u0026KB7740"}],"remote":false}],"page":{"pageType":"searchresults","requestId":"dbae3297-0cbf-4baa-8e46-a20efa08c412-1769324361"}};
  for (var attr in meta) {
    window.chalet-nursery.shop.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

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

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

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

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

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

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

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

        } // XHR beacon

        var xhr = new XMLHttpRequest();

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

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

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

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

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

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

      window.chalet-nursery.shop.lib.page(null,{"pageType":"searchresults","requestId":"dbae3297-0cbf-4baa-8e46-a20efa08c412-1769324361","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":"Aronia (Chokeberry)"},undefined,undefined,{"shopifyEmitted":true});
      }
    });


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

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

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

<p>
                            <a href="https://chalet-nursery.shop/pages/plants/indoor-plants" class="button-link relative hover-text-link x-announcement-bar-block-data leading-[initial]"
                            >Last Weekend | Houseplant SALE 
                          <span class="inline-block width-countdown">
                            <span x-html="loading?textLoad:days">- </span>D&nbsp;&nbsp;
                            <span x-html="loading?textLoad:hours">-</span> :  
                            <span x-html="loading?textLoad:minutes">-</span> : 
                            <span x-html="loading?textLoad:seconds">-</span>  
                          </span>  
                        </a>
                          </p></div><div class="flex items-center">
                              <a class="button relative disable-effect btn--announcement_i7fteM inline-block none_transition text_button_announ--announcement_i7fteM empty:hidden center px-2 py-1 md:px-2.5" href="https://chalet-nursery.shop/pages/plants/indoor-plants">
                                  SHOP
                                </a></div></div></div><style data-shopify>.text--announcement_Y6PNfj .width-countdown {
                    width: 7.56rem;
                  }.text--announcement_Y6PNfj,
                    .btn--announcement_Y6PNfj {
                      font-size: 0.756rem;
                    }
                    @media (min-width: 768px) {
                      .text--announcement_Y6PNfj,
                      .btn--announcement_Y6PNfj {
                        font-size: 0.84rem;
                      }
                    }.icon--announcement_Y6PNfj {
                    width: 0.84rem;
                    height: 0.84rem;
                  }
                  .button.text_button_announ--announcement_Y6PNfj {
                    
                      color: #269c98;
                    
                    
                      background: #ffffff;
                    
                  }
                  .dark .button.text_button_announ--announcement_Y6PNfj {
                    
                      color: #269c98;
                    
                    
                      background: transparent;
                    
                  }</style><div x-slide-index="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_Y6PNfj announcement-bar_text flex">
                            <div class="flex items-center mr-2 md:mr-3">
                              <span class="inline-block icon--announcement_Y6PNfj">
                                
                                  
                                    <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
    
        <path d="M31.5098 76.9921C85.3308 76.9921 89.6617 31.2072 90.0084 9.44915C90.0115 8.85729 89.8959 8.2708 89.6684 7.7244C89.4409 7.178 89.1061 6.68278 88.6839 6.26806C88.2616 5.85334 87.7604 5.52754 87.21 5.30993C86.6596 5.09233 86.0711 4.98736 85.4794 5.00121C9 6.40583 9 43.484 9 76.9921V95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M9 76.9923C9 76.9923 9 49.9805 45.0157 45.4785" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
          
      
  </svg>
                                  
                                
                              </span>
                            </div>
                          

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


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

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

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

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

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

<template x-teleport="#menu-2">
<template x-if="!runDispatch">  
      <div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-left is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
        <div>
          <div class="page-width mx-auto flex promotion-horizontal image-count-3 md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-1/2 top-full"><li class="relative w-24 lg:w-48">
                    <div class="font-semibold">
<a href="/pages/chalet-about-us" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
                        Shop
                      </a>
                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/plants/indoor-plants" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Houseplant SALE
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/seeds" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Seed SALE
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/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/dog-apparel-sale" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Pet Outerwear SALE
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/firewood-and-accessories" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Firewood
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/home-decor" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Home Decor
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/gourmet-food" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Gourmet Food
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/apparel" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Apparel
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/wellness" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Wellness
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/jellycat" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Jellycat
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/kids" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Kids
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/pet" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Pet Living
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="https://chalet-nursery.shop/pages/discover-chalet-signature" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Planter Arrangements
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/gift-cards" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Gift Cards
                              </a>
                            </span>
                          </li></ul></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/2"> 
                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify>
                      .image-simple_menu_TxBgMg-1 {
                        height: 150px;
                      }
                    </style>
                    
                    <div class="mega-menu-card w-full group relative background-color-simple_menu_TxBgMg-1 rounded-[10px]">
                      
<style data-shopify>.title-color-simple_menu_TxBgMg-1 {
      color: ;
      --colors-heading: , , ;
    }.text-simple_menu_TxBgMg-1 {
    font-size: 0.945rem;
  }
  .sub-heading-simple_menu_TxBgMg-1 {
    font-size: 0.5625rem;
  }
  .heading-simple_menu_TxBgMg-1 {
    font-size: 0.7875rem;
  }
  @media (min-width: 768px) {
    .sub-heading-simple_menu_TxBgMg-1 {
      font-size: 0.6525rem;
    }
    .heading-simple_menu_TxBgMg-1 {
      font-size: 1.125rem; 
    }
    .text-simple_menu_TxBgMg-1 {
      font-size: 1.05rem;
    }
  }.button--simple_menu_TxBgMg-1.button-outline {}
  
</style><div 
    
    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_TxBgMg-1 pb-[%] rounded-[10px] overflow-hidden"
    
  >
    
    
    
      <div 
        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
      >
    
      <img
        srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=225 225w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=375 375w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=450 450w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=750 750w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=900 900w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=1100 1100w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=1500 1500w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=1780 1780w"
        src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=1780"
        
          loading="lazy"
         
        sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw"
        alt=""
        width="750"
        height="500.0"
        style="object-position: 50.0% 50.0%;"
        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
        onload="this?.classList.add('active'); 
          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
        "
      />
    </div>
  
  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div><div class="promotion-content background-color-simple_menu_TxBgMg-1 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"><p class="heading-simple_menu_TxBgMg-1 h3 text-color-simple_menu_TxBgMg-1 promotion-header:mb-0 mb-2 leading-tight h2 p-break-words pointer-events-auto">
        
          Valentine's 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/284/assets/search-prompts.js?v=123663537316562764691767904023" defer></script>                   
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Chalet-nursery",
    
      "logo": "https:\/\/chalet-nursery.shop\/cdn\/shop\/files\/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432\u0026width=4667",
    
    "sameAs": [
      "",
      "https:\/\/www.facebook.com\/ChaletNursery\/",
      "",
      "https:\/\/www.instagram.com\/chaletnursery",
      "https:\/\/www.tiktok.com\/@chaletchicago",
      "",
      "",
      "https:\/\/www.youtube.com\/channel\/UCriJ58k-2_sYA69Drcya7pg",
      ""
    ],
    "url": "https:\/\/chalet-nursery.shop"
  }
</script>
</div><div id="shopify-section-sections--17986558165126__mobile-navigation" class="shopify-section shopify-section-group-header-group-breath section-mobile-navigation"><style data-shopify>#mobile-navigation * {border-color: #f6f6f0;}
  .dark #mobile-navigation * {border-color: #272727;} 
  #mobile-navigation .text-color,
  #mobile-navigation .background-header {background: #ffffff;--colors-heading: 75, 73, 73;
      color: #4b4949;
      --colors-text-header: 75, 73, 73;  
        --colors-text-link: 75, 73, 73;
      
  }
  .dark #mobile-navigation .text-color,
  .dark #mobile-navigation .background-header {background: #212020;--colors-heading: 153, 153, 153;
      color: #999999;
      --colors-text-header: 153, 153, 153;
      --colors-text-link: 153, 153, 153;  
      --colors-text-link: 233, 157, 11;
    
  }
  
</style><div
  class="z-[60] fixed top-0 h-full w-full opacity-60 bg-black"
  x-show="$store.xMobileNav.show"
  x-cloak
  @click="$store.xMobileNav.close()"
></div>
<template x-if="!runDispatch">
  <div
    id="mobile-navigation"
    :class="{ 'menu-opening': $store.xMobileNav.show }" 
    class="menu-drawer fixed z-[60] top-0 bottom-0 w-10/12 max-w-sm motion-reduce invisible overflow-x-hidden ltr left-0 -translate-x-full rounded-r-[10px]"
  >
    <div class="background-header gradient menu-drawer duration-300 ease-in-out pt-5 overflow-hidden h-full flex flex-col">
      <div class="h-10 w-full px-2 text-right"
        aria-label="Close"
      >
        <span
          class="cursor-pointer w-11 h-8 inline-block p-2"
          @click="$store.xMobileNav.close()"
        ><svg width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M0.757812 8.75781L4.75782 4.75783M4.75782 4.75783L8.7578 0.757812M4.75782 4.75783L0.757812 0.757812M4.75782 4.75783L8.7578 8.75781" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </div>
      <div
        id="menu-navigation"
        class="h-full flex-1 overflow-x-hidden scrollbar-body"
        :class="$store.xMobileNav.currentMenuLinks.length == 0 ? ' overflow-y-auto' : 'overflow-hidden'">
        <ul 
          id="menu-level-0"
          role="list" 
          class="menu-parent relative h-full w-full" 
        >
           <li>
                <span class="flex border-t ml-5 mr-5"></span>

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

</div>
<!-- END sections: aside-group-breath -->
        
      
      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-search theme-template-suffix-none" role="main" tabindex="-1">
        <section id="shopify-section-template--17986571501702__main" class="shopify-section section x-section"><style data-shopify>
  .gap-template--17986571501702__main {
    column-gap: 16px;
    row-gap: 32px;
  }
  @media (min-width: 768px) {
    .gap-template--17986571501702__main {
      column-gap: 28px;
      row-gap: 64px;
    }
  }</style><div x-data="xFiltersAndSortby('template--17986571501702__main')" class="search-page pb-[28px] pt-[28px] md:pb-[36px] md:pt-[36px]">
  <div class="page-width">
    <h1 class="text-center h2 font-semibold mb-4">Search results</h1>
    <div x-data="xModalSearch('product,page,collection,article','6',3)" 
      class="flex justify-center relative mb-14" tabindex="-1">
          <form action="/search" method="get" role="search" class="max-w-3xl w-full">
            <div id="form-1" class="relative field">
              <style data-shopify>
                .input-search::placeholder {
                  
                    font-family: var(--font-body-family);
                  
                }
              </style>
              <input 
                x-data="xSearchPrompts($el, ['Search for roses', 'Search for home decor', 'Search for hydrangea'], false)"
                class="input-search bg-[rgb(var(--colors-text),0.1)] focus-visible:outline-none pt-4 pb-4 pl-7 rtl:pl-20 pr-20 rtl:pr-7 text-left rtl:text-right text-sm w-full appearance-none relative outline-none placeholder:opacity-70 placeholder:text-[rgb(var(--colors-text))] rounded-md"
                type="search"
                name="q"
                value="Aronia (Chokeberry)"
                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">25 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">25 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="Aronia (Chokeberry)">
              <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=Aronia+%28Chokeberry%29`)" 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="Evergreens"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Evergreens (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="Fall Decor"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Fall Decor (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="Faux Botanicals"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Faux Botanicals (2)</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="Ornamental Trees"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Ornamental Trees (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-5"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Seed Packets"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seed Packets (6)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-6" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-6"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Seeds"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seeds (6)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-7" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-7"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Shrubs"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Shrubs (15)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-8" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-8"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Trees &amp; Shrubs"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Trees &amp; Shrubs (16)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



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



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



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



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



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



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

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



    <div 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="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=Aronia+%28Chokeberry%29`)" 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="Spring"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Spring (15)</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="Summer"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Summer (1)</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="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=Aronia+%28Chokeberry%29`)" 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 (14)</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 (2)</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="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=Aronia+%28Chokeberry%29`)" 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="Dark Green"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Dark Green (6)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Foliage Color-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Foliage 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.FoliageColor"
                      value="Green"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Green (10)</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="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=Aronia+%28Chokeberry%29`)" 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="Orange"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Orange (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="Red-Burgundy"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Red-Burgundy (11)</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="Yellow-Gold"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Yellow-Gold (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Fall Color-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Fall Color-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.FallColor"
                      value="Copper-Brown-Bronze"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Copper-Brown-Bronze (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Fall Color-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Fall Color-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.m.OutdoorPlants.FallColor"
                      value="Green"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Green (4)</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="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=Aronia+%28Chokeberry%29`)" 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="Spring"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Spring (13)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Season of Interest-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Season of Interest-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.SeasonofInterest"
                      value="Summer"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Summer (8)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Season of Interest-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Season of Interest-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.SeasonofInterest"
                      value="Fall"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Fall (13)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Season of Interest-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Season of Interest-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.SeasonofInterest"
                      value="Winter"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Winter (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="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=Aronia+%28Chokeberry%29`)" 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="Fruit"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Fruit (11)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Food Growing-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Food Growing-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.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-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="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=Aronia+%28Chokeberry%29`)" 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 (4)</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 (7)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Landscape Use-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Landscape Use-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.LandscapeUse"
                      value="Ground Cover"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Ground Cover (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Landscape Use-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Landscape Use-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.LandscapeUse"
                      value="Hedge"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Hedge (4)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Landscape Use-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Landscape Use-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.m.OutdoorPlants.LandscapeUse"
                      value="Hedge, Barrier, Privacy Screen"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Hedge, Barrier, Privacy Screen (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Landscape Use-6" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Landscape Use-6"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.LandscapeUse"
                      value="Mass Planting"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Mass Planting (7)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Landscape Use-7" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Landscape Use-7"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.LandscapeUse"
                      value="Privacy Screen"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Privacy Screen (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="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=Aronia+%28Chokeberry%29`)" 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 (11)</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 (11)</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 (11)</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 (11)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Pest &amp; Disease Resistance-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Pest &amp; Disease Resistance-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.m.OutdoorPlants.Resistance"
                      value="No Resistance"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">No Resistance (3)</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="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=Aronia+%28Chokeberry%29`)" 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="Native (Great Lakes Region)"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Native (Great Lakes Region) (9)</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 – Butterflies"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Pollinator – Butterflies (8)</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 (15)</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"
        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=Aronia+%28Chokeberry%29`)" 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 (1)</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="Fragrant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Fragrant (1)</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><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Garden Performance &amp; Beauty-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Garden Performance &amp; Beauty-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.Performance"
                      value="None"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">None (12)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-22" 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=Aronia+%28Chokeberry%29`)" 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="Salt Tolerant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Salt Tolerant (3)</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="Cold Tolerant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Cold Tolerant (15)</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="Erosion Control"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Erosion Control (10)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Environmental Tolerances-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Environmental Tolerances-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.Tolerance"
                      value="Juglone (Black Walnut) Tolerant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Juglone (Black Walnut) Tolerant (13)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  

              </div>
              <div id="active-filter-tag" class="hidden md:block">
                
              </div>
            
            
          </form>
        
      
    
  </div>
  
</div>
<form id="FormFilter" class="grid form-drawer"><input type="hidden" name="q" value="Aronia (Chokeberry)">
    <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">25 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=Aronia+%28Chokeberry%29`)" 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="Evergreens"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Evergreens (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="Fall Decor"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Fall Decor (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="Faux Botanicals"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Faux Botanicals (2)</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="Ornamental Trees"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Ornamental Trees (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-5"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Seed Packets"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seed Packets (6)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-6" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-6"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Seeds"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seeds (6)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-7" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-7"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Shrubs"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Shrubs (15)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-8" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-8"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Trees &amp; Shrubs"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Trees &amp; Shrubs (16)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



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



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



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



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-5">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between"
        aria-label="Sunlight Exposure (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Sunlight Exposure<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem]">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=Aronia+%28Chokeberry%29`)" 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 (15)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Sunlight Exposure-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Sunlight Exposure-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.Sunlight"
                      value="Partial"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Partial (11)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-6">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between"
        aria-label="Water Needs (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Water Needs<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem]">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=Aronia+%28Chokeberry%29`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pt-1">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Water Needs-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Water Needs-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.WaterNeeds"
                      value="Moderate"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Moderate (16)</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="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=Aronia+%28Chokeberry%29`)" 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="&lt;12&quot;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">&lt;12&quot; (1)</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="12 - 18&quot;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">12 - 18&quot; (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Mature Height-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Height-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.MatureHeight"
                      value="3&#39; - 5&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">3&#39; - 5&#39; (9)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Mature Height-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Height-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.MatureHeight"
                      value="9&#39; - 15&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">9&#39; - 15&#39; (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Mature Height-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Height-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.m.OutdoorPlants.MatureHeight"
                      value="15&#39; - 20&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">15&#39; - 20&#39; (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Mature Height-6" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Height-6"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.MatureHeight"
                      value="20&#39; - 30&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">20&#39; - 30&#39; (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Mature Height-7" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Height-7"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.MatureHeight"
                      value="30&#39; - 40&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">30&#39; - 40&#39; (1)</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="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=Aronia+%28Chokeberry%29`)" 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="3&#39; - 5&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">3&#39; - 5&#39; (10)</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="5&#39; - 8&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">5&#39; - 8&#39; (1)</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="11 - 15&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">11 - 15&#39; (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Mature Spread-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Spread-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.MatureSpread"
                      value="15 - 20&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">15 - 20&#39; (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Mature Spread-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Spread-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.m.OutdoorPlants.MatureSpread"
                      value="As Trained"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">As Trained (1)</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="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=Aronia+%28Chokeberry%29`)" 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="Slow"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Slow (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Growth Rate-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Growth Rate-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.GrowthRate"
                      value="Moderate"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Moderate (14)</span>
                  </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="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=Aronia+%28Chokeberry%29`)" 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="Mounding"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Mounding (10)</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="Trailing"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Trailing (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Growth Shape-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Growth Shape-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.GrowthHabit"
                      value="Upright"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Upright (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Growth Shape-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Growth Shape-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.GrowthHabit"
                      value="Vase-shaped"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Vase-shaped (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Growth Shape-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Growth Shape-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.m.OutdoorPlants.GrowthHabit"
                      value="Vining/Climbing"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Vining/Climbing (1)</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="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=Aronia+%28Chokeberry%29`)" 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/3"
                      
                      
                      @change="onSubmit()"
                    >
                      



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

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



    <div 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="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=Aronia+%28Chokeberry%29`)" 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="Spring"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Spring (15)</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="Summer"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Summer (1)</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="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=Aronia+%28Chokeberry%29`)" 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 (14)</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 (2)</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="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=Aronia+%28Chokeberry%29`)" 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="Dark Green"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Dark Green (6)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Foliage Color-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Foliage 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.FoliageColor"
                      value="Green"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Green (10)</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="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=Aronia+%28Chokeberry%29`)" 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="Orange"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Orange (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="Red-Burgundy"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Red-Burgundy (11)</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="Yellow-Gold"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Yellow-Gold (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Fall Color-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Fall Color-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.FallColor"
                      value="Copper-Brown-Bronze"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Copper-Brown-Bronze (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Fall Color-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Fall Color-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.m.OutdoorPlants.FallColor"
                      value="Green"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Green (4)</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="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=Aronia+%28Chokeberry%29`)" 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="Spring"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Spring (13)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Season of Interest-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Season of Interest-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.SeasonofInterest"
                      value="Summer"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Summer (8)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Season of Interest-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Season of Interest-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.SeasonofInterest"
                      value="Fall"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Fall (13)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Season of Interest-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Season of Interest-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.SeasonofInterest"
                      value="Winter"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Winter (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="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=Aronia+%28Chokeberry%29`)" 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="Fruit"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Fruit (11)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Food Growing-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Food Growing-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.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-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="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=Aronia+%28Chokeberry%29`)" 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 (4)</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 (7)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Landscape Use-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Landscape Use-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.LandscapeUse"
                      value="Ground Cover"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Ground Cover (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Landscape Use-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Landscape Use-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.LandscapeUse"
                      value="Hedge"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Hedge (4)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Landscape Use-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Landscape Use-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.m.OutdoorPlants.LandscapeUse"
                      value="Hedge, Barrier, Privacy Screen"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Hedge, Barrier, Privacy Screen (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Landscape Use-6" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Landscape Use-6"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.LandscapeUse"
                      value="Mass Planting"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Mass Planting (7)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Landscape Use-7" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Landscape Use-7"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.LandscapeUse"
                      value="Privacy Screen"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Privacy Screen (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="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=Aronia+%28Chokeberry%29`)" 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 (11)</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 (11)</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 (11)</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 (11)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Pest &amp; Disease Resistance-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Pest &amp; Disease Resistance-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.m.OutdoorPlants.Resistance"
                      value="No Resistance"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">No Resistance (3)</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="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=Aronia+%28Chokeberry%29`)" 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="Native (Great Lakes Region)"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Native (Great Lakes Region) (9)</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 – Butterflies"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Pollinator – Butterflies (8)</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 (15)</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"
        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=Aronia+%28Chokeberry%29`)" 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 (1)</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="Fragrant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Fragrant (1)</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><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Garden Performance &amp; Beauty-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Garden Performance &amp; Beauty-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.Performance"
                      value="None"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">None (12)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-22">
      <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=Aronia+%28Chokeberry%29`)" 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="Salt Tolerant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Salt Tolerant (3)</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="Cold Tolerant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Cold Tolerant (15)</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="Erosion Control"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Erosion Control (10)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Environmental Tolerances-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Environmental Tolerances-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.Tolerance"
                      value="Juglone (Black Walnut) Tolerant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Juglone (Black Walnut) Tolerant (13)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  

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

<div 
  
    x-data="xProductCard('template--17986571501702__main-11', '/products/seed-lettuce-bttrhead-marvel', '6929805148294')"  
  
  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-lettuce-bttrhead-marvel?_pos=1&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929805148294,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Marvel of Four Seasons Butterhead Lettuce Organic Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 349,
      &quot;price_with_currency&quot;: &quot;$3.49&quot;,
      &quot;sale_amount&quot;: &quot;$-3.49&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||283157495942||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 6,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Marvel of Four Seasons Butterhead Lettuce Organic Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-11--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Marvel of Four Seasons Butterhead Lettuce Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805148294&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="hidden">
                
                <img src="//chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&amp;width=1500" alt="Botanical Interests Marvel of Four Seasons Butterhead Lettuce Organic Seeds" srcset="//chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&amp;width=375 375w, //chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&amp;width=450 450w, //chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&amp;width=750 750w, //chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&amp;width=900 900w, //chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&amp;width=1100 1100w, //chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&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/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618 482w" 
                  src="//chalet-nursery.shop/cdn/shop/files/3058i_Lettuce-Butter-Marvel-ORG.jpg?v=1740174618&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 Marvel of Four Seasons Butterhead Lettuce Organic 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="482"
                  height="723"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301752877190">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929805148294-11"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

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


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

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


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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929805148294">
            <a href="/products/seed-lettuce-bttrhead-marvel?_pos=1&_sid=8b64ecff3&_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 Marvel of Four Seasons Butterhead Lettuce Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805148294&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Marvel of Four Seasons Butterhead Lettuce Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929805148294">
            <a href="/products/seed-lettuce-bttrhead-marvel?_pos=1&_sid=8b64ecff3&_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 Marvel of Four Seasons Butterhead Lettuce Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805148294&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Marvel of Four Seasons Butterhead Lettuce Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-lettuce-bttrhead-marvel?_pos=1&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929805148294-11" 
          class="current-variant hidden"
        >
          40301752877190
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <span>Both tasty and attractive, this 1800s French heirloom also known as Merveille de Quatre Saisons has tender, sweet leaves that are green at the base, turning to a beautiful cranberry-red, and forming a crinkly rosette that almost looks like a flower! If kept moist, it won't turn bitter when heat arrives. Rosettes are 8"â€“12" in diameter, good for large containers.</span>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301752877190">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929805148294-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="6929805148294" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301752877190">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929805148294-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="6929805148294" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-lettuce-bttrhead-marvel', $el, 'template--17986571501702__main-6929805148294-11')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-lettuce-bttrhead-marvel', $el, 'template--17986571501702__main-6929805148294-11')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-lettuce-bttrhead-marvel", $el, "template--17986571501702__main-6929805148294-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 Marvel of Four Seasons Butterhead Lettuce Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805148294&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

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


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

<div 
  
    x-data="xProductCard('template--17986571501702__main-12', '/products/seed-radicchio-palla-rossa-org', '6929806426246')"  
  
  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-radicchio-palla-rossa-org?_pos=2&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929806426246,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 269,
      &quot;price_with_currency&quot;: &quot;$2.69&quot;,
      &quot;sale_amount&quot;: &quot;$-2.69&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 6,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-12--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929806426246&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/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&amp;width=1500" alt="Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds" srcset="//chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&amp;width=375 375w, //chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&amp;width=450 450w, //chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&amp;width=750 750w, //chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&amp;width=900 900w, //chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&amp;width=1100 1100w, //chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&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/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129 514w" 
                  src="//chalet-nursery.shop/cdn/shop/files/3119i_Radicchio-Palla-Rossa-Mavrik-ORG.jpg?v=1704237129&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 Palla Rossa Mavrik Radicchio Organic 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="514"
                  height="771"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301756317830">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929806426246-12"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

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


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929806426246-12"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929806426246&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="6929806426246" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-radicchio-palla-rossa-org', $el, 'template--17986571501702__main-6929806426246-12')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-radicchio-palla-rossa-org', $el, 'template--17986571501702__main-6929806426246-12')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929806426246&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-radicchio-palla-rossa-org", $el, "template--17986571501702__main-6929806426246-12") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929806426246&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929806426246">
            <a href="/products/seed-radicchio-palla-rossa-org?_pos=2&_sid=8b64ecff3&_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 Palla Rossa Mavrik Radicchio Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929806426246&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929806426246">
            <a href="/products/seed-radicchio-palla-rossa-org?_pos=2&_sid=8b64ecff3&_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 Palla Rossa Mavrik Radicchio Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929806426246&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-radicchio-palla-rossa-org?_pos=2&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929806426246-12" 
          class="current-variant hidden"
        >
          40301756317830
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <span>Bring color and fresh flavor to your kitchen! Radicchio heads up and develops color best in cool weather. Excellent for overwintering in USDA zone 4 and warmer, and heads regrow if cut correctly (details inside packet). The distinctive and mildly bitter flavor sweetens with frost and can be mellowed by grilling or a flash in the pan.</span>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301756317830">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929806426246-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="6929806426246" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301756317830">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929806426246-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="6929806426246" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-radicchio-palla-rossa-org', $el, 'template--17986571501702__main-6929806426246-12')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-radicchio-palla-rossa-org', $el, 'template--17986571501702__main-6929806426246-12')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-radicchio-palla-rossa-org", $el, "template--17986571501702__main-6929806426246-12") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Palla Rossa Mavrik Radicchio Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929806426246&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

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


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

<div 
  
    x-data="xProductCard('template--17986571501702__main-13', '/products/seed-pepper-mini-chocolate-be', '6928676847750')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-pepper-mini-chocolate-be?_pos=3&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6928676847750,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Seed Savers Miniature Chocolate Bell Organic Pepper&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 425,
      &quot;price_with_currency&quot;: &quot;$4.25&quot;,
      &quot;sale_amount&quot;: &quot;$-4.25&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||283157495942||&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 Miniature Chocolate Bell Organic Pepper"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

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

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


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

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


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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6928676847750">
            <a href="/products/seed-pepper-mini-chocolate-be?_pos=3&_sid=8b64ecff3&_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 Miniature Chocolate Bell Organic Pepper&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928676847750&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Miniature Chocolate Bell Organic Pepper
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">425</div><p class="price">
          <span>$2.13</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6928676847750">
            <a href="/products/seed-pepper-mini-chocolate-be?_pos=3&_sid=8b64ecff3&_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 Miniature Chocolate Bell Organic Pepper&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928676847750&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Miniature Chocolate Bell Organic Pepper
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">425</div><p class="price">
          <span>$2.13</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

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

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


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

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


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

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


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

<div 
  
    x-data="xProductCard('template--17986571501702__main-14', '/products/napa-faux-persimmon-branch-35', '7437090422918')"  
  
  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/napa-faux-persimmon-branch-35?_pos=4&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 7437090422918,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Napa Faux Persimmon Branch 35&amp;quot;&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 4499,
      &quot;price_with_currency&quot;: &quot;$44.99&quot;,
      &quot;sale_amount&quot;: &quot;$-44.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||290101723270||290101690502||269035929734||270619738246||283341815942||290315501702||290462826630||289977729158||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 3,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Napa Faux Persimmon Branch 35""
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

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

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


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-7437090422918-14"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Napa Faux Persimmon Branch 35&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7437090422918&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;Napa Home &amp;amp; Garden&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="7437090422918" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/napa-faux-persimmon-branch-35', $el, 'template--17986571501702__main-7437090422918-14')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/napa-faux-persimmon-branch-35', $el, 'template--17986571501702__main-7437090422918-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;Napa Faux Persimmon Branch 35&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7437090422918&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;Napa Home &amp;amp; Garden&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/napa-faux-persimmon-branch-35", $el, "template--17986571501702__main-7437090422918-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;Napa Faux Persimmon Branch 35&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7437090422918&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;Napa Home &amp;amp; Garden&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-7437090422918">
            <a href="/products/napa-faux-persimmon-branch-35?_pos=4&_sid=8b64ecff3&_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;Napa Faux Persimmon Branch 35&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7437090422918&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;Napa Home &amp;amp; Garden&quot;
    }
  }"
            >
              Napa Faux Persimmon Branch 35&quot;
            </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">4499</div><p class="price">
          <span>$22.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-7437090422918-template--17986571501702__main-14"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-7437090422918">
            <a href="/products/napa-faux-persimmon-branch-35?_pos=4&_sid=8b64ecff3&_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;Napa Faux Persimmon Branch 35&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7437090422918&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;Napa Home &amp;amp; Garden&quot;
    }
  }"
            >
              Napa Faux Persimmon Branch 35&quot;
            </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">4499</div><p class="price">
          <span>$22.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/napa-faux-persimmon-branch-35?_pos=4&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-7437090422918-14" 
          class="current-variant hidden"
        >
          42339736027270
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <div class="product__description product__block product__block--medium">
<div class="rte rte--product ff-body fs-body-100">
<p><span class="metafield-multi_line_text_field">Height: 35"</span></p>
</div>
</div>
<div class="product__description product__block product__block--medium">
<div class="rte rte--product ff-body fs-body-100">A vibrant and colorful fruit, the Persimmon is one of many marvels of the far east. Add to a ceramic or blown glass vase for an unexpected, dramatic pop of color.<br><br>- Orange</div>
</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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="42339736027270">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-7437090422918-14"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

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


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

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


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

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


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

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

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

      
        
          
            pb-[150%]
          
        
      

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

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


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

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


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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929805475974">
            <a href="/products/seed-radish-cherry-belle-org?_pos=5&_sid=8b64ecff3&_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 Cherry Belle Radish Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805475974&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Cherry Belle Radish Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929805475974">
            <a href="/products/seed-radish-cherry-belle-org?_pos=5&_sid=8b64ecff3&_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 Cherry Belle Radish Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805475974&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Cherry Belle Radish Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-radish-cherry-belle-org?_pos=5&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929805475974-15" 
          class="current-variant hidden"
        >
          40301753204870
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <span>Radish is a frost-tolerant, fast-maturing, easy-to-grow vegetable. The mild flavor and crisp texture of this Holland heirloom make it a great addition to salads, sandwiches, and snack trays. Cut radishes to create beautiful radish "roses" and use as a garnish or on a relish tray. Perfect for container gardening, and fun for kids to grow!</span>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301753204870">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929805475974-15"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

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


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

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


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

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


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

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

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

      
        
          
            pb-[150%]
          
        
      

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

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


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6927906340998-16"
                    :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 Cherry Belle Radish Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927906340998&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="6927906340998" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-radish-cherry-belle', $el, 'template--17986571501702__main-6927906340998-16')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-radish-cherry-belle', $el, 'template--17986571501702__main-6927906340998-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;Botanical Interests Cherry Belle Radish Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927906340998&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-radish-cherry-belle", $el, "template--17986571501702__main-6927906340998-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;Botanical Interests Cherry Belle Radish Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927906340998&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6927906340998">
            <a href="/products/seed-radish-cherry-belle?_pos=6&_sid=8b64ecff3&_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 Cherry Belle Radish Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927906340998&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Cherry Belle Radish Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6927906340998">
            <a href="/products/seed-radish-cherry-belle?_pos=6&_sid=8b64ecff3&_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 Cherry Belle Radish Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927906340998&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Cherry Belle Radish Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

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

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


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

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


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

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


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

<div 
  
    x-data="xProductCard('template--17986571501702__main-17', '/products/chokeberry-black-aut-magic', '6928812933254')"  
  
  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/chokeberry-black-aut-magic?_pos=7&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6928812933254,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Chokeberry, Black Autumn Magic&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 4999,
      &quot;price_with_currency&quot;: &quot;$49.99&quot;,
      &quot;sale_amount&quot;: &quot;$-49.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||291777413254||291783442566||&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="Chokeberry, Black Autumn Magic"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-17--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Black Autumn Magic&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812933254&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/PF_Autumn_Magic_Black_Chokeberry_2.jpg?v=1754670173&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/PF_Autumn_Magic_Black_Chokeberry_2.jpg?v=1754670173&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/PF_Autumn_Magic_Black_Chokeberry_2.jpg?v=1754670173&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/PF_Autumn_Magic_Black_Chokeberry_2.jpg?v=1754670173&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/PF_Autumn_Magic_Black_Chokeberry_2.jpg?v=1754670173&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/PF_Autumn_Magic_Black_Chokeberry_2.jpg?v=1754670173 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/PF_Autumn_Magic_Black_Chokeberry_2.jpg?v=1754670173&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="Chokeberry, Black Autumn Magic"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="42438314688646">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6928812933254-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--17986571501702__main-6928812933254-17"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Black Autumn Magic&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812933254&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="6928812933254" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-black-aut-magic', $el, 'template--17986571501702__main-6928812933254-17')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-black-aut-magic', $el, 'template--17986571501702__main-6928812933254-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;Chokeberry, Black Autumn Magic&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812933254&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/chokeberry-black-aut-magic", $el, "template--17986571501702__main-6928812933254-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;Chokeberry, Black Autumn Magic&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812933254&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--17986571501702__main-6928812933254">
            <a href="/products/chokeberry-black-aut-magic?_pos=7&_sid=8b64ecff3&_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;Chokeberry, Black Autumn Magic&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812933254&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Chokeberry, Black Autumn Magic
            </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-6928812933254-template--17986571501702__main-17"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6928812933254">
            <a href="/products/chokeberry-black-aut-magic?_pos=7&_sid=8b64ecff3&_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;Chokeberry, Black Autumn Magic&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812933254&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Chokeberry, Black Autumn Magic
            </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--17986571501702__main', '/products/chokeberry-black-aut-magic?_pos=7&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6928812933254-17" 
          class="current-variant hidden"
        >
          42438314688646
        </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;">Aronia melanocarpa 'Autumn Magic'</div>
<div id="product_description">
<p><span>Autumn Magic is a compact, less spreading version of Black Chokeberry with a brilliant mixture of red-purple autumn foliage. Attractive white flower clusters appear in May, followed by clusters of blackish purple berries that persist through the winter. Clean, shiny dark green leaves turn purple-red in fall. Plant several in mass to amplify the colorful foliage and fruit display. Excellent for wet areas.</span></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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="42438314688646">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6928812933254-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="6928812933254" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="42438314688646">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6928812933254-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="6928812933254" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-black-aut-magic', $el, 'template--17986571501702__main-6928812933254-17')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-black-aut-magic', $el, 'template--17986571501702__main-6928812933254-17')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/chokeberry-black-aut-magic", $el, "template--17986571501702__main-6928812933254-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;Chokeberry, Black Autumn Magic&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812933254&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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-18', '/products/chokeberry-low-scape-mound', '6928812900486')"  
  
  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/chokeberry-low-scape-mound?_pos=8&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6928812900486,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Chokeberry, Low Scape Mound&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 4999,
      &quot;price_with_currency&quot;: &quot;$49.99&quot;,
      &quot;sale_amount&quot;: &quot;$-49.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||291777413254||291783442566||&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="Chokeberry, Low Scape Mound"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-18--1"
          class="block h-full 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;Chokeberry, Low Scape Mound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812900486&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
          
            x-cloak
            x-intersect.once.margin.200px='$store.xSplide.load($el, {
              "drag": false,
              "pauseOnFocus": false,
              "pauseOnHover": false,
              "perMove": 1,
              "focus": "center",
              "type": "fade",
              
                
                  "rewind": true,
                  "autoplay": true,
                  "speed": 2000,
                  "interval": 2000,
                  "updateOnMove": "true",
                  "playOnHover": true,
                
                "pagination": false
            })'>
          
            <div 
              id="image-product-template--17986571501702__main-18--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-shrub-tree-landscape-8.jpg?v=1754670174&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-8.jpg?v=1754670174&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-8.jpg?v=1754670174&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-8.jpg?v=1754670174&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-8.jpg?v=1754670174&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-8.jpg?v=1754670174 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-8.jpg?v=1754670174&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="Chokeberry, Low Scape Mound"
                  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-shrub-tree-landscape-6.jpg?v=1754670174"
                        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-shrub-tree-landscape-6.jpg?v=1754670174&width=450 450w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-6.jpg?v=1754670174&width=750 750w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-6.jpg?v=1754670174&width=900 900w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-6.jpg?v=1754670174&width=1100 1100w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-6.jpg?v=1754670174&width=1500 1500w
                              ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-6.jpg?v=1754670174 800w"
                            src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-6.jpg?v=1754670174&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="Chokeberry, Low Scape Mound"
                            class="w-full motion-reduce h-full min-h-full object-cover animate-Xpulse skeleton-image"
                            loading="lazy"
                            onload="this?.classList.add('active'); 
                              this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                              setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                            "
                            width="800"
                            height="1200"
                          />
                        </picture>
                      </div>
                    
                    
                  
<div 
                        index="2" 
                        media="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-7.jpg?v=1754670174"
                        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-shrub-tree-landscape-7.jpg?v=1754670174&width=450 450w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-7.jpg?v=1754670174&width=750 750w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-7.jpg?v=1754670174&width=900 900w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-7.jpg?v=1754670174&width=1100 1100w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-7.jpg?v=1754670174&width=1500 1500w
                              ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-7.jpg?v=1754670174 801w"
                            src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-tree-landscape-7.jpg?v=1754670174&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="Chokeberry, Low Scape Mound"
                            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="801"
                            height="1200"
                          />
                        </picture>
                      </div>
                    
                     
              </div>
            </div><div class="splide__arrows lg:inline-flex hidden">
                <button @click.prevent="prev = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--prev disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:right-0 rtl:rotate-0 rtl:left-auto left-0 rotate-180" aria-label="previous slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
                <button @click.prevent="next = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--next disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:left-0 rtl:right-auto right-0 rtl:rotate-180" aria-label="next slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
              </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40298268426374">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6928812900486-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--17986571501702__main-6928812900486-18"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Low Scape Mound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812900486&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="6928812900486" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-low-scape-mound', $el, 'template--17986571501702__main-6928812900486-18')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-low-scape-mound', $el, 'template--17986571501702__main-6928812900486-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;Chokeberry, Low Scape Mound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812900486&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/chokeberry-low-scape-mound", $el, "template--17986571501702__main-6928812900486-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;Chokeberry, Low Scape Mound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812900486&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--17986571501702__main-6928812900486">
            <a href="/products/chokeberry-low-scape-mound?_pos=8&_sid=8b64ecff3&_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;Chokeberry, Low Scape Mound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812900486&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Chokeberry, Low Scape Mound
            </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-6928812900486-template--17986571501702__main-18"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6928812900486">
            <a href="/products/chokeberry-low-scape-mound?_pos=8&_sid=8b64ecff3&_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;Chokeberry, Low Scape Mound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812900486&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Chokeberry, Low Scape Mound
            </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--17986571501702__main', '/products/chokeberry-low-scape-mound?_pos=8&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6928812900486-18" 
          class="current-variant hidden"
        >
          40298268426374
        </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>Low Scape Mound® Aronia features showy panicles of white flowers with brick red anthers at the ends of the branches in mid spring. It features an abundance of magnificent black berries from late summer to mid fall. It has forest green deciduous foliage. The glossy oval leaves turn an outstanding red in the fall.</span><meta charset="utf-8"></p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40298268426374">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6928812900486-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="6928812900486" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40298268426374">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6928812900486-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="6928812900486" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-low-scape-mound', $el, 'template--17986571501702__main-6928812900486-18')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-low-scape-mound', $el, 'template--17986571501702__main-6928812900486-18')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/chokeberry-low-scape-mound", $el, "template--17986571501702__main-6928812900486-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;Chokeberry, Low Scape Mound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812900486&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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-19', '/products/chokeberry-red', '6928812834950')"  
  
  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/chokeberry-red?_pos=9&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6928812834950,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Chokeberry, Red&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 3999,
      &quot;price_with_currency&quot;: &quot;$39.99&quot;,
      &quot;sale_amount&quot;: &quot;$-39.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||291777413254||291783442566||&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="Chokeberry, 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--17986571501702__main-19--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812834950&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3999,
      &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/PF_Chokeberry_Brilliantissima_Red_1.jpg?v=1754670175&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/PF_Chokeberry_Brilliantissima_Red_1.jpg?v=1754670175&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/PF_Chokeberry_Brilliantissima_Red_1.jpg?v=1754670175&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/PF_Chokeberry_Brilliantissima_Red_1.jpg?v=1754670175&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/PF_Chokeberry_Brilliantissima_Red_1.jpg?v=1754670175&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/PF_Chokeberry_Brilliantissima_Red_1.jpg?v=1754670175 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/PF_Chokeberry_Brilliantissima_Red_1.jpg?v=1754670175&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="Chokeberry, 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="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40298268262534">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6928812834950-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--17986571501702__main-6928812834950-19"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812834950&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3999,
      &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="6928812834950" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-red', $el, 'template--17986571501702__main-6928812834950-19')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-red', $el, 'template--17986571501702__main-6928812834950-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;Chokeberry, Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812834950&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3999,
      &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/chokeberry-red", $el, "template--17986571501702__main-6928812834950-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;Chokeberry, Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812834950&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3999,
      &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--17986571501702__main-6928812834950">
            <a href="/products/chokeberry-red?_pos=9&_sid=8b64ecff3&_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;Chokeberry, Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812834950&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Chokeberry, 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">3999</div><p class="price">
          <span>From $20</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-6928812834950-template--17986571501702__main-19"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6928812834950">
            <a href="/products/chokeberry-red?_pos=9&_sid=8b64ecff3&_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;Chokeberry, Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812834950&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Chokeberry, 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">3999</div><p class="price">
          <span>From $20</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/chokeberry-red?_pos=9&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6928812834950-19" 
          class="current-variant hidden"
        >
          40298268262534
        </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;">Aronia arbutifolia 'Brilliantissima'</div>
<div id="product_description">
<p><span>Features pretty white flowers in spring followed by clusters of large, glossy brilliant red berries that persist into winter. Fantastic lustrous dark green leaves that turn scarlet in fall, the quality of color approaching that of Burning Bush. Great for massing or naturalizing for its colorful fruit and foliage  display.</span></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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40298268262534">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6928812834950-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="6928812834950" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40298268262534">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6928812834950-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="6928812834950" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-red', $el, 'template--17986571501702__main-6928812834950-19')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-red', $el, 'template--17986571501702__main-6928812834950-19')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/chokeberry-red", $el, "template--17986571501702__main-6928812834950-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;Chokeberry, Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928812834950&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3999,
      &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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-110', '/products/chokeberry-lowscape-snowfire', '7119323267206')"  
  
  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/chokeberry-lowscape-snowfire?_pos=10&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 7119323267206,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Chokeberry, Lowscape Snowfire&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 4999,
      &quot;price_with_currency&quot;: &quot;$49.99&quot;,
      &quot;sale_amount&quot;: &quot;$-49.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||291777413254||291783442566||&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="Chokeberry, Lowscape Snowfire"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-110--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Lowscape Snowfire&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7119323267206&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/Cha_et-home-garden-chicago-landscape-shrub-lowscape-snowfire-chokeberry.jpg?v=1754669458&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Cha_et-home-garden-chicago-landscape-shrub-lowscape-snowfire-chokeberry.jpg?v=1754669458&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Cha_et-home-garden-chicago-landscape-shrub-lowscape-snowfire-chokeberry.jpg?v=1754669458&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Cha_et-home-garden-chicago-landscape-shrub-lowscape-snowfire-chokeberry.jpg?v=1754669458&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Cha_et-home-garden-chicago-landscape-shrub-lowscape-snowfire-chokeberry.jpg?v=1754669458&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Cha_et-home-garden-chicago-landscape-shrub-lowscape-snowfire-chokeberry.jpg?v=1754669458 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Cha_et-home-garden-chicago-landscape-shrub-lowscape-snowfire-chokeberry.jpg?v=1754669458&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="Chokeberry, Lowscape Snowfire"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40922482540678">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-7119323267206-110"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-7119323267206-110"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Lowscape Snowfire&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7119323267206&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="7119323267206" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-lowscape-snowfire', $el, 'template--17986571501702__main-7119323267206-110')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-lowscape-snowfire', $el, 'template--17986571501702__main-7119323267206-110')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Lowscape Snowfire&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7119323267206&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/chokeberry-lowscape-snowfire", $el, "template--17986571501702__main-7119323267206-110") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Lowscape Snowfire&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7119323267206&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--17986571501702__main-7119323267206">
            <a href="/products/chokeberry-lowscape-snowfire?_pos=10&_sid=8b64ecff3&_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;Chokeberry, Lowscape Snowfire&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7119323267206&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Chokeberry, Lowscape Snowfire
            </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-7119323267206-template--17986571501702__main-110"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-7119323267206">
            <a href="/products/chokeberry-lowscape-snowfire?_pos=10&_sid=8b64ecff3&_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;Chokeberry, Lowscape Snowfire&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7119323267206&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Chokeberry, Lowscape Snowfire
            </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--17986571501702__main', '/products/chokeberry-lowscape-snowfire?_pos=10&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-7119323267206-110" 
          class="current-variant hidden"
        >
          40922482540678
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Low Scape Snowfire® Aronia features showy panicles of white flowers with red anthers at the ends of the branches in mid spring. It features an abundance of magnificent navy blue berries from late summer to late fall, which fade to black over time. It has forest green foliage with olive green undersides. The glossy oval leaves turn an outstanding red in the fall.</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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40922482540678">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-7119323267206-110"
                :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="7119323267206" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40922482540678">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-7119323267206-110"
                  :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="7119323267206" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-lowscape-snowfire', $el, 'template--17986571501702__main-7119323267206-110')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-lowscape-snowfire', $el, 'template--17986571501702__main-7119323267206-110')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/chokeberry-lowscape-snowfire", $el, "template--17986571501702__main-7119323267206-110") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Lowscape Snowfire&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7119323267206&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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-111', '/products/chokeberry-low-hedger', '6973345726598')"  
  
  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/chokeberry-low-hedger?_pos=11&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6973345726598,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Chokeberry, Low Hedger&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 4999,
      &quot;price_with_currency&quot;: &quot;$49.99&quot;,
      &quot;sale_amount&quot;: &quot;$-49.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="Chokeberry, Low Hedger"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-111--1"
          class="block h-full 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;Chokeberry, Low Hedger&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6973345726598&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
          
            x-cloak
            x-intersect.once.margin.200px='$store.xSplide.load($el, {
              "drag": false,
              "pauseOnFocus": false,
              "pauseOnHover": false,
              "perMove": 1,
              "focus": "center",
              "type": "fade",
              
                
                  "rewind": true,
                  "autoplay": true,
                  "speed": 2000,
                  "interval": 2000,
                  "updateOnMove": "true",
                  "playOnHover": true,
                
                "pagination": false
            })'>
          
            <div 
              id="image-product-template--17986571501702__main-111--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-landscape-tree-shrub-20.jpg?v=1712004074&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-20.jpg?v=1712004074&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-20.jpg?v=1712004074&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-20.jpg?v=1712004074&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-20.jpg?v=1712004074&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-20.jpg?v=1712004074 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-20.jpg?v=1712004074&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="Chokeberry, Low Hedger"
                  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-landscape-tree-shrub-21.jpg?v=1712004075"
                        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-landscape-tree-shrub-21.jpg?v=1712004075&width=450 450w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-21.jpg?v=1712004075&width=750 750w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-21.jpg?v=1712004075&width=900 900w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-21.jpg?v=1712004075&width=1100 1100w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-21.jpg?v=1712004075&width=1500 1500w
                              ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-21.jpg?v=1712004075 800w"
                            src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-shrub-21.jpg?v=1712004075&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="Chokeberry, Low Hedger"
                            class="w-full motion-reduce h-full min-h-full object-cover animate-Xpulse skeleton-image"
                            loading="lazy"
                            onload="this?.classList.add('active'); 
                              this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                              setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                            "
                            width="800"
                            height="1200"
                          />
                        </picture>
                      </div>
                    
                     
              </div>
            </div><div class="splide__arrows lg:inline-flex hidden">
                <button @click.prevent="prev = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--prev disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:right-0 rtl:rotate-0 rtl:left-auto left-0 rotate-180" aria-label="previous slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
                <button @click.prevent="next = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--next disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:left-0 rtl:right-auto right-0 rtl:rotate-180" aria-label="next slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
              </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40433358307462">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6973345726598-111"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-6973345726598-111"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Low Hedger&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6973345726598&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="6973345726598" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-low-hedger', $el, 'template--17986571501702__main-6973345726598-111')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-low-hedger', $el, 'template--17986571501702__main-6973345726598-111')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Low Hedger&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6973345726598&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/chokeberry-low-hedger", $el, "template--17986571501702__main-6973345726598-111") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Low Hedger&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6973345726598&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--17986571501702__main-6973345726598">
            <a href="/products/chokeberry-low-hedger?_pos=11&_sid=8b64ecff3&_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;Chokeberry, Low Hedger&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6973345726598&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Chokeberry, Low Hedger
            </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>$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-6973345726598-template--17986571501702__main-111"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6973345726598">
            <a href="/products/chokeberry-low-hedger?_pos=11&_sid=8b64ecff3&_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;Chokeberry, Low Hedger&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6973345726598&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Chokeberry, Low Hedger
            </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>$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--17986571501702__main', '/products/chokeberry-low-hedger?_pos=11&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6973345726598-111" 
          class="current-variant hidden"
        >
          40433358307462
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p data-mce-fragment="1"><span>Low Scape Hedger® Aronia features showy panicles of white flowers with brick red anthers at the ends of the branches in mid spring. It has forest green deciduous foliage. The glossy oval leaves turn outstanding shades of orange and in the fall.</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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40433358307462">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6973345726598-111"
                :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="6973345726598" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40433358307462">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6973345726598-111"
                  :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="6973345726598" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-low-hedger', $el, 'template--17986571501702__main-6973345726598-111')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/chokeberry-low-hedger', $el, 'template--17986571501702__main-6973345726598-111')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/chokeberry-low-hedger", $el, "template--17986571501702__main-6973345726598-111") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Chokeberry, Low Hedger&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6973345726598&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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-112', '/products/vine-hyd-jap-moonlight', '6929190256774')"  
  
  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/vine-hyd-jap-moonlight?_pos=12&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929190256774,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Vine, Hydrangea Japanese Moonlight&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||&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="Vine, Hydrangea Japanese Moonlight"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-112--1"
          class="block h-full visible card-product-img w-full top-0 left-0 absolute x-splide disable-effect-hover splide cursor-grab group" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Vine, Hydrangea Japanese Moonlight&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929190256774&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
          
            x-cloak
            x-intersect.once.margin.200px='$store.xSplide.load($el, {
              "drag": false,
              "pauseOnFocus": false,
              "pauseOnHover": false,
              "perMove": 1,
              "focus": "center",
              "type": "fade",
              
                
                  "rewind": true,
                  "autoplay": true,
                  "speed": 2000,
                  "interval": 2000,
                  "updateOnMove": "true",
                  "playOnHover": true,
                
                "pagination": false
            })'>
          
            <div 
              id="image-product-template--17986571501702__main-112--1"
              class="splide__track overflow-hidden max-h-full h-full w-full"
            >
            <div class="w-full h-full splide__list">
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                overflow-hidden splide__slide x-splide-slide max-h-full
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-15.jpg?v=1717610829&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-15.jpg?v=1717610829&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-15.jpg?v=1717610829&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-15.jpg?v=1717610829&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-15.jpg?v=1717610829&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-15.jpg?v=1717610829 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-15.jpg?v=1717610829&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="Vine, Hydrangea Japanese Moonlight"
                  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-shrub-flowering-landscape-17.jpg?v=1717610829"
                        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-shrub-flowering-landscape-17.jpg?v=1717610829&width=450 450w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-17.jpg?v=1717610829&width=750 750w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-17.jpg?v=1717610829&width=900 900w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-17.jpg?v=1717610829&width=1100 1100w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-17.jpg?v=1717610829&width=1500 1500w
                              ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-17.jpg?v=1717610829 800w"
                            src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-17.jpg?v=1717610829&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="Vine, Hydrangea Japanese Moonlight"
                            class="w-full motion-reduce h-full min-h-full object-cover animate-Xpulse skeleton-image"
                            loading="lazy"
                            onload="this?.classList.add('active'); 
                              this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                              setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                            "
                            width="800"
                            height="1200"
                          />
                        </picture>
                      </div>
                    
                    
                  
<div 
                        index="2" 
                        media="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-16.jpg?v=1717610829"
                        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-shrub-flowering-landscape-16.jpg?v=1717610829&width=450 450w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-16.jpg?v=1717610829&width=750 750w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-16.jpg?v=1717610829&width=900 900w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-16.jpg?v=1717610829&width=1100 1100w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-16.jpg?v=1717610829&width=1500 1500w
                              ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-16.jpg?v=1717610829 800w"
                            src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-shrub-flowering-landscape-16.jpg?v=1717610829&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="Vine, Hydrangea Japanese Moonlight"
                            class="w-full motion-reduce h-full min-h-full object-cover animate-Xpulse skeleton-image"
                            loading="lazy"
                            onload="this?.classList.add('active'); 
                              this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                              setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                            "
                            width="800"
                            height="1200"
                          />
                        </picture>
                      </div>
                    
                     
              </div>
            </div><div class="splide__arrows lg:inline-flex hidden">
                <button @click.prevent="prev = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--prev disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:right-0 rtl:rotate-0 rtl:left-auto left-0 rotate-180" aria-label="previous slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
                <button @click.prevent="next = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--next disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:left-0 rtl:right-auto right-0 rtl:rotate-180" aria-label="next slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
              </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40622131478662">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929190256774-112"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-6929190256774-112"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Vine, Hydrangea Japanese Moonlight&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929190256774&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &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="6929190256774" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/vine-hyd-jap-moonlight', $el, 'template--17986571501702__main-6929190256774-112')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/vine-hyd-jap-moonlight', $el, 'template--17986571501702__main-6929190256774-112')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Vine, Hydrangea Japanese Moonlight&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929190256774&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &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/vine-hyd-jap-moonlight", $el, "template--17986571501702__main-6929190256774-112") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Vine, Hydrangea Japanese Moonlight&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929190256774&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &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--17986571501702__main-6929190256774">
            <a href="/products/vine-hyd-jap-moonlight?_pos=12&_sid=8b64ecff3&_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;Vine, Hydrangea Japanese Moonlight&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929190256774&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Vine, Hydrangea Japanese Moonlight
            </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>From $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-6929190256774-template--17986571501702__main-112"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929190256774">
            <a href="/products/vine-hyd-jap-moonlight?_pos=12&_sid=8b64ecff3&_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;Vine, Hydrangea Japanese Moonlight&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929190256774&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Vine, Hydrangea Japanese Moonlight
            </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>From $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--17986571501702__main', '/products/vine-hyd-jap-moonlight?_pos=12&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929190256774-112" 
          class="current-variant hidden"
        >
          40622131478662
        </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>Moonlight Hydrangea Vine is smothered in stunning cymes of fragrant white flowers along the branches from early to mid summer. It has attractive silvery blue foliage with green veins. The glossy heart-shaped leaves are highly ornamental and turn yellow in fall. The peeling brown bark adds an interesting dimension to the landscape.</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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40622131478662">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929190256774-112"
                :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="6929190256774" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40622131478662">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929190256774-112"
                  :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="6929190256774" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/vine-hyd-jap-moonlight', $el, 'template--17986571501702__main-6929190256774-112')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/vine-hyd-jap-moonlight', $el, 'template--17986571501702__main-6929190256774-112')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/vine-hyd-jap-moonlight", $el, "template--17986571501702__main-6929190256774-112") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Vine, Hydrangea Japanese Moonlight&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929190256774&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-113', '/products/american-holly-ramblin-man', '7361909588102')"  
  
  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/american-holly-ramblin-man?_pos=13&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 7361909588102,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;American Holly, Ramblin man&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 8999,
      &quot;price_with_currency&quot;: &quot;$89.99&quot;,
      &quot;sale_amount&quot;: &quot;$-89.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||291777413254||291783442566||&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="American Holly, Ramblin man"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-113--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;American Holly, Ramblin man&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7361909588102&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 8999,
      &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-garden-plants-landscape-spring-trees-shrubs-24.jpg?v=1754669394&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-garden-plants-landscape-spring-trees-shrubs-24.jpg?v=1754669394&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-garden-plants-landscape-spring-trees-shrubs-24.jpg?v=1754669394&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-garden-plants-landscape-spring-trees-shrubs-24.jpg?v=1754669394&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-garden-plants-landscape-spring-trees-shrubs-24.jpg?v=1754669394&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-garden-plants-landscape-spring-trees-shrubs-24.jpg?v=1754669394 798w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-garden-plants-landscape-spring-trees-shrubs-24.jpg?v=1754669394&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="American Holly, Ramblin man"
                  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="798"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="41681404035206">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-7361909588102-113"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-7361909588102-113"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;American Holly, Ramblin man&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7361909588102&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 8999,
      &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="7361909588102" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/american-holly-ramblin-man', $el, 'template--17986571501702__main-7361909588102-113')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/american-holly-ramblin-man', $el, 'template--17986571501702__main-7361909588102-113')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;American Holly, Ramblin man&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7361909588102&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 8999,
      &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/american-holly-ramblin-man", $el, "template--17986571501702__main-7361909588102-113") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;American Holly, Ramblin man&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7361909588102&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 8999,
      &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--17986571501702__main-7361909588102">
            <a href="/products/american-holly-ramblin-man?_pos=13&_sid=8b64ecff3&_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;American Holly, Ramblin man&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7361909588102&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 8999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              American Holly, Ramblin man
            </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">8999</div><p class="price">
          <span>$45</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-7361909588102-template--17986571501702__main-113"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-7361909588102">
            <a href="/products/american-holly-ramblin-man?_pos=13&_sid=8b64ecff3&_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;American Holly, Ramblin man&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7361909588102&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 8999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              American Holly, Ramblin man
            </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">8999</div><p class="price">
          <span>$45</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/american-holly-ramblin-man?_pos=13&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-7361909588102-113" 
          class="current-variant hidden"
        >
          41681404035206
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p id="NetPS-PlantEQPara1"><meta charset="utf-8"><span>Ramblin' Man™ Weeping American Holly is primarily valued in the garden for its highly ornamental weeping form. It has dark green evergreen foliage. The spiny oval leaves remain dark green throughout the winter.</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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="41681404035206">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-7361909588102-113"
                :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="7361909588102" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="41681404035206">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-7361909588102-113"
                  :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="7361909588102" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/american-holly-ramblin-man', $el, 'template--17986571501702__main-7361909588102-113')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/american-holly-ramblin-man', $el, 'template--17986571501702__main-7361909588102-113')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/american-holly-ramblin-man", $el, "template--17986571501702__main-7361909588102-113") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;American Holly, Ramblin man&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7361909588102&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 8999,
      &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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-114', '/products/maple-amur-bailey-compact', '6927995601030')"  
  
  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/maple-amur-bailey-compact?_pos=14&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927995601030,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Maple, Amur Bailey Compact&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 14999,
      &quot;price_with_currency&quot;: &quot;$149.99&quot;,
      &quot;sale_amount&quot;: &quot;$-149.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||273410490502||&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="Maple, Amur Bailey Compact"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-114--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Maple, Amur Bailey Compact&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927995601030&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 14999,
      &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/Bailey_Compact_Amur_Maple.jpg?v=1704858742&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Bailey_Compact_Amur_Maple.jpg?v=1704858742&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Bailey_Compact_Amur_Maple.jpg?v=1704858742&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Bailey_Compact_Amur_Maple.jpg?v=1704858742&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Bailey_Compact_Amur_Maple.jpg?v=1704858742&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Bailey_Compact_Amur_Maple.jpg?v=1704858742 392w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Bailey_Compact_Amur_Maple.jpg?v=1704858742&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="Maple, Amur Bailey Compact"
                  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="392"
                  height="588"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40297218211974">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6927995601030-114"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-6927995601030-114"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Maple, Amur Bailey Compact&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927995601030&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 14999,
      &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="6927995601030" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/maple-amur-bailey-compact', $el, 'template--17986571501702__main-6927995601030-114')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/maple-amur-bailey-compact', $el, 'template--17986571501702__main-6927995601030-114')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Maple, Amur Bailey Compact&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927995601030&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 14999,
      &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/maple-amur-bailey-compact", $el, "template--17986571501702__main-6927995601030-114") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Maple, Amur Bailey Compact&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927995601030&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 14999,
      &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--17986571501702__main-6927995601030">
            <a href="/products/maple-amur-bailey-compact?_pos=14&_sid=8b64ecff3&_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;Maple, Amur Bailey Compact&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927995601030&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 14999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Maple, Amur Bailey Compact
            </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">14999</div><p class="price">
          <span>From $75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6927995601030">
            <a href="/products/maple-amur-bailey-compact?_pos=14&_sid=8b64ecff3&_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;Maple, Amur Bailey Compact&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927995601030&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 14999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Maple, Amur Bailey Compact
            </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">14999</div><p class="price">
          <span>From $75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/maple-amur-bailey-compact?_pos=14&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6927995601030-114" 
          class="current-variant hidden"
        >
          40297218211974
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p data-mce-fragment="1"><span data-mce-fragment="1">Bailey Compact Amur Maple is primarily grown for its highly ornamental fruit. It features abundant showy red samaras in late summer. It has dark green deciduous foliage. The lobed leaves turn outstanding shades of orange and in the fall.</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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40297218211974">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6927995601030-114"
                :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="6927995601030" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40297218211974">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6927995601030-114"
                  :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="6927995601030" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/maple-amur-bailey-compact', $el, 'template--17986571501702__main-6927995601030-114')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/maple-amur-bailey-compact', $el, 'template--17986571501702__main-6927995601030-114')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/maple-amur-bailey-compact", $el, "template--17986571501702__main-6927995601030-114") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Maple, Amur Bailey Compact&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927995601030&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 14999,
      &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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-115', '/products/fruit-apple-frostbite', '6970505789574')"  
  
  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/fruit-apple-frostbite?_pos=15&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6970505789574,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Fruit, Apple Frostbite&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 12999,
      &quot;price_with_currency&quot;: &quot;$129.99&quot;,
      &quot;sale_amount&quot;: &quot;$-129.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||291328917638||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="Fruit, Apple Frostbite"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-115--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Fruit, Apple Frostbite&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6970505789574&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 12999,
      &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-landscape-tree-frostbite-apple.jpg?v=1712593333&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-frostbite-apple.jpg?v=1712593333&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-frostbite-apple.jpg?v=1712593333&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-frostbite-apple.jpg?v=1712593333&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-frostbite-apple.jpg?v=1712593333&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-frostbite-apple.jpg?v=1712593333 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tree-frostbite-apple.jpg?v=1712593333&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="Fruit, Apple Frostbite"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40688061481094">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6970505789574-115"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-6970505789574-115"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Fruit, Apple Frostbite&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6970505789574&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 12999,
      &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="6970505789574" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/fruit-apple-frostbite', $el, 'template--17986571501702__main-6970505789574-115')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/fruit-apple-frostbite', $el, 'template--17986571501702__main-6970505789574-115')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Fruit, Apple Frostbite&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6970505789574&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 12999,
      &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/fruit-apple-frostbite", $el, "template--17986571501702__main-6970505789574-115") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Fruit, Apple Frostbite&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6970505789574&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 12999,
      &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--17986571501702__main-6970505789574">
            <a href="/products/fruit-apple-frostbite?_pos=15&_sid=8b64ecff3&_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;Fruit, Apple Frostbite&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6970505789574&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 12999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Fruit, Apple Frostbite
            </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">12999</div><p class="price">
          <span>From $65</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-6970505789574-template--17986571501702__main-115"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6970505789574">
            <a href="/products/fruit-apple-frostbite?_pos=15&_sid=8b64ecff3&_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;Fruit, Apple Frostbite&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6970505789574&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 12999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Fruit, Apple Frostbite
            </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">12999</div><p class="price">
          <span>From $65</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/fruit-apple-frostbite?_pos=15&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6970505789574-115" 
          class="current-variant hidden"
        >
          40688061481094
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p id="NetPS-PlantEQPara1" data-mce-fragment="1">Frostbite™ Apple is a small tree that is typically grown for its edible qualities. It produces small dark red apples (which are botanically known as 'pomes') with hints of gold and white flesh which are usually ready for picking from early to mid-fall. The apples have a sweet taste and a crisp texture.</p>
<p id="NetPS-PlantEQPara2" data-mce-fragment="1">The apples are most often used in the following ways:</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40688061481094">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6970505789574-115"
                :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="6970505789574" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40688061481094">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6970505789574-115"
                  :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="6970505789574" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/fruit-apple-frostbite', $el, 'template--17986571501702__main-6970505789574-115')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/fruit-apple-frostbite', $el, 'template--17986571501702__main-6970505789574-115')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/fruit-apple-frostbite", $el, "template--17986571501702__main-6970505789574-115") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Fruit, Apple Frostbite&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6970505789574&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 12999,
      &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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-116', '/products/silk-stem-hellebores-25-ep', '6928775774342')"  
  
  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/silk-stem-hellebores-25-ep?_pos=16&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6928775774342,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Faux Hellebore Stem 25&amp;quot; Evening Purple&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1999,
      &quot;price_with_currency&quot;: &quot;$19.99&quot;,
      &quot;sale_amount&quot;: &quot;$-19.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||269035929734||&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="Faux Hellebore Stem 25" Evening Purple"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-116--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Faux Hellebore Stem 25&amp;quot; Evening Purple&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928775774342&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Winward Intl Inc&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-winward-home-decor-silk-hellebores.jpg?v=1708360848&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-winward-home-decor-silk-hellebores.jpg?v=1708360848&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-winward-home-decor-silk-hellebores.jpg?v=1708360848&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-winward-home-decor-silk-hellebores.jpg?v=1708360848&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-winward-home-decor-silk-hellebores.jpg?v=1708360848&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-winward-home-decor-silk-hellebores.jpg?v=1708360848 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-winward-home-decor-silk-hellebores.jpg?v=1708360848&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="Faux Hellebore Stem 25&quot; Evening Purple"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="41368222761094">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6928775774342-116"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-6928775774342-116"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Faux Hellebore Stem 25&amp;quot; Evening Purple&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928775774342&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Winward Intl Inc&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6928775774342" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/silk-stem-hellebores-25-ep', $el, 'template--17986571501702__main-6928775774342-116')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/silk-stem-hellebores-25-ep', $el, 'template--17986571501702__main-6928775774342-116')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Faux Hellebore Stem 25&amp;quot; Evening Purple&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928775774342&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Winward Intl Inc&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

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


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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6928775774342">
            <a href="/products/silk-stem-hellebores-25-ep?_pos=16&_sid=8b64ecff3&_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;Faux Hellebore Stem 25&amp;quot; Evening Purple&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928775774342&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Winward Intl Inc&quot;
    }
  }"
            >
              Faux Hellebore Stem 25&quot; Evening Purple
            </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">1999</div><p class="price">
          <span>$10</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-6928775774342-template--17986571501702__main-116"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6928775774342">
            <a href="/products/silk-stem-hellebores-25-ep?_pos=16&_sid=8b64ecff3&_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;Faux Hellebore Stem 25&amp;quot; Evening Purple&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928775774342&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Winward Intl Inc&quot;
    }
  }"
            >
              Faux Hellebore Stem 25&quot; Evening Purple
            </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">1999</div><p class="price">
          <span>$10</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/silk-stem-hellebores-25-ep?_pos=16&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6928775774342-116" 
          class="current-variant hidden"
        >
          41368222761094
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span data-mce-fragment="1">Silk décor helps add color and style to any space. They are especially great for areas without natural light or for those who are still developing their green thumb.</span></p>
<p><span>8x6x25</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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="41368222761094">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6928775774342-116"
                :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="6928775774342" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="41368222761094">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6928775774342-116"
                  :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="6928775774342" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/silk-stem-hellebores-25-ep', $el, 'template--17986571501702__main-6928775774342-116')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/silk-stem-hellebores-25-ep', $el, 'template--17986571501702__main-6928775774342-116')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/silk-stem-hellebores-25-ep", $el, "template--17986571501702__main-6928775774342-116") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Faux Hellebore Stem 25&amp;quot; Evening Purple&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928775774342&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Winward Intl Inc&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

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


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

<div 
  
    x-data="xProductCard('template--17986571501702__main-117', '/products/cotoneaster-tom-thumb', '6928820043910')"  
  
  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/cotoneaster-tom-thumb?_pos=17&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6928820043910,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Cotoneaster, Tom Thumb&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1999,
      &quot;price_with_currency&quot;: &quot;$19.99&quot;,
      &quot;sale_amount&quot;: &quot;$-19.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="Cotoneaster, Tom Thumb"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-117--1"
          class="block h-full 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;Cotoneaster, Tom Thumb&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928820043910&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
          
            x-cloak
            x-intersect.once.margin.200px='$store.xSplide.load($el, {
              "drag": false,
              "pauseOnFocus": false,
              "pauseOnHover": false,
              "perMove": 1,
              "focus": "center",
              "type": "fade",
              
                
                  "rewind": true,
                  "autoplay": true,
                  "speed": 2000,
                  "interval": 2000,
                  "updateOnMove": "true",
                  "playOnHover": true,
                
                "pagination": false
            })'>
          
            <div 
              id="image-product-template--17986571501702__main-117--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-landscape-tom-thumb-cotoneaster_1.jpg?v=1711472261&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_1.jpg?v=1711472261&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_1.jpg?v=1711472261&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_1.jpg?v=1711472261&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_1.jpg?v=1711472261&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_1.jpg?v=1711472261 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_1.jpg?v=1711472261&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="Cotoneaster, Tom Thumb"
                  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-landscape-tom-thumb-cotoneaster_2.jpg?v=1711472261"
                        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-landscape-tom-thumb-cotoneaster_2.jpg?v=1711472261&width=450 450w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_2.jpg?v=1711472261&width=750 750w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_2.jpg?v=1711472261&width=900 900w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_2.jpg?v=1711472261&width=1100 1100w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_2.jpg?v=1711472261&width=1500 1500w
                              ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_2.jpg?v=1711472261 800w"
                            src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-landscape-tom-thumb-cotoneaster_2.jpg?v=1711472261&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="Cotoneaster, Tom Thumb"
                            class="w-full motion-reduce h-full min-h-full object-cover animate-Xpulse skeleton-image"
                            loading="lazy"
                            onload="this?.classList.add('active'); 
                              this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                              setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                            "
                            width="800"
                            height="1200"
                          />
                        </picture>
                      </div>
                    
                     
              </div>
            </div><div class="splide__arrows lg:inline-flex hidden">
                <button @click.prevent="prev = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--prev disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:right-0 rtl:rotate-0 rtl:left-auto left-0 rotate-180" aria-label="previous slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
                <button @click.prevent="next = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--next disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:left-0 rtl:right-auto right-0 rtl:rotate-180" aria-label="next slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
              </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40298298867846">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6928820043910-117"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-6928820043910-117"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Cotoneaster, Tom Thumb&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928820043910&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &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="6928820043910" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/cotoneaster-tom-thumb', $el, 'template--17986571501702__main-6928820043910-117')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/cotoneaster-tom-thumb', $el, 'template--17986571501702__main-6928820043910-117')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Cotoneaster, Tom Thumb&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928820043910&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &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/cotoneaster-tom-thumb", $el, "template--17986571501702__main-6928820043910-117") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Cotoneaster, Tom Thumb&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928820043910&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &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--17986571501702__main-6928820043910">
            <a href="/products/cotoneaster-tom-thumb?_pos=17&_sid=8b64ecff3&_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;Cotoneaster, Tom Thumb&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928820043910&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Cotoneaster, Tom Thumb
            </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">1999</div><p class="price">
          <span>From $10</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-6928820043910-template--17986571501702__main-117"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6928820043910">
            <a href="/products/cotoneaster-tom-thumb?_pos=17&_sid=8b64ecff3&_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;Cotoneaster, Tom Thumb&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928820043910&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Cotoneaster, Tom Thumb
            </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">1999</div><p class="price">
          <span>From $10</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/cotoneaster-tom-thumb?_pos=17&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6928820043910-117" 
          class="current-variant hidden"
        >
          40298298867846
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span data-mce-fragment="1">Tom Thumb Cotoneaster is primarily grown for its highly ornamental fruit. It features an abundance of magnificent red berries from late summer to late fall. It features tiny clusters of pink flowers along the branches in late spring. It has dark green deciduous foliage. The tiny glossy round leaves turn an outstanding brick red in the fall.</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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40298298867846">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6928820043910-117"
                :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="6928820043910" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40298298867846">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6928820043910-117"
                  :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="6928820043910" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/cotoneaster-tom-thumb', $el, 'template--17986571501702__main-6928820043910-117')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/cotoneaster-tom-thumb', $el, 'template--17986571501702__main-6928820043910-117')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/cotoneaster-tom-thumb", $el, "template--17986571501702__main-6928820043910-117") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Cotoneaster, Tom Thumb&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928820043910&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-118', '/products/vine-pyracantha-yukon-belle', '6929206280326')"  
  
  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/vine-pyracantha-yukon-belle?_pos=18&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929206280326,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Vine, Pyracantha Yukon Belle&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 27999,
      &quot;price_with_currency&quot;: &quot;$279.99&quot;,
      &quot;sale_amount&quot;: &quot;$-279.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="Vine, Pyracantha Yukon Belle"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-118--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Vine, Pyracantha Yukon Belle&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929206280326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 27999,
      &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/scarlet-firethorn-yukon-belle.jpg?v=1755199155&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/scarlet-firethorn-yukon-belle.jpg?v=1755199155&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/scarlet-firethorn-yukon-belle.jpg?v=1755199155&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/scarlet-firethorn-yukon-belle.jpg?v=1755199155&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/scarlet-firethorn-yukon-belle.jpg?v=1755199155&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/scarlet-firethorn-yukon-belle.jpg?v=1755199155 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/scarlet-firethorn-yukon-belle.jpg?v=1755199155&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="Vine, Pyracantha Yukon Belle"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40299862229126">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929206280326-118"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-6929206280326-118"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Vine, Pyracantha Yukon Belle&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929206280326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 27999,
      &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="6929206280326" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/vine-pyracantha-yukon-belle', $el, 'template--17986571501702__main-6929206280326-118')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/vine-pyracantha-yukon-belle', $el, 'template--17986571501702__main-6929206280326-118')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Vine, Pyracantha Yukon Belle&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929206280326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 27999,
      &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/vine-pyracantha-yukon-belle", $el, "template--17986571501702__main-6929206280326-118") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Vine, Pyracantha Yukon Belle&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929206280326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 27999,
      &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--17986571501702__main-6929206280326">
            <a href="/products/vine-pyracantha-yukon-belle?_pos=18&_sid=8b64ecff3&_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;Vine, Pyracantha Yukon Belle&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929206280326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 27999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Vine, Pyracantha Yukon Belle
            </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">27999</div><p class="price">
          <span>$140</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-6929206280326-template--17986571501702__main-118"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929206280326">
            <a href="/products/vine-pyracantha-yukon-belle?_pos=18&_sid=8b64ecff3&_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;Vine, Pyracantha Yukon Belle&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929206280326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 27999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Vine, Pyracantha Yukon Belle
            </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">27999</div><p class="price">
          <span>$140</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/vine-pyracantha-yukon-belle?_pos=18&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929206280326-118" 
          class="current-variant hidden"
        >
          40299862229126
        </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>Yukon Belle Scarlet Firethorn is primarily grown for its highly ornamental fruit. The orange fruits are held in abundance in spectacular clusters from mid to late fall. It features showy clusters of white flowers held atop the branches in late spring. It has dark green evergreen foliage. The glossy oval leaves turn coppery-bronze in the fall, which persists throughout the winter.</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--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40299862229126">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929206280326-118"
                :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="6929206280326" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40299862229126">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929206280326-118"
                  :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="6929206280326" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/vine-pyracantha-yukon-belle', $el, 'template--17986571501702__main-6929206280326-118')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/vine-pyracantha-yukon-belle', $el, 'template--17986571501702__main-6929206280326-118')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/vine-pyracantha-yukon-belle", $el, "template--17986571501702__main-6929206280326-118") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Vine, Pyracantha Yukon Belle&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929206280326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 27999,
      &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/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-119', '/products/seed-six-basil-blend-org', '6927911813254')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-six-basil-blend-org?_pos=19&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927911813254,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Botanical Interests Six Basil Blend Organic Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 299,
      &quot;price_with_currency&quot;: &quot;$2.99&quot;,
      &quot;sale_amount&quot;: &quot;$-2.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||285992648838||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="Botanical Interests Six Basil Blend Organic Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-119--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Six Basil Blend Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927911813254&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/6117i_Basil-Dolce-Vita-ORG.jpg?v=1704237134&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/6117i_Basil-Dolce-Vita-ORG.jpg?v=1704237134&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/6117i_Basil-Dolce-Vita-ORG.jpg?v=1704237134&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/6117i_Basil-Dolce-Vita-ORG.jpg?v=1704237134&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/6117i_Basil-Dolce-Vita-ORG.jpg?v=1704237134&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/6117i_Basil-Dolce-Vita-ORG.jpg?v=1704237134 482w" 
                  src="//chalet-nursery.shop/cdn/shop/files/6117i_Basil-Dolce-Vita-ORG.jpg?v=1704237134&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 Six Basil Blend Organic Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="482"
                  height="723"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40297123905670">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6927911813254-119"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-6927911813254-119"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Six Basil Blend Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927911813254&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6927911813254" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-six-basil-blend-org', $el, 'template--17986571501702__main-6927911813254-119')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-six-basil-blend-org', $el, 'template--17986571501702__main-6927911813254-119')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Six Basil Blend Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927911813254&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

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


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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6927911813254">
            <a href="/products/seed-six-basil-blend-org?_pos=19&_sid=8b64ecff3&_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 Six Basil Blend Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927911813254&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Six Basil Blend Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">299</div><p class="price">
          <span>$1.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6927911813254">
            <a href="/products/seed-six-basil-blend-org?_pos=19&_sid=8b64ecff3&_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 Six Basil Blend Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927911813254&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Six Basil Blend Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">299</div><p class="price">
          <span>$1.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-six-basil-blend-org?_pos=19&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6927911813254-119" 
          class="current-variant hidden"
        >
          40297123905670
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <span>Savor the sweet life! Ideal for containers, this unique blend of basils is designed to provide exquisite culinary delights in your kitchen, color and form to your garden, and texture and scent for your floral arrangements. Includes equal parts of cinnamon, Genovese, lemon, lime, large leaf, and 'Dark Opal' basils.</span>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40297123905670">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6927911813254-119"
                :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="6927911813254" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40297123905670">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6927911813254-119"
                  :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="6927911813254" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-six-basil-blend-org', $el, 'template--17986571501702__main-6927911813254-119')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-six-basil-blend-org', $el, 'template--17986571501702__main-6927911813254-119')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-six-basil-blend-org", $el, "template--17986571501702__main-6927911813254-119") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Six Basil Blend Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927911813254&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

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


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

<div 
  
    x-data="xProductCard('template--17986571501702__main-120', '/products/orange-w-clves-str-anise-3-5', '6928373153926')"  
  
  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/orange-w-clves-str-anise-3-5?_pos=20&_sid=8b64ecff3&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6928373153926,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Orange with Real Cloves and Star Anise Detail 3.5&amp;quot;&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 899,
      &quot;price_with_currency&quot;: &quot;$8.99&quot;,
      &quot;sale_amount&quot;: &quot;$-8.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||290101690502||290462826630||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="Orange with Real Cloves and Star Anise Detail 3.5""
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

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

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-120--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Orange with Real Cloves and Star Anise Detail 3.5&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928373153926&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;K&amp;amp;K INTERIORS&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-home-decor-gift-silk-21.jpg?v=1704236659&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-home-decor-gift-silk-21.jpg?v=1704236659&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-home-decor-gift-silk-21.jpg?v=1704236659&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-home-decor-gift-silk-21.jpg?v=1704236659&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-home-decor-gift-silk-21.jpg?v=1704236659&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-home-decor-gift-silk-21.jpg?v=1704236659 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-home-decor-gift-silk-21.jpg?v=1704236659&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="Orange with Real Cloves and Star Anise Detail 3.5&quot;"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40297663561862">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6928373153926-120"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      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--17986571501702__main-6928373153926-120"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Orange with Real Cloves and Star Anise Detail 3.5&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928373153926&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;K&amp;amp;K INTERIORS&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="6928373153926" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/orange-w-clves-str-anise-3-5', $el, 'template--17986571501702__main-6928373153926-120')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/orange-w-clves-str-anise-3-5', $el, 'template--17986571501702__main-6928373153926-120')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Orange with Real Cloves and Star Anise Detail 3.5&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928373153926&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;K&amp;amp;K INTERIORS&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/orange-w-clves-str-anise-3-5", $el, "template--17986571501702__main-6928373153926-120") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Orange with Real Cloves and Star Anise Detail 3.5&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928373153926&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;K&amp;amp;K INTERIORS&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6928373153926">
            <a href="/products/orange-w-clves-str-anise-3-5?_pos=20&_sid=8b64ecff3&_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;Orange with Real Cloves and Star Anise Detail 3.5&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928373153926&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;K&amp;amp;K INTERIORS&quot;
    }
  }"
            >
              Orange with Real Cloves and Star Anise Detail 3.5&quot;
            </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">899</div><p class="price">
          <span>$4.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-6928373153926-template--17986571501702__main-120"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6928373153926">
            <a href="/products/orange-w-clves-str-anise-3-5?_pos=20&_sid=8b64ecff3&_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;Orange with Real Cloves and Star Anise Detail 3.5&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928373153926&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;K&amp;amp;K INTERIORS&quot;
    }
  }"
            >
              Orange with Real Cloves and Star Anise Detail 3.5&quot;
            </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">899</div><p class="price">
          <span>$4.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/orange-w-clves-str-anise-3-5?_pos=20&_sid=8b64ecff3&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6928373153926-120" 
          class="current-variant hidden"
        >
          40297663561862
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <meta charset="UTF-8"><strong class="text-default" data-mce-fragment="1" ng-transclude="label"><span class="ng-binding ng-scope" data-mce-fragment="1" ng-bind-html="::$ctrl.label+($ctrl.label?': ': '')">Item Dims: </span></strong><span class="text-default" data-mce-fragment="1" ng-transclude=""><span class="ng-binding ng-scope" data-mce-fragment="1">3.5Dia.</span></span>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40297663561862">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6928373153926-120"
                :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="6928373153926" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40297663561862">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6928373153926-120"
                  :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="6928373153926" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/orange-w-clves-str-anise-3-5', $el, 'template--17986571501702__main-6928373153926-120')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/orange-w-clves-str-anise-3-5', $el, 'template--17986571501702__main-6928373153926-120')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/orange-w-clves-str-anise-3-5", $el, "template--17986571501702__main-6928373153926-120") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Orange with Real Cloves and Star Anise Detail 3.5&amp;quot;&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6928373153926&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;K&amp;amp;K INTERIORS&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

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


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


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

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

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

</section>
      </main>

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

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

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

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

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

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

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

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

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

  window._RestockRocketConfig.locale = 'en';
  window._RestockRocketConfig.normalizedLocale = normalizeLocale('en');
  window._RestockRocketConfig.shop = 'chalet-nursery.shop';
  window._RestockRocketConfig.pageType = 'search';window._RestockRocketConfig.marketId = 651853958;window._RestockRocketConfig.countryName = 'United States';
    window._RestockRocketConfig.countryIsoCode = 'US';window._RestockRocketConfig.cartInventoryQuantity = {};window._RestockRocketConfig.cachedSettings = {"id":20735,"shop_id":20579,"currency":"USD","created_at":"2024-12-12T03:48:32.301Z","updated_at":"2025-12-28T13:35:02.550Z","enable_app":true,"enable_signup_widget":true,"storefront_button_text":"Notify me when available","storefront_button_text_color":"#FFFFFF","storefront_button_background_color":"#202223","storefront_form_header":"Notify me","storefront_form_description":"Get a notification as soon as this product is back in stock by signing up below!","storefront_form_button_text":"Notify me when available","storefront_form_button_text_color":"#FFFFFF","storefront_form_button_background_color":"#202223","storefront_form_terms":"Promise we won't spam. You'll only receive notifications for this product.","storefront_form_error":"Please enter a valid email address","storefront_form_success":"Thank you! We will notify you when the product is available.","enable_powered_by":true,"show_button_on_preorder":false,"sms_enabled":false,"email_enabled":true,"storefront_button_disable_tag":"rocket-hide","theme_config":{"disableDebugLoggingForNonPreorderItem":false},"storefront_form_email_placeholder":"Email address","storefront_form_phone_placeholder":"SMS","storefront_form_phone_label":"Phone number","storefront_form_email_label":"Email","storefront_form_phone_error":"Please enter a valid phone number","storefront_form_customer_name_placeholder":"Name","storefront_form_customer_name_error":"Please enter your name","storefront_form_did_you_mean_error":"Did you mean %{suggested_email}? Or use %{current_email}","form_customer_name_enabled":true,"form_customer_name_required":true,"css_config":"","js_config":"","collect_promotion_consent":false,"storefront_form_promotion_consent_label":"Notify me about other news, sales, discounts & offers too","show_button_on_collection":false,"sms_default_country":"us","sms_allowed_countries":[],"sms_restrict_country":false,"sms_default_channel":true,"optin_required":false,"optin_success_text":"Registration confirmed! You'll receive an alert when the product is restocked.","storefront_button_border_radius":0,"storefront_button_disable_tag_hides_button":true,"storefront_button_disable_tag_enabled":false,"quantity_required":false,"storefront_form_quantity_label":"Quantity","enable_alerts":true,"sms_allowed":false,"email_allowed":true,"collect_promotion_consent_default":true,"insert_button_after_selector":"","insert_button_after_selector_type":"afterend","storefront_button_position_type":"float-right","storefront_form_duplicate_error":"You've already subscribed for alerts to this product.","storefront_mixed_cart_error":"This item needs to be purchased separately. Please check out or clear your cart before adding this item.","storefront_error_heading":"Error","default_locale":"en","collection_page_button_text_color":"#FFFFFF","collection_page_button_background_color":"#202223","show_button_if_any_out_of_stock":false,"show_button_if_any_variant_out_of_stock_collection":false,"show_button_on_index":false,"insert_button_after_selector_collection":"","insert_button_after_selector_index":"","push_enabled":false,"push_allowed":true,"storefront_form_push_label":"Push","storefront_form_push_description":"Click 'Allow' to be notified via push notification","storefront_form_push_error":"Permission rejected! Please review notification settings and try again","storefront_font_family":"OpenSans","insert_button_after_selector_collection_type":"afterend","show_channel_selector":false,"storefront_form_empty_error":"Please fill in one or more of the options above","storefront_form_push_input":"Send notification to your browser","insert_button_after_selector_page":"","show_button_on_page":false,"insert_button_after_selector_search":"","show_button_on_search":false,"app_proxy_path_prefix":"/apps/restockrocket-production","collection_link_selector":"","index_link_selector":"","page_link_selector":"","search_link_selector":"","collection_check_link_visibility":true,"collection_buttons_container":"","index_buttons_container":"","page_buttons_container":"","search_buttons_container":"","extension_enable_url_variant_detection":true,"extension_enable_value_variant_detection":true,"extension_value_variant_selector":"[name='id']","resubscribe_text":"This product is out of stock. Get notified when it’s restocked again by entering your details below!","preorder_enabled":true,"preorder_buy_button_selector":"","preorder_add_to_cart_button_selector":"[name=\"add\"]","preorder_badge_selector":"","preorder_button_out_of_stock_text":"Out of stock","preorder_button_add_to_cart_text":"Buy It Now","preorder_form_selector":"form[action*=\"/cart/add\"]","preorder_collection_enabled":false,"preorder_collection_form_selector":"form[action*=\"/cart/add\"]","preorder_collection_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_index_enabled":false,"preorder_index_form_selector":"form[action*=\"/cart/add\"]","preorder_index_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_page_enabled":false,"preorder_page_form_selector":"form[action*=\"/cart/add\"]","preorder_page_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_search_enabled":false,"preorder_search_form_selector":"form[action*=\"/cart/add\"]","preorder_search_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_collection_badge_selector":"","preorder_index_badge_selector":"","preorder_page_badge_selector":"","preorder_search_badge_selector":"","preorder_badge_selector_type":"afterend","preorder_collection_badge_selector_type":"afterend","preorder_button_child_selector":"span","preorder_button_disclaimer_insert_selector":"","preorder_button_disclaimer_insert_selector_type":"afterend","preorder_payment_insert_selector":"","preorder_payment_insert_selector_type":"afterend","preorder_price_container_selector":"","preorder_price_container_selector_insert_type":"afterend","preorder_terms_insert_selector":"","preorder_terms_insert_selector_type":"afterend","preorder_original_price_selector":"","preorder_price_format":"{{amount}} {{currency}}","show_badge_if_any_variant_is_preorder":false,"enable_console_debug":false,"inline_form_enabled":true,"inline_form_selector":"[data-type=\"add-to-cart-form\"]","inline_form_selector_type":"afterend","storefront_form_prefill_customer":true,"storefront_form_show_image":false,"storefront_form_text_color":"#202223","storefront_form_background_color":"#FFFFFF","storefront_form_border_radius":0,"market_setup_type":"single_market","shopify_app_id":5940125,"preorder_progress_bar_insert_selector":null,"preorder_progress_bar_insert_selector_type":"beforebegin","countdown_timer_insert_selector":null,"countdown_timer_insert_selector_type":"afterend","cache":true,"cached_at":"2026-01-08T15:00:02.404Z","multi_language_enabled":false,"translation_locale":"en"};window._RestockRocketConfig.cachedPreorderVariantIds = {"preorder_variant_ids":[40298471555206,40298471653510,40298471686278,40357977161862,40392835694726,40392835727494,40392835760262,40392835793030,40392835825798,40392835858566,40392835891334,40392835924102,40392835956870,40392835989638,40392836022406,40392836055174,40392836087942,40622732378246,40622732411014,42518745055366,42967859921030],"updated_at":"2026-01-25T06:54:11Z","market_locations_enabled":false,"market_id":651853958,"preorder_location_filter_enabled":false,"preorder_location_filter_ids":[],"collection_id":null};window._RestockRocketConfig.cachedInStockVariantIds = { in_stock_variant_ids: [] };window._RestockRocketConfig.cachedOutOfStockVariantIds = { out_of_stock_variant_ids: [] };window._RestockRocketConfig.cachedVariantPreorderLimits = {"variant_preorder_limits":{},"updated_at":"2026-01-25T06:48:53Z","shopify_market_id":651853958,"market_locations_enabled":false};
    window._RestockRocketConfig.cachedVariantPreorderLimitsMarketKey = "variant_preorder_limits_for_market_651853958";window._RestockRocketConfig.cachedVariantShippingTexts = {"variant_shipping_texts":{},"updated_at":"2026-01-25T06:31:07Z","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/019be54f-8f0d-70e6-b929-07cdec30d6d9/restock-rocket-shopify-432/assets/restockrocket-product.js'
  window._RestockRocketConfig.scriptUrlCollection = 'https://cdn.shopify.com/extensions/019be54f-8f0d-70e6-b929-07cdec30d6d9/restock-rocket-shopify-432/assets/restockrocket-collection.js'
  window._RestockRocketConfig.scriptHost = window._RestockRocketConfig.scriptUrlProduct.substring(0, window._RestockRocketConfig.scriptUrlProduct.lastIndexOf('/') + 1)
  window._RestockRocketConfig.host = 'https://app.restockrocket.io'

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

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

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

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

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

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

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

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

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

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

  createRestockRocketContainer()

  console.debug('STOQ - extension activated')

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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