<!doctype html>
<!-- WF 63c3b6dea7aa95b51aa6a266fbb2d9c0 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=bonide+repels-all&type=product">
    
<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: 10 results found for &quot;Bonide Repels-All&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/283/assets/theme.css?v=57891152824694369891767198621" 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=bonide+repels-all&type=product">
<meta property="og:title" content="Search: 10 results found for &quot;Bonide Repels-All&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: 10 results found for &quot;Bonide Repels-All&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/283/assets/theme.css?v=57891152824694369891767198621" 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":"Awaken 1-1-26","id":137508094086,"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_DtuiiIyl.en.esm.js"></script>
<script defer="defer" async type="module" src="//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CUHEfi5Q.esm.js"></script>
<script type="module">
  await import("//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_DtuiiIyl.en.esm.js");
await import("//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CUHEfi5Q.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_DFoTY42P.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_D2UNy1i2.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BQEe2rDt.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_3CTtReFF.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js","modules/v2/chunk.modal_BewljZkx.esm.js"],"shop-button":["modules/v2/client.shop-button_C6oxCjDL.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js"],"init-windoid":["modules/v2/client.init-windoid_5pix8xhK.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_DtuiiIyl.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_BYv_8cH1.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js"],"pay-button":["modules/v2/client.pay-button_FnF9EIkY.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_CH1KUpOf.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js","modules/v2/chunk.modal_BewljZkx.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_aj7QGgYS.en.esm.js","modules/v2/client.shop-login-button_CH1KUpOf.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js","modules/v2/chunk.modal_BewljZkx.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_NbnYRf_7.en.esm.js","modules/v2/client.shop-login-button_CH1KUpOf.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js","modules/v2/chunk.modal_BewljZkx.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_ppedhqCH.en.esm.js","modules/v2/client.shop-login-button_CH1KUpOf.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js","modules/v2/chunk.modal_BewljZkx.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CMIBBa6u.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js","modules/v2/chunk.modal_BewljZkx.esm.js"],"lead-capture":["modules/v2/client.lead-capture_But0hIyf.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js","modules/v2/chunk.modal_BewljZkx.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_BBxc70dQ.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js","modules/v2/chunk.modal_BewljZkx.esm.js"],"shop-login":["modules/v2/client.shop-login_hM3Q17Kl.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js","modules/v2/chunk.modal_BewljZkx.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CAtGlQYS.en.esm.js","modules/v2/chunk.common_CUHEfi5Q.esm.js","modules/v2/chunk.modal_BewljZkx.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":"03267cb5-ed4c-447a-bb5b-387a04fc9870-1767382047","pageurl":"chalet-nursery.shop\/search?q=Bonide%20Repels-All\u0026type=product","u":"1bcbf1b48d71","p":"searchresults"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!1)}();</script>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//chalet-nursery.shop/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//chalet-nursery.shop/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://chalet-nursery.shop/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://chalet-nursery.shop/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

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

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

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

      </style>

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

    

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

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












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

  




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







<!-- END app block --><!-- BEGIN app block: shopify://apps/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/019b31cc-37de-7d7b-bb35-ff84a2cc9589/zapiet-pickup-delivery-1050/assets/storepickup.css");
        var zapietLoadScripts = {
            storepickup: true,
            pickup: true,
            delivery: true,
            shipping: true,
            pickup_map: false,
            pickup_map_context: false,
            validator: false
        };

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




    <script src="https://cdn.shopify.com/extensions/019b31cc-37de-7d7b-bb35-ff84a2cc9589/zapiet-pickup-delivery-1050/assets/storepickup.js" onload="zapietScriptLoaded('storepickup')" defer></script>

    

    
        <script src="https://cdn.shopify.com/extensions/019b31cc-37de-7d7b-bb35-ff84a2cc9589/zapiet-pickup-delivery-1050/assets/pickup.js" onload="zapietScriptLoaded('pickup')" defer></script>
    

    
        <script src="https://cdn.shopify.com/extensions/019b31cc-37de-7d7b-bb35-ff84a2cc9589/zapiet-pickup-delivery-1050/assets/delivery.js" onload="zapietScriptLoaded('delivery')" defer></script>
    

    
        <script src="https://cdn.shopify.com/extensions/019b31cc-37de-7d7b-bb35-ff84a2cc9589/zapiet-pickup-delivery-1050/assets/shipping.js" onload="zapietScriptLoaded('shipping')" defer></script>
    

    


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




