/** Shopify CDN: Minification failed

Line 313:0 Unexpected "}"

**/
/* ===== Claude Version — Pandy's modern look =====
   Clean off-white / ink / fresh green, modern sans type, hard offset shadows.
   Restyle only. Pandy's custom badges are NOT styled here (.pickup-only-badge,
   .shipping-only-badge, .free-shipping-banner, .pandy-sale-ribbon, .pandy-sale-bar).
   Colors come from the theme's color schemes (Theme settings > Colors).
   Heading font is loaded in snippets/claude-fonts.liquid. */

:root:root {
  --font-heading-family: 'Bricolage Grotesque', 'DM Sans', system-ui, sans-serif;
  --font-heading-weight: 700;
  --font-heading-style: normal;
  --pg-ink: #141814;
  --pg-paper: #F7F6F1;
  --pg-green: #4ADE80;
  --pg-deep: #14532D;
  --pg-sale: #D93A2B;
}

::selection { background: var(--pg-green); color: var(--pg-ink); }

/* Headings: big, tight, modern */
html body h1, html body h2, html body .h0, html body .h1, html body .h2, html body .title, html body .banner__heading {
  font-family: var(--font-heading-family);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.05;
  color: rgb(var(--color-foreground));
}
html body h3, html body .h3, html body h4, html body .h4, html body h5, html body .h5 {
  font-family: var(--font-heading-family);
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Section + page titles: short green pill bar underneath */
html body .title-wrapper-with-link .title::after,
html body .collection-list-title::after,
html body .multicolumn .title::after,
html body .featured-blog .title::after,
html body .collection-hero__title::after,
html body .main-page-title::after {
  content: "";
  display: block;
  width: 6.4rem;
  height: 1rem;
  margin-top: 1.4rem;
  background: var(--pg-green);
  border: 2px solid rgb(var(--color-foreground));
  border-radius: 99px;
}
html body .rte p { color: rgba(var(--color-foreground), 0.85); }

/* Navigation: plain modern sans, compact so ~20 links wrap to fewer rows
   (right padding is left alone so the dropdown arrows keep their space) */
html body .header__menu-item,
html body .menu-drawer__menu-item { font-family: var(--font-body-family); letter-spacing: 0; }
html body .header__menu-item { font-weight: 500; color: rgb(var(--color-foreground)); }
html body .header__inline-menu .header__menu-item { font-size: 1.4rem; padding-top: 0.8rem; padding-bottom: 0.8rem; padding-left: 1rem; }
html body .header__menu-item:hover span,
html body .header__active-menu-item { text-decoration-color: var(--pg-green); text-decoration-thickness: 3px; text-underline-offset: 0.5rem; }
html body .menu-drawer__menu-item { font-weight: 600; }

/* Announcement bar + header edge */
html body .announcement-bar__message { font-weight: 600; font-size: 1.35rem; letter-spacing: 0.01em; }
html body .header-wrapper { border-bottom: 2px solid var(--pg-ink); box-shadow: none; }
/* The Pandy's Delivered popup section sits in the header group: no empty band under the header */
html body [id$="__custom_liquid_Mec4ik"] [class$="-padding"] { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Hero */
html body .banner__heading { font-size: clamp(4rem, 7vw, 8.8rem); font-weight: 800; letter-spacing: -0.035em; line-height: 0.98; max-width: 16ch; }
html body .banner__text { max-width: 56rem; }
html body .banner__text.caption-with-letter-spacing,
html body .banner__text.caption-with-letter-spacing p {
  color: var(--pg-green);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
html body .banner__text.subtitle,
html body .banner__text.subtitle p { font-size: 1.9rem; line-height: 1.5; }
html body .banner__buttons { gap: 1.6rem; flex-wrap: wrap; }

/* Buttons: solid with a hard offset shadow that presses in on hover */
html body .button,
html body .shopify-payment-button__button--unbranded {
  font-family: var(--font-body-family);
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0;
  text-transform: none;
  border: 2px solid rgb(var(--color-foreground));
  box-shadow: 4px 4px 0 rgb(var(--color-foreground));
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
html body .button::after, html body .button::before { box-shadow: none !important; }
html body .button:not([disabled]):hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 rgb(var(--color-foreground)); }
html body .button--secondary { background: rgb(var(--color-background)); color: rgb(var(--color-foreground)); }
html body .skip-to-content-link.button { box-shadow: none; }

/* Product, collection and blog cards: framed with a hard shadow that lifts on hover */
html body .card-wrapper .card {
  border: 2px solid var(--pg-ink);
  box-shadow: 4px 4px 0 var(--pg-ink);
  transition: transform 0.14s ease, box-shadow 0.14s ease;
}
@media (hover: hover) {
  html body .card-wrapper:hover .card { transform: translate(-3px, -3px); box-shadow: 8px 8px 0 var(--pg-ink); }
}
/* Sliders clip overflow: leave room so card shadows are not cut off */
html body ul.slider.grid { padding-top: 0.6rem; padding-bottom: 1.4rem; }
html body .card__heading { font-family: var(--font-body-family); font-weight: 600; letter-spacing: 0; line-height: 1.3; }
html body .collection-card-wrapper .card__heading,
html body .collection-list .card__heading {
  font-family: var(--font-heading-family);
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 1.9rem;
}
html body .price { font-weight: 700; letter-spacing: 0; color: rgb(var(--color-foreground)); }
html body .price--on-sale .price-item--sale { color: var(--pg-sale); }
html body .badge { font-weight: 700; border-width: 2px; letter-spacing: 0.02em; }

/* Homepage value strip under the hero (only that section, not every rich text) */
html body [id$="__rich_text"] .rich-text__text p { font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; font-size: 1.35rem; margin: 0; color: rgb(var(--color-foreground)); }

/* Homepage "Since 1961" block */
html body [id$="__since_1961"] .rich-text__blocks::before {
  content: "Est.\A 1961";
  white-space: pre;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 11rem;
  height: 11rem;
  margin: 0 auto 2.8rem;
  border-radius: 50%;
  background: var(--pg-green);
  color: var(--pg-ink);
  border: 2px solid var(--pg-ink);
  box-shadow: 5px 5px 0 var(--pg-ink);
  font-family: var(--font-heading-family);
  font-weight: 800;
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  line-height: 1;
  transform: rotate(-8deg);
}
html body [id$="__since_1961"] .rich-text__caption { color: var(--pg-green); font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
html body [id$="__since_1961"] .rich-text__text p { font-size: 1.9rem; line-height: 1.6; color: rgba(var(--color-foreground), 0.92); }

/* Knowledge base cards + brand logo tiles */
html body .multicolumn-card { border: 2px solid var(--pg-ink); border-radius: 14px; overflow: hidden; box-shadow: 4px 4px 0 var(--pg-ink); background: #fff; }
html body .multicolumn-card__image-wrapper img { object-fit: contain; }
html body .multicolumn-card__info .link { font-weight: 700; }

/* Footer */
html body .footer { border-top: 2px solid var(--pg-ink); }
html body .footer-block__heading { font-family: var(--font-heading-family); font-weight: 700; color: var(--pg-green); font-size: 1.8rem; letter-spacing: -0.01em; }

/* Product page (layout, info and badges untouched) */
html body .product__title h1 { font-size: clamp(3rem, 3.6vw, 4.6rem); letter-spacing: -0.025em; line-height: 1.08; }
html body .product__info-container .price { font-size: 2.6rem; }
html body .product-form__submit { min-height: 5.4rem; }
html body .product__media-item .media { border: 2px solid var(--pg-ink); box-shadow: 6px 6px 0 var(--pg-ink); }
html body .product__media-list { padding-right: 8px; padding-bottom: 8px; }

/* Pandy's Delivered entry popup, matched to the new look */
html body .pandy-modal__card { background: #fff; border: 2px solid var(--pg-ink); border-radius: 16px; box-shadow: 8px 8px 0 var(--pg-ink); }
html body .pandy-modal__eyebrow { color: var(--pg-deep); font-weight: 700; font-size: 1.3rem; letter-spacing: 0.18em; }
html body .pandy-modal__title { font-family: var(--font-heading-family); font-weight: 800; color: var(--pg-ink); text-transform: none; letter-spacing: -0.025em; font-size: 3.4rem; }
html body .pandy-modal__body, html body .pandy-modal__note { color: var(--pg-ink); }
html body .pandy-modal__zone { color: #B42318; }
html body .pandy-modal__continue { background: var(--pg-green); color: var(--pg-ink); text-transform: none; letter-spacing: 0; font-size: 1.6rem; border: 2px solid var(--pg-ink); border-radius: 10px; box-shadow: 4px 4px 0 var(--pg-ink); }
html body .pandy-modal__continue:hover { background: #3BCB70; }
html body .pandy-modal__back { color: var(--pg-ink); text-decoration: underline; }

@media (prefers-reduced-motion: reduce) {
  html body .button, html body .card-wrapper .card { transition: none; }
}

/* Long desktop dropdowns (e.g. Perennials > Sunny Perennials): cap the height and scroll inside,
   with an always-visible scrollbar so it is obvious there is more below */
html body .header__inline-menu details[open] > .header__submenu {
  max-height: min(62vh, 60rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #141814 rgba(20, 24, 20, 0.08);
  border: 2px solid #141814;
  box-shadow: 4px 4px 0 #141814;
}
html body .header__inline-menu .header__submenu details[open] > .header__submenu {
  max-height: none;
  overflow: visible;
  border: 0;
  box-shadow: none;
}
html body .header__inline-menu details[open] > .header__submenu::-webkit-scrollbar { width: 10px; }
html body .header__inline-menu details[open] > .header__submenu::-webkit-scrollbar-track { background: rgba(20, 24, 20, 0.08); }
html body .header__inline-menu details[open] > .header__submenu::-webkit-scrollbar-thumb { background: #141814; border-radius: 99px; }

/* Desktop header: centered search bar on the top row, menu centered on its own row below */
@media screen and (min-width: 990px) {
  html body .header.header--middle-left {
    grid-template-areas: "heading search icons" "navigation navigation navigation";
    grid-template-columns: 1fr minmax(28rem, 54rem) 1fr;
    column-gap: 2.4rem;
    row-gap: 0.8rem;
    padding-bottom: 0.6rem;
  }
  html body .header--middle-left .header__icons { display: contents; }
  html body .header--middle-left .header__icons > * { grid-area: icons; justify-self: end; align-self: center; }
  html body .header--middle-left .header__icons > .header__icon--account { margin-right: 4.8rem; }
  html body .header--middle-left .header__icons > .header__search { grid-area: search; justify-self: stretch; display: flex; }
  html body .header--middle-left .header__search > details { width: 100%; }

  html body .header--middle-left .header__search summary.header__icon--search {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 4.8rem;
    padding: 0 1.2rem 0 0.6rem;
    border: 2px solid #141814;
    border-radius: 99px;
    background: #fff;
    box-shadow: 3px 3px 0 #141814;
    text-decoration: none;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
  }
  html body .header--middle-left .header__search summary.header__icon--search:hover {
    transform: translate(1px, 1px);
    box-shadow: 2px 2px 0 #141814;
  }
  html body .header--middle-left .header__search summary.header__icon--search > span {
    width: auto;
    height: auto;
    flex: 0 0 auto;
    display: flex;
  }
  html body .header--middle-left .header__search summary.header__icon--search::after {
    content: "Search plants, soil, mulch and more";
    position: static;
    flex: 1 1 auto;
    text-align: left;
    font-family: var(--font-body-family);
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(20, 24, 20, 0.6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html body .header--middle-left .header__inline-menu { margin-left: 0; }
  html body .header--middle-left .header__inline-menu > .list-menu--inline {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
/* Desktop menu: diagonal slashes fill the empty space on both sides of the last menu row */
@media screen and (min-width: 990px) {
  html body .header--middle-left .header__inline-menu > .list-menu--inline {
    background-image:
      linear-gradient(to right,
        rgb(var(--color-background)) 0,
        rgba(var(--color-background), 0) 18%,
        rgba(var(--color-background), 0) 82%,
        rgb(var(--color-background)) 100%),
      repeating-linear-gradient(-55deg, #4ADE80 0 2px, transparent 2px 11px);
    background-repeat: no-repeat;
    background-size: 100% 1.8rem;
    background-position: left bottom 0.8rem;
  }
  html body .header--middle-left .header__inline-menu > .list-menu--inline > li {
    background: rgb(var(--color-background));
  }
}
/* Ivy on product cards: slowly grows all the way around each card once it scrolls into view */
@property --pg-ivy { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes pg-ivy-grow { to { --pg-ivy: 360deg; } }

@media screen and (min-width: 750px) {
  html body .card-wrapper.product-card-wrapper::before {
    content: "";
    position: absolute;
    inset: -10px;
    z-index: 3;
    pointer-events: none;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='48' viewBox='0 0 20 48'%3E%3Cg stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 48C6 40 14 32 10 24C6 16 14 8 10 0' fill='none' stroke='%2314532D' stroke-width='2'/%3E%3Cpath d='M8 37C2 37 0 32 1 28C5 28 8 32 8 37Z' fill='%234ADE80' stroke='%23141814' stroke-width='1.5'/%3E%3Cpath d='M12 13C18 13 20 8 19 4C15 4 12 8 12 13Z' fill='%234ADE80' stroke='%23141814' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E") left bottom / 20px 48px repeat-y,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='20' viewBox='0 0 48 20'%3E%3Cg stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 10C8 6 16 14 24 10C32 6 40 14 48 10' fill='none' stroke='%2314532D' stroke-width='2'/%3E%3Cpath d='M11 8C11 2 16 0 20 1C20 5 16 8 11 8Z' fill='%234ADE80' stroke='%23141814' stroke-width='1.5'/%3E%3Cpath d='M35 12C35 18 40 20 44 19C44 15 40 12 35 12Z' fill='%234ADE80' stroke='%23141814' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E") left top / 48px 20px repeat-x,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='48' viewBox='0 0 20 48'%3E%3Cg stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 48C6 40 14 32 10 24C6 16 14 8 10 0' fill='none' stroke='%2314532D' stroke-width='2'/%3E%3Cpath d='M8 37C2 37 0 32 1 28C5 28 8 32 8 37Z' fill='%234ADE80' stroke='%23141814' stroke-width='1.5'/%3E%3Cpath d='M12 13C18 13 20 8 19 4C15 4 12 8 12 13Z' fill='%234ADE80' stroke='%23141814' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E") right top / 20px 48px repeat-y,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='20' viewBox='0 0 48 20'%3E%3Cg stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 10C8 6 16 14 24 10C32 6 40 14 48 10' fill='none' stroke='%2314532D' stroke-width='2'/%3E%3Cpath d='M11 8C11 2 16 0 20 1C20 5 16 8 11 8Z' fill='%234ADE80' stroke='%23141814' stroke-width='1.5'/%3E%3Cpath d='M35 12C35 18 40 20 44 19C44 15 40 12 35 12Z' fill='%234ADE80' stroke='%23141814' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E") right bottom / 48px 20px repeat-x;
    -webkit-mask-image: conic-gradient(from 215deg at 50% 50%, #000 var(--pg-ivy), transparent var(--pg-ivy));
    mask-image: conic-gradient(from 215deg at 50% 50%, #000 var(--pg-ivy), transparent var(--pg-ivy));
    animation: pg-ivy-grow 40s linear 0.5s forwards;
  }
  /* Cards further down the page wait until they scroll into view before they start growing */
  html body .scroll-trigger--offscreen .card-wrapper.product-card-wrapper::before { animation: none; }

  /* Sliders clip overflow: leave room for the ivy */
  html body ul.slider.grid { padding-top: 1.4rem; }u
}