<!-- END app block --><script src="https://cdn.shopify.com/extensions/019b738b-a3fc-7916-a415-bbc41fb59b79/consentmo-gdpr-546/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","a0d5f9d2"],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","da62cc92w68dfea28pcf9825a4m392e00d0",{"modern":"","legacy":""},{"shopId":"18112867","storefrontBaseUrl":"https:\/\/chalet-nursery.shop","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"a0d5f9d2\"]","isMerchantRequest":"false","hashVersion":"da62cc92w68dfea28pcf9825a4m392e00d0","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"Bonide Repels-All\",\"productVariants\":[{\"price\":{\"amount\":38.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bonide Repels-All Granular Animal Repellent 6 lb Granules\",\"vendor\":\"BFG Supply Co., LLC\",\"id\":\"6927932489862\",\"untranslatedTitle\":\"Bonide Repels-All Granular Animal Repellent 6 lb Granules\",\"url\":\"\/products\/bonide-repels-all-granules-6-pound?_pos=1\u0026_sid=eb94b2753\u0026_ss=r\",\"type\":\"Garden Essentials - Repellents - Animal\"},\"id\":\"40297145598086\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/BP2360.jpg?v=1698635487\"},\"sku\":\"BP2362\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":25.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bonide Repels-All Animal Repellent 32 oz Concentrate\",\"vendor\":\"BFG Supply Co., LLC\",\"id\":\"6927932522630\",\"untranslatedTitle\":\"Bonide Repels-All Animal Repellent 32 oz Concentrate\",\"url\":\"\/products\/bonide-repels-all-animal-repel-32oz-concentrate?_pos=2\u0026_sid=eb94b2753\u0026_ss=r\",\"type\":\"Garden Essentials - Repellents - Animal\"},\"id\":\"40470198747270\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/chalet-chicago-BP237.jpg?v=1704235695\"},\"sku\":\"BP2376\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":23.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bonide Repels-All Granular Animal Repellent 3 lb Granules\",\"vendor\":\"BFG Supply Co., LLC\",\"id\":\"6927932457094\",\"untranslatedTitle\":\"Bonide Repels-All Granular Animal Repellent 3 lb Granules\",\"url\":\"\/products\/bonide-repels-all-granules-3-pound?_pos=3\u0026_sid=eb94b2753\u0026_ss=r\",\"type\":\"Garden Essentials - Repellents - Animal\"},\"id\":\"40470197436550\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-Chicago-gardening-accessories-essentials-Bonide_-SHOT-GUN_-Repels-All_-Granular-Animal-Repellent.jpg?v=1740779460\"},\"sku\":\"BP23614\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":44.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use\",\"vendor\":\"BFG Supply Co., LLC\",\"id\":\"6927932620934\",\"untranslatedTitle\":\"Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use\",\"url\":\"\/products\/bonide-repels-all-animal-repel-1-gallon-ready-to-use?_pos=4\u0026_sid=eb94b2753\u0026_ss=r\",\"type\":\"Garden Essentials - Repellents - Animal\"},\"id\":\"40297145729158\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/chalet-chicago-BP239.jpg?v=1704235696\"},\"sku\":\"BP239\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":14.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bonide Repels-All Granular Animal Repellent 1.25 lb Granules\",\"vendor\":\"BFG Supply Co., LLC\",\"id\":\"6927932391558\",\"untranslatedTitle\":\"Bonide Repels-All Granular Animal Repellent 1.25 lb Granules\",\"url\":\"\/products\/bonide-repels-all-granules-1-25-pound?_pos=5\u0026_sid=eb94b2753\u0026_ss=r\",\"type\":\"Garden Essentials - Repellents - Animal\"},\"id\":\"40470197076102\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/BP2360_fd2c73d0-75f8-4f0c-8065-8feb342cc081.jpg?v=1704235696\"},\"sku\":\"BP23606\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":16.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use\",\"vendor\":\"BFG Supply Co., LLC\",\"id\":\"6927932555398\",\"untranslatedTitle\":\"Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use\",\"url\":\"\/products\/bonide-repels-all-animal-repel-32oz-ready-to-use?_pos=6\u0026_sid=eb94b2753\u0026_ss=r\",\"type\":\"Garden Essentials - Repellents - Animal\"},\"id\":\"40470198878342\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/bp238.jpg?v=1704235696\"},\"sku\":\"BP2386\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":17.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use\",\"vendor\":\"BFG Supply Co., LLC\",\"id\":\"6927931867270\",\"untranslatedTitle\":\"Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use\",\"url\":\"\/products\/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use?_pos=7\u0026_sid=eb94b2753\u0026_ss=r\",\"type\":\"Garden Essentials - Repellents - Animal\"},\"id\":\"40297144975494\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-Chicago-repellant-gardening-essentials.jpg?v=1704235693\"},\"sku\":\"BP127\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":21.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bonide Mosquito Beater Natural Granules 1.3 Pound\",\"vendor\":\"BFG Supply Co., LLC\",\"id\":\"6927933472902\",\"untranslatedTitle\":\"Bonide Mosquito Beater Natural Granules 1.3 Pound\",\"url\":\"\/products\/bonide-mosquito-beater-natural-granules-1-3-pound?_pos=8\u0026_sid=eb94b2753\u0026_ss=r\",\"type\":\"Garden Essentials - Repellents - Insect\"},\"id\":\"40297146581126\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-mosquito-bits-repellent-10.jpg?v=1704235695\"},\"sku\":\"BP5612\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":9.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bonide Go Away Rabbit Dog \u0026 Cat Repel 1 Pound\",\"vendor\":\"BFG Supply Co., LLC\",\"id\":\"6927934947462\",\"untranslatedTitle\":\"Bonide Go Away Rabbit Dog \u0026 Cat Repel 1 Pound\",\"url\":\"\/products\/bonide-go-away-rabbit-dog-cat-repel-1-pound?_pos=9\u0026_sid=eb94b2753\u0026_ss=r\",\"type\":\"Garden Essentials - Repellents - Animal\"},\"id\":\"40297148055686\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/chalet-chicago-BP870.jpg?v=1704235693\"},\"sku\":\"BP870\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":30.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bonide Repels-All 32oz Ready to Spray\",\"vendor\":\"BFG Supply Co., LLC\",\"id\":\"6927932653702\",\"untranslatedTitle\":\"Bonide Repels-All 32oz Ready to Spray\",\"url\":\"\/products\/bonide-repels-all-32oz-ready-to-spray?_pos=10\u0026_sid=eb94b2753\u0026_ss=r\",\"type\":\"Garden Essentials - Repellents - Animal\"},\"id\":\"40297145761926\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/bp240.jpg?v=1704235696\"},\"sku\":\"BP240\",\"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":6927932489862,"gid":"gid:\/\/shopify\/Product\/6927932489862","vendor":"BFG Supply Co., LLC","type":"Garden Essentials - Repellents - Animal","handle":"bonide-repels-all-granules-6-pound","variants":[{"id":40297145598086,"price":1949.5,"name":"Bonide Repels-All Granular Animal Repellent 6 lb Granules","public_title":null,"sku":"BP2362"}],"remote":false},{"id":6927932522630,"gid":"gid:\/\/shopify\/Product\/6927932522630","vendor":"BFG Supply Co., LLC","type":"Garden Essentials - Repellents - Animal","handle":"bonide-repels-all-animal-repel-32oz-concentrate","variants":[{"id":40470198747270,"price":1299.5,"name":"Bonide Repels-All Animal Repellent 32 oz Concentrate","public_title":null,"sku":"BP2376"}],"remote":false},{"id":6927932457094,"gid":"gid:\/\/shopify\/Product\/6927932457094","vendor":"BFG Supply Co., LLC","type":"Garden Essentials - Repellents - Animal","handle":"bonide-repels-all-granules-3-pound","variants":[{"id":40470197436550,"price":1199.5,"name":"Bonide Repels-All Granular Animal Repellent 3 lb Granules","public_title":null,"sku":"BP23614"}],"remote":false},{"id":6927932620934,"gid":"gid:\/\/shopify\/Product\/6927932620934","vendor":"BFG Supply Co., LLC","type":"Garden Essentials - Repellents - Animal","handle":"bonide-repels-all-animal-repel-1-gallon-ready-to-use","variants":[{"id":40297145729158,"price":2249.5,"name":"Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use","public_title":null,"sku":"BP239"}],"remote":false},{"id":6927932391558,"gid":"gid:\/\/shopify\/Product\/6927932391558","vendor":"BFG Supply Co., LLC","type":"Garden Essentials - Repellents - Animal","handle":"bonide-repels-all-granules-1-25-pound","variants":[{"id":40470197076102,"price":749.5,"name":"Bonide Repels-All Granular Animal Repellent 1.25 lb Granules","public_title":null,"sku":"BP23606"}],"remote":false},{"id":6927932555398,"gid":"gid:\/\/shopify\/Product\/6927932555398","vendor":"BFG Supply Co., LLC","type":"Garden Essentials - Repellents - Animal","handle":"bonide-repels-all-animal-repel-32oz-ready-to-use","variants":[{"id":40470198878342,"price":849.5,"name":"Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use","public_title":null,"sku":"BP2386"}],"remote":false},{"id":6927931867270,"gid":"gid:\/\/shopify\/Product\/6927931867270","vendor":"BFG Supply Co., LLC","type":"Garden Essentials - Repellents - Animal","handle":"bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use","variants":[{"id":40297144975494,"price":899.5,"name":"Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use","public_title":null,"sku":"BP127"}],"remote":false},{"id":6927933472902,"gid":"gid:\/\/shopify\/Product\/6927933472902","vendor":"BFG Supply Co., LLC","type":"Garden Essentials - Repellents - Insect","handle":"bonide-mosquito-beater-natural-granules-1-3-pound","variants":[{"id":40297146581126,"price":1099.5,"name":"Bonide Mosquito Beater Natural Granules 1.3 Pound","public_title":null,"sku":"BP5612"}],"remote":false},{"id":6927934947462,"gid":"gid:\/\/shopify\/Product\/6927934947462","vendor":"BFG Supply Co., LLC","type":"Garden Essentials - Repellents - Animal","handle":"bonide-go-away-rabbit-dog-cat-repel-1-pound","variants":[{"id":40297148055686,"price":499.5,"name":"Bonide Go Away Rabbit Dog \u0026 Cat Repel 1 Pound","public_title":null,"sku":"BP870"}],"remote":false},{"id":6927932653702,"gid":"gid:\/\/shopify\/Product\/6927932653702","vendor":"BFG Supply Co., LLC","type":"Garden Essentials - Repellents - Animal","handle":"bonide-repels-all-32oz-ready-to-spray","variants":[{"id":40297145761926,"price":1549.5,"name":"Bonide Repels-All 32oz Ready to Spray","public_title":null,"sku":"BP240"}],"remote":false}],"page":{"pageType":"searchresults","requestId":"03267cb5-ed4c-447a-bb5b-387a04fc9870-1767382047"}};
  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: 137508094086,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//chalet-nursery.shop/cdn/s/trekkie.storefront.8f32c7f0b513e73f3235c26245676203e1209161.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//chalet-nursery.shop/cdn/s/trekkie.storefront.8f32c7f0b513e73f3235c26245676203e1209161.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//chalet-nursery.shop/cdn/s/trekkie.storefront.8f32c7f0b513e73f3235c26245676203e1209161.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkiexxx.noload(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":18112867,"isMerchantRequest":null,"themeId":137508094086,"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":"03267cb5-ed4c-447a-bb5b-387a04fc9870-1767382047","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":"Bonide Repels-All"},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-2.1.2.min.js"
  data-application="storefront-renderer"
  data-shop-id="18112867"
  data-render-region="gcp-us-west1"
  data-page-type="search"
  data-theme-instance-id="137508094086"
  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--17937053548678__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--17937053548678__announcement-bar {
    
      background: #6f87d6;
    
    
      --colors-text-link: 255,255,255;
    
  }
  .dark .announcement-bar_container-sections--17937053548678__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--17937053548678__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_UcjyyK .width-countdown {
                    width: 7.56rem;
                  }.text--announcement_UcjyyK,
                    .btn--announcement_UcjyyK {
                      font-size: 0.756rem;
                    }
                    @media (min-width: 768px) {
                      .text--announcement_UcjyyK,
                      .btn--announcement_UcjyyK {
                        font-size: 0.84rem;
                      }
                    }.icon--announcement_UcjyyK {
                    width: 0.84rem;
                    height: 0.84rem;
                  }
                  .button.text_button_announ--announcement_UcjyyK {
                    
                      color: rgba(var(--colors-button-text-hover));
                    
                    
                  }
                  .dark .button.text_button_announ--announcement_UcjyyK {
                    
                      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 
                      
                      class="flex items-center flex-wrap justify-center gap-x-5 gap-y-2 ltr">
                      
                      <div class="text--announcement_UcjyyK announcement-bar_text flex">
<p class="x-announcement-bar-block-data leading-[initial]"
                          >Store Closed Jan 1-2, 2026
                        </p></div></div></div><style data-shopify>.text--announcement_idtPfq .width-countdown {
                    width: 7.56rem;
                  }.text--announcement_idtPfq,
                    .btn--announcement_idtPfq {
                      font-size: 0.756rem;
                    }
                    @media (min-width: 768px) {
                      .text--announcement_idtPfq,
                      .btn--announcement_idtPfq {
                        font-size: 0.84rem;
                      }
                    }.icon--announcement_idtPfq {
                    width: 0.84rem;
                    height: 0.84rem;
                  }
                  .button.text_button_announ--announcement_idtPfq {
                    
                      color: #4075fc;
                    
                    
                      background: #ffffff;
                    
                  }
                  .dark .button.text_button_announ--announcement_idtPfq {
                    
                      color: rgba(var(--colors-button-text-hover));
                    
                    
                      background: #ffffff;
                    
                  }</style><div x-slide-index="1" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center py-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div 
                      
                      class="flex items-center flex-wrap justify-center gap-x-5 gap-y-2 ltr">
                      
                      <div class="text--announcement_idtPfq announcement-bar_text flex">
<p>
                            <a href="/collections/firewood-and-accessories" class="button-link relative hover-text-link x-announcement-bar-block-data leading-[initial]"
                            >Firewood In Stock</a>
                          </p></div><div class="flex items-center">
                              <a class="button relative disable-effect btn--announcement_idtPfq inline-block none_transition text_button_announ--announcement_idtPfq empty:hidden center px-2 py-1 md:px-2.5" href="/pages/holiday-preview-shopping-event">
                                  Shop
                                </a></div></div></div></div>
            </div><div class="hidden lg:block splide__arrows">
                <button class="splide__arrow splide__arrow--prev announcement-bar_text absolute none_border z-10 top-1/2 opacity-70 -translate-y-1/2 rtl:md:right-3 rtl:lg:right-4 rtl:-rotate-90 rtl:left-auto md:left-3 lg:left-4 rotate-90 disabled:cursor-not-allowed bg-none bg-inherit pt-2.5 pr-2.5 pb-2.5 pl-2.5" aria-label="previous slide">
                  <span class="block w-4 h-4"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                </button>
                <button class="splide__arrow splide__arrow--next announcement-bar_text absolute none_border z-10 top-1/2 opacity-70 -translate-y-1/2 rtl:md:left-3 rtl:lg:left-4 rtl:rotate-90 rtl:right-auto  md:right-3 lg:right-4 -rotate-90 disabled:cursor-not-allowed bg-none bg-inherit pt-2.5 pr-2.5 pb-2.5 pl-2.5" aria-label="next slide">
                  <span class="block w-4 h-4"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                </button>
              </div></div>
        


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

      </div></div>
</div><div id="shopify-section-sections--17937053548678__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--17937053548678__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/december-must-read"
                    class="cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
                    
                  >
                    
          
          
            <span>Blogs</span>
          
        
</a></div></li>
<template x-teleport="#menu-1">
<template x-if="!runDispatch">  
      <div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-left is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
        <div>
          <div class="page-width mx-auto flex promotion-horizontal image-count-1 md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-4/5 top-full"><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chalet-nursery.shop/pages/breath-chalet-landscape-services-guide" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Landscape + Garden Services Guide
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="/pages/design-build" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Design + Build
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="/pages/landscape-maintenance-service" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Maintenance
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chalet-nursery.shop/pages/event-signup/chalet-garden-design-studio" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Design Studio
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chaletlandscape.com/pages/landscape-a-la-carte-services" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Enhancement Services
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chaletlandscape.com/pages/chalet-signature" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Signature Planter Arrangements
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chaletlandscape.com/pages/chalet-landscape-photo-gallery" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Photo Gallery
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="/pages/landscape-contact-us" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Contact Chalet-nursery Landscape
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chalet.propertyserviceportal.com/" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Pay Bill
                      </a>
                    </div></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/5"> 
                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify>
                      .image-simple_menu_U8ErNh-1 {
                        height: 130px;
                      }
                    </style>
                    
                    <div class="mega-menu-card w-full group relative background-color-simple_menu_U8ErNh-1 rounded-[10px]">
                      
<style data-shopify>.title-color-simple_menu_U8ErNh-1 {
      color: ;
      --colors-heading: , , ;
    }.text-simple_menu_U8ErNh-1 {
    font-size: 0.945rem;
  }
  .sub-heading-simple_menu_U8ErNh-1 {
    font-size: 1.125rem;
  }
  .heading-simple_menu_U8ErNh-1 {
    font-size: 1.575rem;
  }
  @media (min-width: 768px) {
    .sub-heading-simple_menu_U8ErNh-1 {
      font-size: 1.305rem;
    }
    .heading-simple_menu_U8ErNh-1 {
      font-size: 2.25rem; 
    }
    .text-simple_menu_U8ErNh-1 {
      font-size: 1.05rem;
    }
  }.button--simple_menu_U8ErNh-1.button-solid,
    .button--simple_menu_U8ErNh-1.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--simple_menu_U8ErNh-1.button-outline {}
  
</style><div 
    
    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_U8ErNh-1 pb-[%] rounded-[10px] overflow-hidden"
    
  >
    
    
    
      <div 
        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
      >
    
      <img
        srcset="//chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=225 225w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=375 375w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=450 450w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=750 750w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=900 900w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=1100 1100w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=1500 1500w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=1780 1780w"
        src="//chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=1780"
        
          loading="lazy"
         
        sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw"
        alt=""
        width="1970"
        height="700.0"
        style="object-position: 50.0% 50.0%;"
        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
        onload="this?.classList.add('active'); 
          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
        "
      />
    </div>
  
  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div>

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

<template x-teleport="#menu-2">
<template x-if="!runDispatch">  
      <div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-left is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
        <div>
          <div class="page-width mx-auto flex promotion-horizontal image-count-3 md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-1/2 top-full"><li class="relative w-24 lg:w-48">
                    <div class="font-semibold">
<a href="/pages/chalet-about-us" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
                        Shop
                      </a>
                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/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/plants/indoor-plants" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Indoor Plants
                              </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="/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/barefoot-dreams-cozychic-throw-pink-1.jpg?v=1761082782&width=225 225w,
        //chalet-nursery.shop/cdn/shop/files/barefoot-dreams-cozychic-throw-pink-1.jpg?v=1761082782&width=375 375w,
        //chalet-nursery.shop/cdn/shop/files/barefoot-dreams-cozychic-throw-pink-1.jpg?v=1761082782&width=450 450w,
        //chalet-nursery.shop/cdn/shop/files/barefoot-dreams-cozychic-throw-pink-1.jpg?v=1761082782&width=750 750w,
        //chalet-nursery.shop/cdn/shop/files/barefoot-dreams-cozychic-throw-pink-1.jpg?v=1761082782&width=900 900w,
        //chalet-nursery.shop/cdn/shop/files/barefoot-dreams-cozychic-throw-pink-1.jpg?v=1761082782&width=1100 1100w,
        //chalet-nursery.shop/cdn/shop/files/barefoot-dreams-cozychic-throw-pink-1.jpg?v=1761082782&width=1500 1500w,
        //chalet-nursery.shop/cdn/shop/files/barefoot-dreams-cozychic-throw-pink-1.jpg?v=1761082782&width=1780 1780w"
        src="//chalet-nursery.shop/cdn/shop/files/barefoot-dreams-cozychic-throw-pink-1.jpg?v=1761082782&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-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">
        
          Cozy
        
      </p>
<a href="/collections/cozy-collection" 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-thymes-wellness-bath-body-eucalyptus-8.jpg?v=1752095745&width=225 225w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-thymes-wellness-bath-body-eucalyptus-8.jpg?v=1752095745&width=375 375w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-thymes-wellness-bath-body-eucalyptus-8.jpg?v=1752095745&width=450 450w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-thymes-wellness-bath-body-eucalyptus-8.jpg?v=1752095745&width=750 750w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-thymes-wellness-bath-body-eucalyptus-8.jpg?v=1752095745&width=900 900w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-thymes-wellness-bath-body-eucalyptus-8.jpg?v=1752095745&width=1100 1100w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-thymes-wellness-bath-body-eucalyptus-8.jpg?v=1752095745&width=1500 1500w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-thymes-wellness-bath-body-eucalyptus-8.jpg?v=1752095745&width=1780 1780w"
        src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-thymes-wellness-bath-body-eucalyptus-8.jpg?v=1752095745&width=1780"
        
          loading="lazy"
         
        sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw"
        alt=""
        width="1200"
        height="1200.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-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">
        
          Wellness
        
      </p>
<a href="/pages/new/wellness" 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/283/assets/search-prompts.js?v=123663537316562764691767198621" 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--17937053548678__mobile-navigation" class="shopify-section shopify-section-group-header-group-breath section-mobile-navigation"><style data-shopify>#mobile-navigation * {border-color: #f6f6f0;}
  .dark #mobile-navigation * {border-color: #272727;} 
  #mobile-navigation .text-color,
  #mobile-navigation .background-header {background: #ffffff;--colors-heading: 75, 73, 73;
      color: #4b4949;
      --colors-text-header: 75, 73, 73;  
        --colors-text-link: 75, 73, 73;
      
  }
  .dark #mobile-navigation .text-color,
  .dark #mobile-navigation .background-header {background: #212020;--colors-heading: 153, 153, 153;
      color: #999999;
      --colors-text-header: 153, 153, 153;
      --colors-text-link: 153, 153, 153;  
      --colors-text-link: 233, 157, 11;
    
  }
  
</style><div
  class="z-[60] fixed top-0 h-full w-full opacity-60 bg-black"
  x-show="$store.xMobileNav.show"
  x-cloak
  @click="$store.xMobileNav.close()"
></div>
<template x-if="!runDispatch">
  <div
    id="mobile-navigation"
    :class="{ 'menu-opening': $store.xMobileNav.show }" 
    class="menu-drawer fixed z-[60] top-0 bottom-0 w-10/12 max-w-sm motion-reduce invisible overflow-x-hidden ltr left-0 -translate-x-full rounded-r-[10px]"
  >
    <div class="background-header gradient menu-drawer duration-300 ease-in-out pt-5 overflow-hidden h-full flex flex-col">
      <div class="h-10 w-full px-2 text-right"
        aria-label="Close"
      >
        <span
          class="cursor-pointer w-11 h-8 inline-block p-2"
          @click="$store.xMobileNav.close()"
        ><svg width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M0.757812 8.75781L4.75782 4.75783M4.75782 4.75783L8.7578 0.757812M4.75782 4.75783L0.757812 0.757812M4.75782 4.75783L8.7578 8.75781" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </div>
      <div
        id="menu-navigation"
        class="h-full flex-1 overflow-x-hidden scrollbar-body"
        :class="$store.xMobileNav.currentMenuLinks.length == 0 ? ' overflow-y-auto' : 'overflow-hidden'">
        <ul 
          id="menu-level-0"
          role="list" 
          class="menu-parent relative h-full w-full" 
        >
           <li>
                <span class="flex border-t ml-5 mr-5"></span>

<div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-1')" 
    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
  >
    
      <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect">
    
      
      <span class="p-break-words">
        
        
          <span>Shop</span>
        
      </span>
    </span>
<span
        class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"
      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span></div><div
      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full"
      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-1')}"
    >
      <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
        :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
      >
        <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5px] border-y text-left">
          <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 
            @click="$store.xMobileNav.removeActiveLink('-1'); "
          >
            <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
          </span>
          <a href="/pages/holiday-decor-themes" class="pt-4 pb-4 flex-1 font-semibold disable-effect">
            <span class="p-break-words">Shop</span>
          </a>
        </div>
        <ul 
          id="menu-level-1"
          class="background-header w-full px-4" 
        ><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="/collections/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/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">
                    Indoor Plants
                    
                  </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="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/december-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--17937052434566__cookie-banner" class="shopify-section shopify-section-group-aside-group-breath"><style data-shopify>
      .color-heading--sections--17937052434566__cookie-banner {
        --colors-heading: 153, 153, 153;
      }
    
    .dark .color-heading--sections--17937052434566__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--17937052434566__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/283/assets/cookie-banner.js?v=135863105119365794521767198621" 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--17937066885254__main" class="shopify-section section x-section"><style data-shopify>
  .gap-template--17937066885254__main {
    column-gap: 16px;
    row-gap: 32px;
  }
  @media (min-width: 768px) {
    .gap-template--17937066885254__main {
      column-gap: 28px;
      row-gap: 64px;
    }
  }</style><div x-data="xFiltersAndSortby('template--17937066885254__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="Bonide Repels-All"
                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">10 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">10 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="Bonide Repels-All">
              <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=Bonide+Repels-All&type=product`)" 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="Animal Repellents"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Animal Repellents (9)</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="Insect Repellents"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Insect Repellents (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-2" x-intersect.once="setPositionOptionFilter($el)">
      <button @click.prevent="open=!open" :class="open && 'md:shadow-[rgba(0,0,0,0.16)_0px_0px_0px,rgb(var(--colors-heading))_0px_0px_0px_1px] md:border-[rgb(var(--colors-heading))]'" 
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between md:border md:py-3 md:px-4 rounded"
        aria-label="Category (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Category<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="popup-above max-h-[calc(75vh-var(--height-header))] scrollbar-body overflow-auto border-b md:border-0 border-solid md:absolute md:top-[calc(100%+10px)] md:p-4 md:z-20 md:bg-[rgba(var(--background-color))] md:w-max max-w-xs md:shadow-[rgba(0,0,0,0.15)_0px_5px_15px_0px]" @click.away="open=false" x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem] md:pt-1 md:pb-2 border-b">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=Bonide+Repels-All&type=product`)" 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-10-11-4-1"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Animal &amp; Pet Repellents (6)</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 (4)</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">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Price</span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="popup-above max-h-[calc(75vh-var(--height-header))] scrollbar-body overflow-auto border-b md:border-0 border-solid md:absolute md:top-[calc(100%+10px)] md:p-4 md:z-20 md:bg-[rgba(var(--background-color))] md:w-max min-w-[266px] md:shadow-[rgba(0,0,0,0.15)_0px_5px_15px_0px]" @click.away="open=false" x-show="open" x-cloak>
        <div class="pt-1 pb-2 mb-6 border-b mx-1 justify-end flex text-[0.8505rem] md:text-[0.945rem]">
          <button @click.prevent="removeFilter(`/search?q=Bonide+Repels-All&type=product`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div>
        <div class="flex pb-4 md:mb-4 items-center justify-between">
          <div x-intersect.once="rangePrice($el)" class="w-full range-price-filter px-1">
            <div x-intersect.once="initRange($el)" class="w-full text-[rgb(var(--colors-text),0.7)]">
              <div class="slider h-1.5 relative border border-solid">
                <div style="left: var(--left_range); right: var(--right_range);" class="progress h-full absolute bg-[rgb(var(--colors-text-link))] left-0 right-0"></div>
              </div>
              <div class="range-input relative">
                <input @change="onSubmit()" class="absolute -translate-x-1 rtl:translate-x-1 range-min w-full bg-none h-1.5 -top-1.5 pointer-events-none appearance-none"
                  name="filter.v.price.gte"value="0"type="range"
                  placeholder="0"
                  min="0"
                  defaultValue="0"max="44.99"
                  step=".01"
                  form="ranger-price"
                  id="Filter-above-Price--range-min"
                >
                <input @change="onSubmit()" class="absolute translate-x-1 rtl:-translate-x-1 range-max w-full bg-none h-1.5 -top-1.5 pointer-events-none appearance-none"  type="range" min="1"value="44.99"placeholder="44.99"
                    max="44.99"
                    defaultValue="44.99"
                  
                  form="ranger-price"
                  step=".01"
                  id="Filter-above-Price--range-max"
                >
              </div>
              <input @change="onSubmit()" class="price-input absolute opacity-0 -z-10"
                name="filter.v.price.gte"
                x-ref="filter_price_gte"type="number"
                placeholder="0"
                min="0"
                defaultValue="0"max="44.99"
                step=".01"
                id="Filter-above-Price--min"
              >
              <input @change="onSubmit()" class="price-input absolute opacity-0 -z-10" name="filter.v.price.lte" 
                x-ref="filter_price_lte" type="number" min="0"placeholder="44.99"
                  max="44.99"
                  defaultValue="44.99"
                
                step=".01"
                id="Filter-above-Price--max"
              >
              <div class="w-full flex justify-between mt-3">
                <div class="flex items-center">
                  <span>$</span>
                  <p class="price-preview">0</p>
                </div>
                <div class="flex items-center">
                  <span>$</span>
                  <p class="price-preview">44.99
</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>


              </div>
              <div id="active-filter-tag" class="hidden md:block">
                
              </div>
            
            
          </form>
        
      
    
  </div>
  
</div>
<form id="FormFilter" class="grid form-drawer"><input type="hidden" name="q" value="Bonide Repels-All">
    <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">10 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=Bonide+Repels-All&type=product`)" 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="Animal Repellents"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Animal Repellents (9)</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="Insect Repellents"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Insect Repellents (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-2">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between"
        aria-label="Category (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Category<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem]">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=Bonide+Repels-All&type=product`)" 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-10-11-4-1"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Animal &amp; Pet Repellents (6)</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 (4)</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">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Price</span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="pt-4 pb-4 justify-end flex text-[0.8505rem] md:text-[0.945rem]">
          <button @click.prevent="removeFilter(`/search?q=Bonide+Repels-All&type=product`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div>
        <div class="flex pb-4 md:mb-4 items-center justify-between">
          <div x-intersect.once="rangePrice($el)" class="w-full range-price-filter px-1">
            <div x-intersect.once="initRange($el)" class="w-full text-[rgb(var(--colors-text),0.7)]">
              <div class="slider h-1.5 relative border border-solid">
                <div style="left: var(--left_range); right: var(--right_range);" class="progress h-full absolute bg-[rgb(var(--colors-text-link))] left-0 right-0"></div>
              </div>
              <div class="range-input relative">
                <input @change="onSubmit()" class="absolute -translate-x-1 rtl:translate-x-1 range-min w-full bg-none h-1.5 -top-1.5 pointer-events-none appearance-none"
                  name="filter.v.price.gte"value="0"type="range"
                  placeholder="0"
                  min="0"
                  defaultValue="0"max="44.99"
                  step=".01"
                  form="ranger-price"
                  id="Filter-drawer-Price--range-min"
                >
                <input @change="onSubmit()" class="absolute translate-x-1 rtl:-translate-x-1 range-max w-full bg-none h-1.5 -top-1.5 pointer-events-none appearance-none"  type="range" min="1"value="44.99"placeholder="44.99"
                    max="44.99"
                    defaultValue="44.99"
                  
                  form="ranger-price"
                  step=".01"
                  id="Filter-drawer-Price--range-max"
                >
              </div>
              <input @change="onSubmit()" class="price-input absolute opacity-0 -z-10"
                name="filter.v.price.gte"
                x-ref="filter_price_gte"type="number"
                placeholder="0"
                min="0"
                defaultValue="0"max="44.99"
                step=".01"
                id="Filter-drawer-Price--min"
              >
              <input @change="onSubmit()" class="price-input absolute opacity-0 -z-10" name="filter.v.price.lte" 
                x-ref="filter_price_lte" type="number" min="0"placeholder="44.99"
                  max="44.99"
                  defaultValue="44.99"
                
                step=".01"
                id="Filter-drawer-Price--max"
              >
              <div class="w-full flex justify-between mt-3">
                <div class="flex items-center">
                  <span>$</span>
                  <p class="price-preview">0</p>
                </div>
                <div class="flex items-center">
                  <span>$</span>
                  <p class="price-preview">44.99
</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>


          
<div class="md:hidden mt-3">
              <div class="flex pt-4 pb-4 relative justify-between items-center">
                <p>
                  <label for="SortBy">Sort by:</label>
                </p>
                <div class="flex justify-between eurus"><select
                    class="cursor-pointer py-1 pl-2 pr-7 focus:outline-none focus-visible:outline-none bg-transparent"
                    name="sort_by"
                    aria-describedby="a11y-refresh-page-message"
                    @change="onSubmit(0)"
                    :disabled="isDesktop"
                    aria-label="Sort by"
                  ><option class="bg-[rgba(var(--background-color),1)]" value="relevance" selected="selected">Relevance</option><option class="bg-[rgba(var(--background-color),1)]" value="price-ascending">Price, low to high</option><option class="bg-[rgba(var(--background-color),1)]" value="price-descending">Price, high to low</option></select>
                  <span class="w-3 absolute right-2 top-1/2 -translate-y-1/2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                </div>
              </div>
            </div></div>
      </div>
    </div>
  
  
  
  
</form>
<script src="//chalet-nursery.shop/cdn/shop/t/283/assets/facets.js?v=10088640818262105401767198621" 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--17937066885254__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--17937066885254__main-11', '/products/bonide-repels-all-granules-6-pound', '6927932489862')"  
  
  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/bonide-repels-all-granules-6-pound?_pos=1&_sid=eb94b2753&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927932489862,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Bonide Repels-All Granular Animal Repellent 6 lb Granules&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 3899,
      &quot;price_with_currency&quot;: &quot;$38.99&quot;,
      &quot;sale_amount&quot;: &quot;$-38.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||289331642502||285992648838||274242928774||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="Bonide Repels-All Granular Animal Repellent 6 lb Granules"
      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--17937066885254__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;Bonide Repels-All Granular Animal Repellent 6 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932489862&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3899,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
          >
          
<div class="hidden">
                
                <img src="//chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&amp;width=1500" alt="Bonide Repels-All Granular Animal Repellent 6 lb Granules" srcset="//chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&amp;width=375 375w, //chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&amp;width=450 450w, //chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&amp;width=750 750w, //chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&amp;width=900 900w, //chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&amp;width=1100 1100w, //chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&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/BP2360.jpg?v=1698635487&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/BP2360.jpg?v=1698635487&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="Bonide Repels-All Granular Animal Repellent 6 lb Granules"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
"
                  loading="eager"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17937066885254__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="40297145598086">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17937066885254__main-6927932489862-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--17937066885254__main-6927932489862-11"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Repels-All Granular Animal Repellent 6 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932489862&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3899,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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="6927932489862" /><input type="hidden" name="section-id" value="template--17937066885254__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/bonide-repels-all-granules-6-pound', $el, 'template--17937066885254__main-6927932489862-11')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-granules-6-pound', $el, 'template--17937066885254__main-6927932489862-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;Bonide Repels-All Granular Animal Repellent 6 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932489862&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3899,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bonide-repels-all-granules-6-pound", $el, "template--17937066885254__main-6927932489862-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;Bonide Repels-All Granular Animal Repellent 6 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932489862&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3899,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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--17937066885254__main-6927932489862">
            <a href="/products/bonide-repels-all-granules-6-pound?_pos=1&_sid=eb94b2753&_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;Bonide Repels-All Granular Animal Repellent 6 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932489862&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3899,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Granular Animal Repellent 6 lb Granules
            </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">3899</div><p class="price">
          <span>$19.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-6927932489862-template--17937066885254__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--17937066885254__main-6927932489862">
            <a href="/products/bonide-repels-all-granules-6-pound?_pos=1&_sid=eb94b2753&_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;Bonide Repels-All Granular Animal Repellent 6 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932489862&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3899,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Granular Animal Repellent 6 lb Granules
            </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">3899</div><p class="price">
          <span>$19.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--17937066885254__main', '/products/bonide-repels-all-granules-6-pound?_pos=1&_sid=eb94b2753&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17937066885254__main-6927932489862-11" 
          class="current-variant hidden"
        >
          40297145598086
        </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--17937066885254__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="40297145598086">
              
              
              <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--17937066885254__main-6927932489862-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="6927932489862" /><input type="hidden" name="section-id" value="template--17937066885254__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--17937066885254__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="40297145598086">
                
                
                <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--17937066885254__main-6927932489862-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="6927932489862" /><input type="hidden" name="section-id" value="template--17937066885254__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-granules-6-pound', $el, 'template--17937066885254__main-6927932489862-11')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-granules-6-pound', $el, 'template--17937066885254__main-6927932489862-11')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/bonide-repels-all-granules-6-pound", $el, "template--17937066885254__main-6927932489862-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;Bonide Repels-All Granular Animal Repellent 6 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932489862&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3899,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/283/assets/preview-color-swatches.js?v=119428623299356045671767198621" 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--17937066885254__main-12', '/products/bonide-repels-all-animal-repel-32oz-concentrate', '6927932522630')"  
  
  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/bonide-repels-all-animal-repel-32oz-concentrate?_pos=2&_sid=eb94b2753&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927932522630,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Bonide Repels-All Animal Repellent 32 oz Concentrate&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 2599,
      &quot;price_with_currency&quot;: &quot;$25.99&quot;,
      &quot;sale_amount&quot;: &quot;$-25.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||289331642502||94007820339||285992648838||274242928774||289977729158||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 16,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Bonide Repels-All Animal Repellent 32 oz Concentrate"
      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--17937066885254__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;Bonide Repels-All Animal Repellent 32 oz Concentrate&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932522630&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2599,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
          >
          
<div class="hidden">
                
                <img src="//chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&amp;width=1500" alt="Bonide Repels-All Animal Repellent 32 oz Concentrate" srcset="//chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&amp;width=375 375w, //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&amp;width=450 450w, //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&amp;width=750 750w, //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&amp;width=900 900w, //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&amp;width=1100 1100w, //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&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/chalet-chicago-BP237.jpg?v=1704235695&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP237.jpg?v=1704235695&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="Bonide Repels-All Animal Repellent 32 oz Concentrate"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
"
                  loading="eager"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17937066885254__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="40470198747270">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17937066885254__main-6927932522630-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--17937066885254__main-6927932522630-12"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Repels-All Animal Repellent 32 oz Concentrate&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932522630&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2599,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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="6927932522630" /><input type="hidden" name="section-id" value="template--17937066885254__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/bonide-repels-all-animal-repel-32oz-concentrate', $el, 'template--17937066885254__main-6927932522630-12')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-animal-repel-32oz-concentrate', $el, 'template--17937066885254__main-6927932522630-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;Bonide Repels-All Animal Repellent 32 oz Concentrate&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932522630&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2599,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bonide-repels-all-animal-repel-32oz-concentrate", $el, "template--17937066885254__main-6927932522630-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;Bonide Repels-All Animal Repellent 32 oz Concentrate&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932522630&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2599,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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--17937066885254__main-6927932522630">
            <a href="/products/bonide-repels-all-animal-repel-32oz-concentrate?_pos=2&_sid=eb94b2753&_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;Bonide Repels-All Animal Repellent 32 oz Concentrate&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932522630&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2599,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Animal Repellent 32 oz Concentrate
            </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">2599</div><p class="price">
          <span>$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-6927932522630-template--17937066885254__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--17937066885254__main-6927932522630">
            <a href="/products/bonide-repels-all-animal-repel-32oz-concentrate?_pos=2&_sid=eb94b2753&_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;Bonide Repels-All Animal Repellent 32 oz Concentrate&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932522630&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2599,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Animal Repellent 32 oz Concentrate
            </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">2599</div><p class="price">
          <span>$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--17937066885254__main', '/products/bonide-repels-all-animal-repel-32oz-concentrate?_pos=2&_sid=eb94b2753&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17937066885254__main-6927932522630-12" 
          class="current-variant hidden"
        >
          40470198747270
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <div class="tb-fields-and-text ll-at-font ll-at-size ll-at-line-height" data-toolset-blocks-fields-and-text="3e1d2592ce20bdf2bf813c9dfa44c991" data-mce-fragment="1">
<p class="ll-at-font ll-at-size" data-mce-fragment="1">BONIDE Repels-All ® contains natural ingredients that repel nuisance animals by taste, touch and smell. Effective for up to 2 months. People &amp; pet safe when used as directed. Triggers genetic &amp; biological ingrained fear &amp; flight responses without harm.</p>
</div>
<div class="tb-fields-and-text ll-at-font ll-at-size ll-at-line-height" data-toolset-blocks-fields-and-text="360284519b991feb492b582c7d84725f" data-mce-fragment="1">
<ul class="ll-at-font ll-at-size ll-at-line-height" data-mce-fragment="1">
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Repels more than a dozen different wild animal species</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">People &amp; Pet safe, when used as directed</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Deer, Rabbits, Raccoons, Squirrels, Skunks and more</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Made with natural ingredients. Lasts up to 60 days</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Protect lawns, trees, shrubs, gardens</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Concentrate quart (32 oz) Makes 2 gallons</li>
</ul>
</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--17937066885254__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="40470198747270">
              
              
              <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--17937066885254__main-6927932522630-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="6927932522630" /><input type="hidden" name="section-id" value="template--17937066885254__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--17937066885254__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="40470198747270">
                
                
                <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--17937066885254__main-6927932522630-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="6927932522630" /><input type="hidden" name="section-id" value="template--17937066885254__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-animal-repel-32oz-concentrate', $el, 'template--17937066885254__main-6927932522630-12')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-animal-repel-32oz-concentrate', $el, 'template--17937066885254__main-6927932522630-12')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/bonide-repels-all-animal-repel-32oz-concentrate", $el, "template--17937066885254__main-6927932522630-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;Bonide Repels-All Animal Repellent 32 oz Concentrate&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932522630&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2599,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/283/assets/preview-color-swatches.js?v=119428623299356045671767198621" 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--17937066885254__main-13', '/products/bonide-repels-all-granules-3-pound', '6927932457094')"  
  
  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/bonide-repels-all-granules-3-pound?_pos=3&_sid=eb94b2753&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927932457094,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Bonide Repels-All Granular Animal Repellent 3 lb Granules&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 2399,
      &quot;price_with_currency&quot;: &quot;$23.99&quot;,
      &quot;sale_amount&quot;: &quot;$-23.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||289331642502||94007820339||285992648838||274242928774||289977729158||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 9,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Bonide Repels-All Granular Animal Repellent 3 lb Granules"
      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--17937066885254__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;Bonide Repels-All Granular Animal Repellent 3 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932457094&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2399,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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-gardening-accessories-essentials-Bonide_-SHOT-GUN_-Repels-All_-Granular-Animal-Repellent.jpg?v=1740779460&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-gardening-accessories-essentials-Bonide_-SHOT-GUN_-Repels-All_-Granular-Animal-Repellent.jpg?v=1740779460&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-gardening-accessories-essentials-Bonide_-SHOT-GUN_-Repels-All_-Granular-Animal-Repellent.jpg?v=1740779460&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-gardening-accessories-essentials-Bonide_-SHOT-GUN_-Repels-All_-Granular-Animal-Repellent.jpg?v=1740779460&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-gardening-accessories-essentials-Bonide_-SHOT-GUN_-Repels-All_-Granular-Animal-Repellent.jpg?v=1740779460&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-gardening-accessories-essentials-Bonide_-SHOT-GUN_-Repels-All_-Granular-Animal-Repellent.jpg?v=1740779460 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-gardening-accessories-essentials-Bonide_-SHOT-GUN_-Repels-All_-Granular-Animal-Repellent.jpg?v=1740779460&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="Bonide Repels-All Granular Animal Repellent 3 lb Granules"
                  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--17937066885254__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="40470197436550">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17937066885254__main-6927932457094-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--17937066885254__main-6927932457094-13"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Repels-All Granular Animal Repellent 3 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932457094&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2399,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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="6927932457094" /><input type="hidden" name="section-id" value="template--17937066885254__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/bonide-repels-all-granules-3-pound', $el, 'template--17937066885254__main-6927932457094-13')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-granules-3-pound', $el, 'template--17937066885254__main-6927932457094-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;Bonide Repels-All Granular Animal Repellent 3 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932457094&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2399,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bonide-repels-all-granules-3-pound", $el, "template--17937066885254__main-6927932457094-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;Bonide Repels-All Granular Animal Repellent 3 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932457094&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2399,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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--17937066885254__main-6927932457094">
            <a href="/products/bonide-repels-all-granules-3-pound?_pos=3&_sid=eb94b2753&_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;Bonide Repels-All Granular Animal Repellent 3 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932457094&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2399,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Granular Animal Repellent 3 lb Granules
            </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">2399</div><p class="price">
          <span>$12</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-6927932457094-template--17937066885254__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--17937066885254__main-6927932457094">
            <a href="/products/bonide-repels-all-granules-3-pound?_pos=3&_sid=eb94b2753&_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;Bonide Repels-All Granular Animal Repellent 3 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932457094&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2399,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Granular Animal Repellent 3 lb Granules
            </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">2399</div><p class="price">
          <span>$12</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--17937066885254__main', '/products/bonide-repels-all-granules-3-pound?_pos=3&_sid=eb94b2753&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17937066885254__main-6927932457094-13" 
          class="current-variant hidden"
        >
          40470197436550
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p>3lb - Granules</p>
<div>A convenient granular formulation of our all natural, and popular Repels-All® liquid. Triggers genetically and biologically ingrained fear and flight responses in a multitude of animal intruders, without harm. Lasts up to 2 months. Protects plants and property all year round.</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--17937066885254__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="40470197436550">
              
              
              <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--17937066885254__main-6927932457094-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="6927932457094" /><input type="hidden" name="section-id" value="template--17937066885254__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--17937066885254__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="40470197436550">
                
                
                <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--17937066885254__main-6927932457094-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="6927932457094" /><input type="hidden" name="section-id" value="template--17937066885254__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-granules-3-pound', $el, 'template--17937066885254__main-6927932457094-13')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-granules-3-pound', $el, 'template--17937066885254__main-6927932457094-13')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/bonide-repels-all-granules-3-pound", $el, "template--17937066885254__main-6927932457094-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;Bonide Repels-All Granular Animal Repellent 3 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932457094&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2399,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/283/assets/preview-color-swatches.js?v=119428623299356045671767198621" 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--17937066885254__main-14', '/products/bonide-repels-all-animal-repel-1-gallon-ready-to-use', '6927932620934')"  
  
  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/bonide-repels-all-animal-repel-1-gallon-ready-to-use?_pos=4&_sid=eb94b2753&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927932620934,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use&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||279132733574||152855871622||289331642502||94007820339||285992648838||274242928774||289977729158||&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="Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use"
      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--17937066885254__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;Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932620934&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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-BP239.jpg?v=1704235696&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP239.jpg?v=1704235696&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP239.jpg?v=1704235696&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP239.jpg?v=1704235696&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP239.jpg?v=1704235696&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP239.jpg?v=1704235696 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP239.jpg?v=1704235696&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="Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use"
                  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--17937066885254__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="40297145729158">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17937066885254__main-6927932620934-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--17937066885254__main-6927932620934-14"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932620934&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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="6927932620934" /><input type="hidden" name="section-id" value="template--17937066885254__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/bonide-repels-all-animal-repel-1-gallon-ready-to-use', $el, 'template--17937066885254__main-6927932620934-14')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-animal-repel-1-gallon-ready-to-use', $el, 'template--17937066885254__main-6927932620934-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;Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932620934&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bonide-repels-all-animal-repel-1-gallon-ready-to-use", $el, "template--17937066885254__main-6927932620934-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;Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932620934&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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--17937066885254__main-6927932620934">
            <a href="/products/bonide-repels-all-animal-repel-1-gallon-ready-to-use?_pos=4&_sid=eb94b2753&_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;Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932620934&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use
            </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-6927932620934-template--17937066885254__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--17937066885254__main-6927932620934">
            <a href="/products/bonide-repels-all-animal-repel-1-gallon-ready-to-use?_pos=4&_sid=eb94b2753&_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;Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932620934&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use
            </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--17937066885254__main', '/products/bonide-repels-all-animal-repel-1-gallon-ready-to-use?_pos=4&_sid=eb94b2753&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17937066885254__main-6927932620934-14" 
          class="current-variant hidden"
        >
          40297145729158
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <div class="tb-fields-and-text ll-at-font ll-at-size ll-at-line-height" data-toolset-blocks-fields-and-text="3e1d2592ce20bdf2bf813c9dfa44c991" data-mce-fragment="1">
<p class="ll-at-font ll-at-size" data-mce-fragment="1">BONIDE Repels-All ® contains natural ingredients that repel nuisance animals by taste, touch and smell. Effective for up to 2 months. People &amp; pet safe when used as directed. Triggers genetic &amp; biological ingrained fear &amp; flight responses without harm.</p>
</div>
<div class="tb-fields-and-text ll-at-font ll-at-size ll-at-line-height" data-toolset-blocks-fields-and-text="360284519b991feb492b582c7d84725f" data-mce-fragment="1">
<ul class="ll-at-font ll-at-size ll-at-line-height" data-mce-fragment="1">
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Repels more than a dozen different wild animal species</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">People &amp; Pet safe, when used as directed</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Deer, Rabbits, Raccoons, Squirrels, Skunks and more</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Made with natural ingredients. Lasts up to 60 days</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Protect lawns, trees, shrubs, gardens</li>
</ul>
</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--17937066885254__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="40297145729158">
              
              
              <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--17937066885254__main-6927932620934-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="6927932620934" /><input type="hidden" name="section-id" value="template--17937066885254__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--17937066885254__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="40297145729158">
                
                
                <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--17937066885254__main-6927932620934-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="6927932620934" /><input type="hidden" name="section-id" value="template--17937066885254__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-animal-repel-1-gallon-ready-to-use', $el, 'template--17937066885254__main-6927932620934-14')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-animal-repel-1-gallon-ready-to-use', $el, 'template--17937066885254__main-6927932620934-14')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/bonide-repels-all-animal-repel-1-gallon-ready-to-use", $el, "template--17937066885254__main-6927932620934-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;Bonide Repels-All Liquid Animal Repellent 1 gal Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932620934&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/283/assets/preview-color-swatches.js?v=119428623299356045671767198621" 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--17937066885254__main-15', '/products/bonide-repels-all-granules-1-25-pound', '6927932391558')"  
  
  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/bonide-repels-all-granules-1-25-pound?_pos=5&_sid=eb94b2753&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927932391558,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Bonide Repels-All Granular Animal Repellent 1.25 lb Granules&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1499,
      &quot;price_with_currency&quot;: &quot;$14.99&quot;,
      &quot;sale_amount&quot;: &quot;$-14.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||289331642502||94007820339||285992648838||274242928774||289977729158||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 13,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Bonide Repels-All Granular Animal Repellent 1.25 lb Granules"
      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--17937066885254__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;Bonide Repels-All Granular Animal Repellent 1.25 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932391558&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/BP2360_fd2c73d0-75f8-4f0c-8065-8feb342cc081.jpg?v=1704235696&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/BP2360_fd2c73d0-75f8-4f0c-8065-8feb342cc081.jpg?v=1704235696&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/BP2360_fd2c73d0-75f8-4f0c-8065-8feb342cc081.jpg?v=1704235696&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/BP2360_fd2c73d0-75f8-4f0c-8065-8feb342cc081.jpg?v=1704235696&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/BP2360_fd2c73d0-75f8-4f0c-8065-8feb342cc081.jpg?v=1704235696&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/BP2360_fd2c73d0-75f8-4f0c-8065-8feb342cc081.jpg?v=1704235696 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/BP2360_fd2c73d0-75f8-4f0c-8065-8feb342cc081.jpg?v=1704235696&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="Bonide Repels-All Granular Animal Repellent 1.25 lb Granules"
                  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--17937066885254__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="40470197076102">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17937066885254__main-6927932391558-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--17937066885254__main-6927932391558-15"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Repels-All Granular Animal Repellent 1.25 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932391558&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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="6927932391558" /><input type="hidden" name="section-id" value="template--17937066885254__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/bonide-repels-all-granules-1-25-pound', $el, 'template--17937066885254__main-6927932391558-15')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-granules-1-25-pound', $el, 'template--17937066885254__main-6927932391558-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;Bonide Repels-All Granular Animal Repellent 1.25 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932391558&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bonide-repels-all-granules-1-25-pound", $el, "template--17937066885254__main-6927932391558-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;Bonide Repels-All Granular Animal Repellent 1.25 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932391558&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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--17937066885254__main-6927932391558">
            <a href="/products/bonide-repels-all-granules-1-25-pound?_pos=5&_sid=eb94b2753&_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;Bonide Repels-All Granular Animal Repellent 1.25 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932391558&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Granular Animal Repellent 1.25 lb Granules
            </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">1499</div><p class="price">
          <span>$7.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-6927932391558-template--17937066885254__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--17937066885254__main-6927932391558">
            <a href="/products/bonide-repels-all-granules-1-25-pound?_pos=5&_sid=eb94b2753&_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;Bonide Repels-All Granular Animal Repellent 1.25 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932391558&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Granular Animal Repellent 1.25 lb Granules
            </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">1499</div><p class="price">
          <span>$7.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--17937066885254__main', '/products/bonide-repels-all-granules-1-25-pound?_pos=5&_sid=eb94b2753&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17937066885254__main-6927932391558-15" 
          class="current-variant hidden"
        >
          40470197076102
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>A convenient granular formulation of our popular Repels All ® liquid. Triggers genetically and biologically ingrained fear and flight responses in a multitude of animal intruders - without harm. Lasts up to 2 months. Protects plants and property - year round. 6 pound bag treats 5000 sq. ft. People &amp; Pet Safe when used as directed. Made with natural ingredients.</span></p>
<div style="text-align: center;"><noiframe title="Chalet-nursery Recommends: Deer and Rabbit Repellant" nosrc="https://cdn.shopify.com/s/files/1/1811/2867/files/Chalet_Recommends__Deer_and_Rabbit_Repellant.mp4?v=1626279983" height="315" width="560"></noiframe></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--17937066885254__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="40470197076102">
              
              
              <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--17937066885254__main-6927932391558-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="6927932391558" /><input type="hidden" name="section-id" value="template--17937066885254__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--17937066885254__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="40470197076102">
                
                
                <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--17937066885254__main-6927932391558-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="6927932391558" /><input type="hidden" name="section-id" value="template--17937066885254__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-granules-1-25-pound', $el, 'template--17937066885254__main-6927932391558-15')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-granules-1-25-pound', $el, 'template--17937066885254__main-6927932391558-15')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/bonide-repels-all-granules-1-25-pound", $el, "template--17937066885254__main-6927932391558-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;Bonide Repels-All Granular Animal Repellent 1.25 lb Granules&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932391558&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1499,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/283/assets/preview-color-swatches.js?v=119428623299356045671767198621" 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--17937066885254__main-16', '/products/bonide-repels-all-animal-repel-32oz-ready-to-use', '6927932555398')"  
  
  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/bonide-repels-all-animal-repel-32oz-ready-to-use?_pos=6&_sid=eb94b2753&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927932555398,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1699,
      &quot;price_with_currency&quot;: &quot;$16.99&quot;,
      &quot;sale_amount&quot;: &quot;$-16.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 15,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use"
      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--17937066885254__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;Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932555398&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bp238.jpg?v=1704235696&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/bp238.jpg?v=1704235696&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/bp238.jpg?v=1704235696&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/bp238.jpg?v=1704235696&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/bp238.jpg?v=1704235696&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/bp238.jpg?v=1704235696 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/bp238.jpg?v=1704235696&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="Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use"
                  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--17937066885254__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="40470198878342">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17937066885254__main-6927932555398-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--17937066885254__main-6927932555398-16"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932555398&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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="6927932555398" /><input type="hidden" name="section-id" value="template--17937066885254__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/bonide-repels-all-animal-repel-32oz-ready-to-use', $el, 'template--17937066885254__main-6927932555398-16')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-animal-repel-32oz-ready-to-use', $el, 'template--17937066885254__main-6927932555398-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;Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932555398&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bonide-repels-all-animal-repel-32oz-ready-to-use", $el, "template--17937066885254__main-6927932555398-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;Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932555398&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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--17937066885254__main-6927932555398">
            <a href="/products/bonide-repels-all-animal-repel-32oz-ready-to-use?_pos=6&_sid=eb94b2753&_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;Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932555398&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">1699</div><p class="price">
          <span>$8.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6927932555398-template--17937066885254__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--17937066885254__main-6927932555398">
            <a href="/products/bonide-repels-all-animal-repel-32oz-ready-to-use?_pos=6&_sid=eb94b2753&_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;Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932555398&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">1699</div><p class="price">
          <span>$8.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

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

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17937066885254__main', '/products/bonide-repels-all-animal-repel-32oz-ready-to-use?_pos=6&_sid=eb94b2753&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17937066885254__main-6927932555398-16" 
          class="current-variant hidden"
        >
          40470198878342
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <span>Triggers genetically and biologically ingrained fear and flight responses in a multitude of animal intruders - without harm. Lasts up to 2 months. Protects plants and property - year round.   Made from natural ingredients and biodegradable. Repels three ways...by sense of touch, taste and smell.</span><div style="text-align: center;"> <noiframe title="Chalet-nursery Recommends: Deer and Rabbit Repellant" nosrc="https://cdn.shopify.com/s/files/1/1811/2867/files/Chalet_Recommends__Deer_and_Rabbit_Repellant.mp4?v=1626279983" height="315" width="560" allowfullscreen="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" frameborder="0"></noiframe>
</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--17937066885254__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="40470198878342">
              
              
              <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--17937066885254__main-6927932555398-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="6927932555398" /><input type="hidden" name="section-id" value="template--17937066885254__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--17937066885254__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="40470198878342">
                
                
                <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--17937066885254__main-6927932555398-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="6927932555398" /><input type="hidden" name="section-id" value="template--17937066885254__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-animal-repel-32oz-ready-to-use', $el, 'template--17937066885254__main-6927932555398-16')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-animal-repel-32oz-ready-to-use', $el, 'template--17937066885254__main-6927932555398-16')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/bonide-repels-all-animal-repel-32oz-ready-to-use", $el, "template--17937066885254__main-6927932555398-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;Bonide Repels-All Liquid Animal Repellent 1 qt Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932555398&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/283/assets/preview-color-swatches.js?v=119428623299356045671767198621" 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--17937066885254__main-17', '/products/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use', '6927931867270')"  
  
  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/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use?_pos=7&_sid=eb94b2753&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927931867270,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1799,
      &quot;price_with_currency&quot;: &quot;$17.99&quot;,
      &quot;sale_amount&quot;: &quot;$-17.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||289331642502||94007820339||285992648838||274242928774||289977729158||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 55,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use"
      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--17937066885254__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;Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927931867270&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1799,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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-repellant-gardening-essentials.jpg?v=1704235693&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-repellant-gardening-essentials.jpg?v=1704235693&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-repellant-gardening-essentials.jpg?v=1704235693&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-repellant-gardening-essentials.jpg?v=1704235693&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-repellant-gardening-essentials.jpg?v=1704235693&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-repellant-gardening-essentials.jpg?v=1704235693 799w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-repellant-gardening-essentials.jpg?v=1704235693&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="Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use"
                  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="799"
                  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--17937066885254__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="40297144975494">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17937066885254__main-6927931867270-17"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

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


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17937066885254__main-6927931867270-17"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927931867270&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1799,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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="6927931867270" /><input type="hidden" name="section-id" value="template--17937066885254__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/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use', $el, 'template--17937066885254__main-6927931867270-17')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use', $el, 'template--17937066885254__main-6927931867270-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;Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927931867270&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1799,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use", $el, "template--17937066885254__main-6927931867270-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;Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927931867270&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1799,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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--17937066885254__main-6927931867270">
            <a href="/products/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use?_pos=7&_sid=eb94b2753&_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;Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927931867270&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1799,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use
            </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">1799</div><p class="price">
          <span>$9</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-6927931867270-template--17937066885254__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--17937066885254__main-6927931867270">
            <a href="/products/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use?_pos=7&_sid=eb94b2753&_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;Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927931867270&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1799,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use
            </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">1799</div><p class="price">
          <span>$9</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--17937066885254__main', '/products/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use?_pos=7&_sid=eb94b2753&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17937066885254__main-6927931867270-17" 
          class="current-variant hidden"
        >
          40297144975494
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p>Animal Repellent for Fruits, Vegetables, and Indoor and Outdoor Ornamentals.</p>
<p>Effectively repels deer, rabbits and tree squirrels.  </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--17937066885254__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="40297144975494">
              
              
              <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--17937066885254__main-6927931867270-17"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

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


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6927931867270" /><input type="hidden" name="section-id" value="template--17937066885254__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--17937066885254__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="40297144975494">
                
                
                <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--17937066885254__main-6927931867270-17"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

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


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6927931867270" /><input type="hidden" name="section-id" value="template--17937066885254__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use', $el, 'template--17937066885254__main-6927931867270-17')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use', $el, 'template--17937066885254__main-6927931867270-17')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/bonide-hot-pepper-wax-animal-repellent-32oz-ready-to-use", $el, "template--17937066885254__main-6927931867270-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;Bonide Hot Pepper Wax Animal Repellent 32 oz Ready-to-Use&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927931867270&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1799,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/283/assets/preview-color-swatches.js?v=119428623299356045671767198621" 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--17937066885254__main-18', '/products/bonide-mosquito-beater-natural-granules-1-3-pound', '6927933472902')"  
  
  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/bonide-mosquito-beater-natural-granules-1-3-pound?_pos=8&_sid=eb94b2753&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927933472902,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Bonide Mosquito Beater Natural Granules 1.3 Pound&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 2199,
      &quot;price_with_currency&quot;: &quot;$21.99&quot;,
      &quot;sale_amount&quot;: &quot;$-21.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||285992648838||274242928774||289977729158||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 2,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Bonide Mosquito Beater Natural Granules 1.3 Pound"
      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--17937066885254__main-18--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Mosquito Beater Natural Granules 1.3 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927933472902&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2199,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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-mosquito-bits-repellent-10.jpg?v=1704235695&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-mosquito-bits-repellent-10.jpg?v=1704235695&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-mosquito-bits-repellent-10.jpg?v=1704235695&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-mosquito-bits-repellent-10.jpg?v=1704235695&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-mosquito-bits-repellent-10.jpg?v=1704235695&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-mosquito-bits-repellent-10.jpg?v=1704235695 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-mosquito-bits-repellent-10.jpg?v=1704235695&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="Bonide Mosquito Beater Natural Granules 1.3 Pound"
                  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--17937066885254__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="40297146581126">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17937066885254__main-6927933472902-18"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

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


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17937066885254__main-6927933472902-18"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Mosquito Beater Natural Granules 1.3 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927933472902&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2199,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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="6927933472902" /><input type="hidden" name="section-id" value="template--17937066885254__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/bonide-mosquito-beater-natural-granules-1-3-pound', $el, 'template--17937066885254__main-6927933472902-18')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-mosquito-beater-natural-granules-1-3-pound', $el, 'template--17937066885254__main-6927933472902-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;Bonide Mosquito Beater Natural Granules 1.3 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927933472902&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2199,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bonide-mosquito-beater-natural-granules-1-3-pound", $el, "template--17937066885254__main-6927933472902-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;Bonide Mosquito Beater Natural Granules 1.3 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927933472902&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2199,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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--17937066885254__main-6927933472902">
            <a href="/products/bonide-mosquito-beater-natural-granules-1-3-pound?_pos=8&_sid=eb94b2753&_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;Bonide Mosquito Beater Natural Granules 1.3 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927933472902&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2199,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Mosquito Beater Natural Granules 1.3 Pound
            </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">2199</div><p class="price">
          <span>$11</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-6927933472902-template--17937066885254__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--17937066885254__main-6927933472902">
            <a href="/products/bonide-mosquito-beater-natural-granules-1-3-pound?_pos=8&_sid=eb94b2753&_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;Bonide Mosquito Beater Natural Granules 1.3 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927933472902&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2199,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Mosquito Beater Natural Granules 1.3 Pound
            </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">2199</div><p class="price">
          <span>$11</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--17937066885254__main', '/products/bonide-mosquito-beater-natural-granules-1-3-pound?_pos=8&_sid=eb94b2753&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17937066885254__main-6927933472902-18" 
          class="current-variant hidden"
        >
          40297146581126
        </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">
<div class="tb-fields-and-text ll-at-font ll-at-size ll-at-line-height" data-toolset-blocks-fields-and-text="3e1d2592ce20bdf2bf813c9dfa44c991" data-mce-fragment="1">
<div data-toolset-blocks-fields-and-text="3e1d2592ce20bdf2bf813c9dfa44c991" class="tb-fields-and-text ll-at-font ll-at-size ll-at-line-height">
<div class="compare-attributes__col ll-at-font ll-at-size ll-at-line-height">
<div class="attribute ng-star-inserted ll-at-font ll-at-size ll-at-line-height">
<div class="in-line blocked ll-at-font ll-at-size ll-at-line-height">
<div class="attribute__data in-line__data ll-at-font ll-at-size ll-at-line-height">
<div class="attribute__data--body ng-star-inserted ll-at-font ll-at-size ll-at-line-height">
<div class="multiline-text-cell ng-star-inserted ll-at-font ll-at-size ll-at-line-height">
<div class="text-content ll-at-font ll-at-size">Effectively repels for up to 3 weeks. Biodegradable and pleasantly scented. Easy to use shaker applicators. Enjoy mosquito free surroundings, any place, any time.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="compare-attributes__col ll-at-font ll-at-size ll-at-line-height">
<div class="product-detail-attributes-header ll-at-font ll-at-size"><br></div>
</div>
</div>
<div data-toolset-blocks-fields-and-text="360284519b991feb492b582c7d84725f" class="tb-fields-and-text ll-at-font ll-at-size ll-at-line-height">
<ul class="ll-at-font ll-at-size ll-at-line-height">
<li class="ll-at-font ll-at-size">Repels mosquitoes and other listed insects outdoors</li>
<li class="ll-at-font ll-at-size">People &amp; pet safe, when used as directed</li>
<li class="ll-at-font ll-at-size">Perfect for backyard parties, BBQ's and more</li>
<li class="ll-at-font ll-at-size">Lasts up to 3 weeks</li>
<li class="ll-at-font ll-at-size">Just sprinkle out on the ground</li>
</ul>
</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--17937066885254__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="40297146581126">
              
              
              <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--17937066885254__main-6927933472902-18"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

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


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

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


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6927933472902" /><input type="hidden" name="section-id" value="template--17937066885254__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/bonide-mosquito-beater-natural-granules-1-3-pound', $el, 'template--17937066885254__main-6927933472902-18')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-mosquito-beater-natural-granules-1-3-pound', $el, 'template--17937066885254__main-6927933472902-18')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/bonide-mosquito-beater-natural-granules-1-3-pound", $el, "template--17937066885254__main-6927933472902-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;Bonide Mosquito Beater Natural Granules 1.3 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927933472902&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2199,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/283/assets/preview-color-swatches.js?v=119428623299356045671767198621" 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--17937066885254__main-19', '/products/bonide-go-away-rabbit-dog-cat-repel-1-pound', '6927934947462')"  
  
  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/bonide-go-away-rabbit-dog-cat-repel-1-pound?_pos=9&_sid=eb94b2753&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927934947462,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Bonide Go Away Rabbit Dog &amp;amp; Cat Repel 1 Pound&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 999,
      &quot;price_with_currency&quot;: &quot;$9.99&quot;,
      &quot;sale_amount&quot;: &quot;$-9.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 17,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Bonide Go Away Rabbit Dog & Cat Repel 1 Pound"
      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--17937066885254__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;Bonide Go Away Rabbit Dog &amp;amp; Cat Repel 1 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927934947462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 999,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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-BP870.jpg?v=1704235693&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP870.jpg?v=1704235693&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP870.jpg?v=1704235693&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP870.jpg?v=1704235693&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP870.jpg?v=1704235693&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP870.jpg?v=1704235693 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/chalet-chicago-BP870.jpg?v=1704235693&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="Bonide Go Away Rabbit Dog &amp; Cat Repel 1 Pound"
                  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--17937066885254__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="40297148055686">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17937066885254__main-6927934947462-19"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

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


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17937066885254__main-6927934947462-19"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Go Away Rabbit Dog &amp;amp; Cat Repel 1 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927934947462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 999,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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="6927934947462" /><input type="hidden" name="section-id" value="template--17937066885254__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/bonide-go-away-rabbit-dog-cat-repel-1-pound', $el, 'template--17937066885254__main-6927934947462-19')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-go-away-rabbit-dog-cat-repel-1-pound', $el, 'template--17937066885254__main-6927934947462-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;Bonide Go Away Rabbit Dog &amp;amp; Cat Repel 1 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927934947462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 999,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bonide-go-away-rabbit-dog-cat-repel-1-pound", $el, "template--17937066885254__main-6927934947462-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;Bonide Go Away Rabbit Dog &amp;amp; Cat Repel 1 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927934947462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 999,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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--17937066885254__main-6927934947462">
            <a href="/products/bonide-go-away-rabbit-dog-cat-repel-1-pound?_pos=9&_sid=eb94b2753&_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;Bonide Go Away Rabbit Dog &amp;amp; Cat Repel 1 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927934947462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 999,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Go Away Rabbit Dog &amp; Cat Repel 1 Pound
            </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">999</div><p class="price">
          <span>$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-6927934947462-template--17937066885254__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--17937066885254__main-6927934947462">
            <a href="/products/bonide-go-away-rabbit-dog-cat-repel-1-pound?_pos=9&_sid=eb94b2753&_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;Bonide Go Away Rabbit Dog &amp;amp; Cat Repel 1 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927934947462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 999,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Go Away Rabbit Dog &amp; Cat Repel 1 Pound
            </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">999</div><p class="price">
          <span>$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--17937066885254__main', '/products/bonide-go-away-rabbit-dog-cat-repel-1-pound?_pos=9&_sid=eb94b2753&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17937066885254__main-6927934947462-19" 
          class="current-variant hidden"
        >
          40297148055686
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <div class="tb-fields-and-text ll-at-font ll-at-size ll-at-line-height" data-toolset-blocks-fields-and-text="3e1d2592ce20bdf2bf813c9dfa44c991" data-mce-fragment="1">
<p class="ll-at-font ll-at-size" data-mce-fragment="1">Protect your lawn, flowers, ornamental gardens, trees, shrubs, and other areas from unwanted animals. Humanely repels dogs, cats, rabbits and a variety of other animals. Contains natural ingredients including cinnamon oil and thyme oil. Comes in an easy to use shaker top container.</p>
</div>
<div class="tb-fields-and-text ll-at-font ll-at-size ll-at-line-height" data-toolset-blocks-fields-and-text="360284519b991feb492b582c7d84725f" data-mce-fragment="1">
<ul class="ll-at-font ll-at-size ll-at-line-height" data-mce-fragment="1">
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Repels dog, cats and rabbits</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">People and pet safe, when used as directed</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">A training aid for your own pet</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Does not harm animals</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Long-lasting</li>
<li class="ll-at-font ll-at-size" data-mce-fragment="1">Granules 1lb shaker container</li>
</ul>
</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--17937066885254__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="40297148055686">
              
              
              <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--17937066885254__main-6927934947462-19"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

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


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

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


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6927934947462" /><input type="hidden" name="section-id" value="template--17937066885254__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/bonide-go-away-rabbit-dog-cat-repel-1-pound', $el, 'template--17937066885254__main-6927934947462-19')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-go-away-rabbit-dog-cat-repel-1-pound', $el, 'template--17937066885254__main-6927934947462-19')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/bonide-go-away-rabbit-dog-cat-repel-1-pound", $el, "template--17937066885254__main-6927934947462-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;Bonide Go Away Rabbit Dog &amp;amp; Cat Repel 1 Pound&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927934947462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 999,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/283/assets/preview-color-swatches.js?v=119428623299356045671767198621" 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--17937066885254__main-110', '/products/bonide-repels-all-32oz-ready-to-spray', '6927932653702')"  
  
  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/bonide-repels-all-32oz-ready-to-spray?_pos=10&_sid=eb94b2753&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927932653702,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Bonide Repels-All 32oz Ready to Spray&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 3099,
      &quot;price_with_currency&quot;: &quot;$30.99&quot;,
      &quot;sale_amount&quot;: &quot;$-30.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="Bonide Repels-All 32oz Ready to Spray"
      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--17937066885254__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;Bonide Repels-All 32oz Ready to Spray&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932653702&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3099,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bp240.jpg?v=1704235696&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/bp240.jpg?v=1704235696&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/bp240.jpg?v=1704235696&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/bp240.jpg?v=1704235696&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/bp240.jpg?v=1704235696&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/bp240.jpg?v=1704235696 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/bp240.jpg?v=1704235696&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="Bonide Repels-All 32oz Ready to Spray"
                  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--17937066885254__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="40297145761926">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17937066885254__main-6927932653702-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--17937066885254__main-6927932653702-110"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Bonide Repels-All 32oz Ready to Spray&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932653702&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3099,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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="6927932653702" /><input type="hidden" name="section-id" value="template--17937066885254__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/bonide-repels-all-32oz-ready-to-spray', $el, 'template--17937066885254__main-6927932653702-110')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-32oz-ready-to-spray', $el, 'template--17937066885254__main-6927932653702-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;Bonide Repels-All 32oz Ready to Spray&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932653702&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3099,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/bonide-repels-all-32oz-ready-to-spray", $el, "template--17937066885254__main-6927932653702-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;Bonide Repels-All 32oz Ready to Spray&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932653702&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3099,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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--17937066885254__main-6927932653702">
            <a href="/products/bonide-repels-all-32oz-ready-to-spray?_pos=10&_sid=eb94b2753&_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;Bonide Repels-All 32oz Ready to Spray&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932653702&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3099,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All 32oz Ready to Spray
            </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">3099</div><p class="price">
          <span>$15.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-6927932653702-template--17937066885254__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--17937066885254__main-6927932653702">
            <a href="/products/bonide-repels-all-32oz-ready-to-spray?_pos=10&_sid=eb94b2753&_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;Bonide Repels-All 32oz Ready to Spray&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932653702&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3099,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&quot;
    }
  }"
            >
              Bonide Repels-All 32oz Ready to Spray
            </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">3099</div><p class="price">
          <span>$15.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--17937066885254__main', '/products/bonide-repels-all-32oz-ready-to-spray?_pos=10&_sid=eb94b2753&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17937066885254__main-6927932653702-110" 
          class="current-variant hidden"
        >
          40297145761926
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            Animal repellent- ready to spray with hose, 1qt. Triggers genetically and biologically ingrained fear and flight responses in a multitude of animal intruders - without harm. Lasts up to 2 months. Protects plants and property - year round.   Made from natural ingredients and biodegradable. Repels three ways...by sense of touch, taste and smell.
<noiframe width="560" height="315" nosrc="https://www.youtube.com/embed/K3SskPVuhhw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></noiframe>
          </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--17937066885254__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="40297145761926">
              
              
              <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--17937066885254__main-6927932653702-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="6927932653702" /><input type="hidden" name="section-id" value="template--17937066885254__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--17937066885254__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="40297145761926">
                
                
                <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--17937066885254__main-6927932653702-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="6927932653702" /><input type="hidden" name="section-id" value="template--17937066885254__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-32oz-ready-to-spray', $el, 'template--17937066885254__main-6927932653702-110')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/bonide-repels-all-32oz-ready-to-spray', $el, 'template--17937066885254__main-6927932653702-110')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/bonide-repels-all-32oz-ready-to-spray", $el, "template--17937066885254__main-6927932653702-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;Bonide Repels-All 32oz Ready to Spray&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927932653702&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3099,
      &quot;vendor&quot;: &quot;BFG Supply Co., LLC&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/283/assets/preview-color-swatches.js?v=119428623299356045671767198621" defer></script></div></div></div>
          
</div>
    </div></div>

</section>
      </main>

      
          <!-- BEGIN sections: footer-group-breath -->
<div id="shopify-section-sections--17937053319302__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/283/assets/splide4.1.3.js?v=75458750262329959491767198621',
        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/283/assets/coupon-code.js?v=122244658426509822871767198621" defer></script>
      <script src="//chalet-nursery.shop/cdn/shop/t/283/assets/product-recommendations.js?v=103082699061673760681767198621" defer></script>
    
<script src="//chalet-nursery.shop/cdn/shop/t/283/assets/theme.js?v=37477918532731633621767198621" defer></script>
    <script src="//chalet-nursery.shop/cdn/shop/t/283/assets/vendors.js?v=21726020999429958561767198621" defer></script>
    <script>
      window.addEventListener("load", (event) => {
        deferScriptLoad('instant.page', '//chalet-nursery.shop/cdn/shop/t/283/assets/instant.page.v5.1.1.js?v=43232110432331176871767198621', () => {}, 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":"2025-12-28T13:35:02.586Z","multi_language_enabled":false,"translation_locale":"en"};window._RestockRocketConfig.cachedPreorderVariantIds = {"preorder_variant_ids":[40298471555206,40298471653510,40298471686278,40357977161862,40392835694726,40392835727494,40392835760262,40392835793030,40392835825798,40392835858566,40392835924102,40392835956870,40392835989638,40392836022406,40392836055174,40392836087942,40622729658502,40622732378246,40622732411014,42518745055366,42967859921030],"updated_at":"2026-01-02T19:18:38Z","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-02T18:59:49Z","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-02T19:00:11Z","shopify_market_id":651853958,"market_locations_enabled":false};
    window._RestockRocketConfig.cachedVariantShippingTextsMarketKey = "variant_shipping_texts_for_market_651853958";window._RestockRocketConfig.sellingPlans = [{"shopify_selling_plan_group_id":3675062406,"shopify_selling_plan_id":4981686406,"enabled":true,"variant_ids":[],"product_variants_source":"custom","name":"Preorder","preorder_button_text":"Preorder","preorder_button_description":"Note: This is a preorder. Items will ship based on the estimated delivery date.","preorder_button_description_background_color":"#ebebeb","preorder_button_description_text_color":"#000000","preorder_button_description_border_radius":10,"preorder_button_description_show_quantity_limit":false,"preorder_button_description_quantity_limit_suffix":" units available for preorder","preorder_button_description_shipping_text_prefix":"Shipping: ","delivery_exact_time":null,"delivery_after_n_intervals":null,"delivery_at":null,"delivery_type":"asap","quantity_limit_text":"{{ quantity }} units available for preorder","preorder_button_description_show_shipping":false,"preorder_button_description_icons_enabled":true,"preorder_shipping_text":"Shipping: {{ date }}","shipping_applies_to_all_products":true,"shipping_text":"ASAP","payment_type":"full","billing_checkout_charge_type":"percentage","billing_checkout_charge_amount":null,"billing_checkout_charge_percentage":null,"pricing_type":"no_discount","pricing_amount":null,"pricing_percentage":null,"discount_text":"Save {{ discount }}","billing_title":"Full payment","billing_description":null,"enable_billing_widget":false,"inventory_provider":"stoq","preorder_badge_enabled":false,"preorder_badge_text":"Preorder","preorder_badge_text_color":"#FFFFFF","preorder_badge_background_color":"#000000","preorder_discounted_price_enabled":null,"payment_line_item_property_enabled":false,"shipping_line_item_property_enabled":false,"custom_line_item_property_text":null,"preorder_button_text_color":"#ffffff","preorder_button_background_color":"#8700d3","preorder_button_colors_enabled":false,"markets_enabled":null,"market_id":null,"shopify_market_ids":[],"use_shopify_selling_plan":true,"use_simplified_shipping_text":false,"translations":{},"payment_options":[{"billing_type":"no_remaining_balance","billing_checkout_charge_type":"percentage","billing_checkout_charge_amount":null,"billing_checkout_charge_percentage":null,"billing_at":null,"billing_after_n_intervals":null,"billing_after_interval_type":"day","pricing_type":"no_discount","pricing_amount":null,"pricing_percentage":null,"billing_title":"Full payment","billing_description":null,"discount_text":"Save {{ discount }}","shopify_selling_plan_id":4981686406,"is_default":true,"type":"full","translations":{}}],"require_preorder_acknowledgement":false,"preorder_acknowledgement_text":"I acknowledge and agree to the preorder terms and conditions for this product.","preorder_min_quantity":null,"preorder_max_quantity":null,"countdown_timer_enabled":false,"countdown_timer_insert_selector":null,"countdown_timer_insert_selector_type":"afterend","countdown_timer_style":"text","countdown_timer_text_color":"#000000","countdown_timer_background_color":"#f5f5f5","countdown_timer_border_radius":8,"countdown_timer_format":"DHMS","countdown_timer_use_schedule_dates":true,"countdown_timer_custom_start_date":null,"countdown_timer_custom_end_date":null,"countdown_timer_starts_text":null,"countdown_timer_ends_text":null,"updated_at":"2025-04-25T14:43:59.704Z","allow_mixed_cart":true}];window._RestockRocketConfig.integrations = [{"id":"25cf29de-19f7-4848-b816-6aaedbf88d72","shop_id":20579,"enabled":true,"page_types":["product","collection","index","search","page"],"configuration":{"enableXHRHijack":true,"enableFetchHijack":true},"type":"hijack","css_config":null,"js_config":null,"created_at":"2024-12-12T03:48:33.404Z","updated_at":"2025-01-23T05:23:43.340Z"}];window._RestockRocketConfig.obfuscateInventoryQuantity = false;window._RestockRocketConfig.scriptUrlProduct = 'https://cdn.shopify.com/extensions/019b6e86-8dbc-7c58-99fb-8c695965347e/restock-rocket-shopify-423/assets/restockrocket-product.js'
  window._RestockRocketConfig.scriptUrlCollection = 'https://cdn.shopify.com/extensions/019b6e86-8dbc-7c58-99fb-8c695965347e/restock-rocket-shopify-423/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;
    }
  }

  // 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}`);

    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}`);
      }

      // Check and update cart selling plans after scripts are loaded
      if (settings.preorder_enabled) {
        updateCartSellingPlans();
      }

      // Dispatch custom event when app is loaded
      const appLoadedEvent = new CustomEvent('stoq:loaded', {
        detail: {
          pageType: window._RestockRocketConfig.pageType,
          enabled: settings.enable_app,
          settings: settings
        }
      });
      console.debug('STOQ - dispatching app loaded event');
      window.dispatchEvent(appLoadedEvent);
    }
  }

  function updateCartSellingPlans() {
    // Wait for the API to be available with retries
    const maxRetries = 10;
    const retryDelay = 500;

    function attemptCartCheck(attempt = 1) {
      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);
          });
      } else if (attempt < maxRetries) {
        console.debug(`STOQ - API not ready, retry ${attempt}/${maxRetries}`);
        setTimeout(() => attemptCartCheck(attempt + 1), retryDelay);
      } else {
        console.debug('STOQ - API not loaded after max retries, skipping cart selling plan check');
      }
    }

    attemptCartCheck();
  }
</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>