/** Shopify CDN: Minification failed

Line 1501:0 Unexpected "@media"

**/
/* ============================================================
   UTAH STOOPING CLUB — CUSTOM STYLES
   ============================================================ */

/* ── DESIGN TOKENS ─────────────────────────────────────────── */
:root {
  --green:       #3a7d44;
  --green-dark:  #1a2e1d;
  --green-light: #e8f5e9;
  --green-pale:  #f4faf5;
  --accent:      #f4a261;
  --text:        #1a1a1a;
  --text-muted:  #5a6672;
  --text-green:  #4a5e4d;
  --border:      #d8eadb;
  --radius:      14px;
  --ease:        0.25s ease;
}

/* ── TYPOGRAPHY ─────────────────────────────────────────────── */
body { font-family: 'DM Sans', sans-serif; }

h1, h2, h3, .h1, .h2, .h3 {
  font-family: 'DM Serif Display', serif;
  letter-spacing: -0.01em;
}

/* ── ANNOUNCEMENT BAR ───────────────────────────────────────── */
.announcement-bar {
  background: var(--green) !important;
  color: #fff !important;
  font-weight: 500;
}

/* ── HEADER ─────────────────────────────────────────────────── */
.header { border-bottom: 2px solid var(--green-light); }
.header__menu-item:hover { color: var(--green) !important; }

/* ── CARDS ──────────────────────────────────────────────────── */
.card {
  border-radius: var(--radius) !important;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  transition: transform var(--ease), box-shadow var(--ease);
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.13);
}
.card__media .media { aspect-ratio: 4 / 3; object-fit: cover; }
.card__heading { font-family: 'DM Sans', sans-serif; font-weight: 600; }

/* ── FREE BADGE ─────────────────────────────────────────────── */
.price__regular .price-item { font-size: 0 !important; }
.price__regular .price-item::after {
  content: "FREE";
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--green);
  background: var(--green-light);
  padding: 2px 12px;
  border-radius: 20px;
  letter-spacing: 0.05em;
}

/* ── MULTICOLUMN ────────────────────────────────────────────── */
.multicolumn-list__item {
  background: var(--green-light);
  border-radius: var(--radius);
  padding: 2rem 1.5rem;
  border-left: 4px solid var(--green);
  transition: background var(--ease);
}
.multicolumn-list__item:hover { background: #d6eeda; }

/* ── ACCORDION ──────────────────────────────────────────────── */
.accordion {
  border-radius: 10px;
  overflow: hidden;
  border: 1.5px solid var(--border);
  margin-bottom: 8px;
}
.details__header {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  color: var(--text) !important;
  background: #fff !important;
  padding: 16px 20px !important;
  cursor: pointer;
  list-style: none !important;
  border-bottom: 1px solid var(--border);
  transition: background var(--ease), color var(--ease);
}
.details__header:hover {
  background: var(--green-light) !important;
  color: var(--green) !important;
}
.details[open] > .details__header {
  background: var(--green-light) !important;
  color: var(--green) !important;
  border-bottom-color: var(--green);
}
.details-content {
  background: var(--green-pale) !important;
  padding: 14px 20px 18px !important;
  border-bottom: 1px solid var(--border);
}
.details-content p {
  font-size: 0.9rem !important;
  color: var(--text-muted) !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

/* ── SECTION: HOW IT WORKS + WHY STOOPING ───────────────────── */
#shopify-section-template--26638042595620__section_LJGA6e .section {
  background: linear-gradient(135deg, #f0f7f1 0%, #e8f5e9 100%) !important;
}
#shopify-section-template--26638042595620__section_LJGA6e .h2,
#shopify-section-template--26638042595620__section_LJGA6e .h2 p {
  font-family: 'DM Serif Display', serif !important;
  color: var(--green-dark) !important;
  font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
}
#shopify-section-template--26638042595620__section_LJGA6e .h4 {
  background: var(--green-light) !important;
  border-radius: 50px !important;
  padding: 6px 16px !important;
  display: inline-block !important;
  margin: 12px 0 4px !important;
  width: fit-content !important;
  align-self: center !important;
}
#shopify-section-template--26638042595620__section_LJGA6e .h4 p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  color: var(--green) !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
}
#shopify-section-template--26638042595620__section_LJGA6e .rte p {
  color: var(--text-green) !important;
  font-size: 0.92rem !important;
  line-height: 1.7 !important;
}

#shopify-section-template--26638042595620__section_LJGA6e .group-block:nth-child(2) .h2,
#shopify-section-template--26638042595620__section_LJGA6e .group-block:nth-child(2) .h2 p {
  color: #fff !important;
}
#shopify-section-template--26638042595620__section_LJGA6e .group-block:nth-child(2) .rte p {
  color: #a8d5ab !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
}

/* ── SECTION: BROWSE BY CATEGORY ────────────────────────────── */
#shopify-section-template--26638042595620__collection_list_ETfAMi .section {
  background: var(--green-dark) !important;
}
#shopify-section-template--26638042595620__collection_list_ETfAMi h3 {
  font-family: 'DM Serif Display', serif !important;
  color: #fff !important;
  font-size: clamp(1.6rem, 2.5vw, 2.2rem) !important;
  display: inline-block;
}
#shopify-section-template--26638042595620__collection_list_ETfAMi h3::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  background: var(--accent);
  border-radius: 2px;
  margin: 0.5rem auto 0;
}
#shopify-section-template--26638042595620__collection_list_ETfAMi .collection-card {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.28) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
#shopify-section-template--26638042595620__collection_list_ETfAMi .collection-card:hover {
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.35) !important;
}
#shopify-section-template--26638042595620__collection_list_ETfAMi .image-block__image {
  transition: transform 0.5s ease !important;
}
#shopify-section-template--26638042595620__collection_list_ETfAMi .collection-card:hover .image-block__image {
  transform: scale(1.08) !important;
}

#shopify-section-template--26638042595620__collection_list_ETfAMi .collection-card__content {
  background: rgba(26,46,29,0.85) !important;
  padding: 10px 14px !important;
  backdrop-filter: blur(6px) !important;
  border-radius:16px !important;
}

#shopify-section-template--26638042595620__collection_list_ETfAMi .collection-card__content .h4 p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  color: #fff !important;
  letter-spacing: 0.03em !important;
  margin: 0 !important;
}

.resource-list__slide{
  border-radius:16px !important;
}

/* ── FIX: Browse by Category carousel card radius bleed ─── */

#shopify-section-template--26638042595620__collection_list_ETfAMi .resource-list__slide {
  background: transparent !important;
  border-radius: 16px !important;
  overflow: visible !important;
}

#shopify-section-template--26638042595620__collection_list_ETfAMi .resource-list__item {
  background: transparent !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

#shopify-section-template--26638042595620__collection_list_ETfAMi .collection-card {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: transparent !important;
}


/* ── SECTION: ICONS — DATA / COMMUNITY / YOUTH ──────────────── */
#shopify-section-sections--26638042726692__section_A9KqwG .section {
  background: #fff !important;
}
#shopify-section-sections--26638042726692__section_A9KqwG .group-block {
  background: var(--green-pale) !important;
  border-radius: var(--radius) !important;
  padding: 2rem 1.5rem !important;
  border-bottom: 3px solid var(--green) !important;
  text-align: center !important;
  transition: transform var(--ease), box-shadow var(--ease) !important;
}
#shopify-section-sections--26638042726692__section_A9KqwG .group-block:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 28px rgba(58,125,68,0.12) !important;
}
#shopify-section-sections--26638042726692__section_A9KqwG .group-block .group-block {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  box-shadow: none !important;
}
#shopify-section-sections--26638042726692__section_A9KqwG .icon-block svg {
  color: var(--green) !important;
  fill: var(--green) !important;
  width: 36px !important;
  height: 36px !important;
}
#shopify-section-sections--26638042726692__section_A9KqwG .h4 p,
#shopify-section-sections--26638042726692__section_A9KqwG h3 {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  color: var(--green-dark) !important;
  font-size: 1rem !important;
  margin-bottom: 0.4rem !important;
}
#shopify-section-sections--26638042726692__section_A9KqwG .rte p,
#shopify-section-sections--26638042726692__section_A9KqwG p {
  font-size: 0.88rem !important;
  color: var(--text-green) !important;
  line-height: 1.7 !important;
}

/* ── SECTION: ACCORDION / POLICIES ─────────────────────────── */
#shopify-section-sections--26638042726692__footer_L7BTmn .section {
  background: #f9fdf9 !important;
}

/* ── SECTION: FOOTER NAV + ABOUT ────────────────────────────── */
#shopify-section-sections--26638042726692__section_c69zmP .section {
  background: var(--green-dark) !important;
}
#shopify-section-sections--26638042726692__section_c69zmP p,
#shopify-section-sections--26638042726692__section_c69zmP .rte p {
  color: #8fb892 !important;
  font-size: 0.9rem !important;
  line-height: 1.8 !important;
}
#shopify-section-sections--26638042726692__section_c69zmP strong { color: #fff !important; }
#shopify-section-sections--26638042726692__section_c69zmP a,
#shopify-section-sections--26638042726692__section_c69zmP .menu__item a {
  color: #8fb892 !important;
  font-size: 0.92rem !important;
  font-family: 'DM Sans', sans-serif !important;
  text-decoration: none !important;
  display: inline-block;
  transition: color var(--ease), padding-left var(--ease) !important;
}
#shopify-section-sections--26638042726692__section_c69zmP a:hover,
#shopify-section-sections--26638042726692__section_c69zmP .menu__item a:hover {
  color: var(--accent) !important;
  padding-left: 4px !important;
}
/* Kill white box from footer nav */
#shopify-section-sections--26638042726692__section_c69zmP .accordion,
#shopify-section-sections--26638042726692__section_c69zmP .menu__details,
#shopify-section-sections--26638042726692__section_c69zmP .details-content,
#shopify-section-sections--26638042726692__section_c69zmP details,
#shopify-section-sections--26638042726692__section_c69zmP details[open] {
  background: transparent !important;
  border: none !important;
}
#shopify-section-sections--26638042726692__section_c69zmP .menu__heading { display: none !important; }
#shopify-section-sections--26638042726692__section_c69zmP summary::-webkit-details-marker { display: none !important; }
#shopify-section-sections--26638042726692__section_c69zmP .details__header,
#shopify-section-sections--26638042726692__section_c69zmP summary {
  background: transparent !important;
  color: #8fb892 !important;
  border: none !important;
  padding: 0 !important;
  list-style: none !important;
  pointer-events: none !important;
}
#shopify-section-sections--26638042726692__section_c69zmP .menu__item {
  padding: 4px 0 !important;
  border: none !important;
}

/* ── DIVIDER + COPYRIGHT ─────────────────────────────────────── */
#shopify-section-sections--26638042726692__divider_L7HdaA .section {
  background: var(--green-dark) !important;
}
#shopify-section-sections--26638042726692__divider_L7HdaA .divider__line {
  border-color: rgba(255,255,255,0.08) !important;
}
#shopify-section-sections--26638042726692__footer_utilities_jLGE8U .section {
  background: var(--green-dark) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
#shopify-section-sections--26638042726692__footer_utilities_jLGE8U .footer-utilities__text,
#shopify-section-sections--26638042726692__footer_utilities_jLGE8U a {
  color: rgba(255,255,255,0.35) !important;
  font-size: 0.8rem !important;
}

/* ── BROWSE BY CATEGORY — FULL REDESIGN ─────────────────────── */

/* Remove the white container box */
#shopify-section-template--26638042595620__collection_list_ETfAMi slideshow-container,
#shopify-section-template--26638042595620__collection_list_ETfAMi .resource-list__carousel > div {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Section background and spacing */
#shopify-section-template--26638042595620__collection_list_ETfAMi .section {
  background: #1a2e1d !important;
}

/* Heading */
#shopify-section-template--26638042595620__collection_list_ETfAMi h3,
#shopify-section-template--26638042595620__collection_list_ETfAMi .rte h3 {
  font-family: 'DM Serif Display', serif !important;
  font-weight: 400 !important;
  font-size: clamp(2rem, 3vw, 2.8rem) !important;
  color: #fff !important;
  letter-spacing: -0.02em !important;
}

#shopify-section-template--26638042595620__collection_list_ETfAMi h3::after {
  content: '';
  display: block;
  width: 36px;
  height: 2px;
  background: #f4a261;
  border-radius: 2px;
  margin: 0.4rem auto 0;
}

#shopify-section-template--26638042595620__collection_list_ETfAMi .section-resource-list__content {
  padding-bottom: 40px !important;
}

/* Cards sit directly on dark bg with side padding */
#shopify-section-template--26638042595620__collection_list_ETfAMi slideshow-slides {
  padding-left: 40px !important;
  padding-right: 40px !important;
  gap: 20px !important;
}

#shopify-section-template--26638042595620__collection_list_ETfAMi .resource-list__slide {
  padding: 0 6px !important;
}

/* Taller cards */
#shopify-section-template--26638042595620__collection_list_ETfAMi .resource-list__slide {
  --grid-template-rows-desktop: 72dvh 1fr !important;
}

/* ── ABOUT US PAGE ───────────────────────────────────────────── */

/* Page background */
#shopify-section-template--26677870133540__main {
  background: #f7f9f7 !important;
}

#shopify-section-template--26677870133540__main .section {
  background: #f7f9f7 !important;
}

/* Content card */
#shopify-section-template--26677870133540__main .rte {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 56px 64px !important;
  box-shadow: 0 4px 40px rgba(0,0,0,0.06) !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}

/* Section headings */
#shopify-section-template--26677870133540__main .rte h3 {
  font-family: 'DM Serif Display', serif !important;
  font-size: 1.3rem !important;
  font-weight: 400 !important;
  color: #1a2e1d !important;
  letter-spacing: -0.01em !important;
  margin-top: 2.5rem !important;
  margin-bottom: 0.5rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid #e8f0e9 !important;
}

/* Remove border from first heading */
#shopify-section-template--26677870133540__main .rte h3:first-of-type {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Body text */
#shopify-section-template--26677870133540__main .rte p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.97rem !important;
  line-height: 1.85 !important;
  color: #3d4d40 !important;
  margin-bottom: 0.75rem !important;
}

/* Bold text */
#shopify-section-template--26677870133540__main .rte strong {
  color: #1a2e1d !important;
  font-weight: 700 !important;
}

/* Green left border on first paragraph under each heading */
#shopify-section-template--26677870133540__main .rte h3 + p {
  border-left: 3px solid #3a7d44 !important;
  padding-left: 16px !important;
  color: #2d5235 !important;
  font-weight: 500 !important;
}

/* Mobile */
@media (max-width: 749px) {
  #shopify-section-template--26677870133540__main .rte {
    padding: 32px 24px !important;
    border-radius: 14px !important;
  }
}

/* ── CONTACT PAGE ────────────────────────────────────────────── */

/* Page background */
#shopify-section-template--26638042497316__main .section,
#shopify-section-template--26638042497316__form .section {
  background: #f7f9f7 !important;
}

/* Wrap the whole form section in a card */
#shopify-section-template--26638042497316__form .section-content-wrapper {
  background: #ffffff !important;
  border-radius: 24px !important;
  padding: 56px 64px !important;
  box-shadow: 0 4px 40px rgba(0,0,0,0.06) !important;
  max-width: 1200px !important;
  margin: 0 auto 64px !important;
  display:flex;
}

/* Left side — form heading label */
#shopify-section-template--26638042497316__form .contact-form::before {
  content: "Send us a message";
  display: block;
  font-family: 'DM Serif Display', serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #1a2e1d;
  letter-spacing: -0.02em;
  margin-bottom: 28px;
}

/* Inputs */
#shopify-section-template--26638042497316__form .contact-form__input {
  width: 100% !important;
  background: #f7f9f7 !important;
  border: 1.5px solid #e0ebe1 !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.92rem !important;
  color: #1a2e1d !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  outline: none !important;
  margin-bottom: 12px !important;
}

#shopify-section-template--26638042497316__form .contact-form__input:focus {
  border-color: #3a7d44 !important;
  box-shadow: 0 0 0 3px rgba(58,125,68,0.1) !important;
  background: #fff !important;
}

#shopify-section-template--26638042497316__form .contact-form__input::placeholder {
  color: #9aafa0 !important;
}

/* Name + email side by side */
#shopify-section-template--26638042497316__form .contact-form__form-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

#shopify-section-template--26638042497316__form .contact-form__form-row .contact-form__input {
  margin-bottom: 0 !important;
}

/* Textarea */
#shopify-section-template--26638042497316__form .contact-form__input--textarea {
  min-height: 160px !important;
  resize: vertical !important;
}

/* Submit button */
#shopify-section-template--26638042497316__form .submit-button {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1a2e1d !important;
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 14px 36px !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  margin-top: 8px !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

#shopify-section-template--26638042497316__form .submit-button:hover {
  background: #3a7d44 !important;
  transform: translateY(-2px) !important;
}

/* Right side — contact info panel */
#shopify-section-template--26638042497316__form .group-block {
  background: #1a2e1d !important;
  border-radius: 16px !important;
  padding: 40px 36px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 220px !important;
}

#shopify-section-template--26638042497316__form .group-block p,
#shopify-section-template--26638042497316__form .group-block .rte p {
  color: #a8d5ab !important;
  font-size: 0.88rem !important;
  line-height: 1.7 !important;
}

/* Instagram label */
#shopify-section-template--26638042497316__form .group-block .rte p:first-of-type {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.4) !important;
  margin-bottom: 8px !important;
}

/* Instagram icon */
#shopify-section-template--26638042497316__form .social-icons__icon {
  color: #ffffff !important;
  fill: #fff !important;
  width: 28px !important;
  height: 28px !important;
  transition: color 0.2s ease !important;
}

#shopify-section-template--26638042497316__form .social-icons__icon-wrapper a:hover .social-icons__icon {
  color: #f4a261 !important;
}

/* Add a "Get in touch" heading to the dark panel */
#shopify-section-template--26638042497316__form .group-block::before {
  content: "Get in touch";
  display: block;
  font-family: 'DM Serif Display', serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
}

/* Mobile */
@media (max-width: 749px) {
  #shopify-section-template--26638042497316__form .section-content-wrapper {
    padding: 32px 24px !important;
    border-radius: 16px !important;
  }
  #shopify-section-template--26638042497316__form .contact-form__form-row {
    grid-template-columns: 1fr !important;
  }
}





/* ══════════════════════════════════════════════════════════════
   HOMEPAGE — FULL REDESIGN
   ══════════════════════════════════════════════════════════════ */

/* ── HERO ────────────────────────────────────────────────────── */

/* Make hero text use our serif */
#shopify-section-template--26638042595620__hero_jVaWmY .h2 p {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(2.2rem, 5vw, 3.4rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
  color: #ffffff !important;
}

#shopify-section-template--26638042595620__hero_jVaWmY .rte p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1rem !important;
  color: rgba(255,255,255,0.82) !important;
  line-height: 1.65 !important;
}

/* Browse Items — primary pill */
#shopify-section-template--26638042595620__hero_jVaWmY .button {
  background: #3a7d44 !important;
  border-color: #3a7d44 !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.04em !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

#shopify-section-template--26638042595620__hero_jVaWmY .button:hover {
  background: #2d6135 !important;
  transform: translateY(-2px) !important;
}

/* List an Item — ghost pill */
#shopify-section-template--26638042595620__hero_jVaWmY .button-secondary {
  border: 1.5px solid rgba(255,255,255,0.6) !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-weight: 500 !important;
  font-size: 0.88rem !important;
  background: transparent !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

#shopify-section-template--26638042595620__hero_jVaWmY .button-secondary:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: #fff !important;
}

/* ── HOW IT WORKS + WHY STOOPING ────────────────────────────── */

#shopify-section-template--26638042595620__section_LJGA6e .section {
  background: #f4f7f4 !important;
}

/* Left card — How It Works */
#shopify-section-template--26638042595620__section_LJGA6e .group-block:nth-child(1) .group-block-content {
  background: #ffffff !important;
  border-radius: 24px !important;
  padding: 48px 40px !important;
  box-shadow: 0 2px 24px rgba(26,46,29,0.07) !important;
  border-top: 4px solid #3a7d44 !important;
  gap: 0 !important;
}

/* The "How It Works" h2 */
#shopify-section-template--26638042595620__section_LJGA6e .group-block:nth-child(1) .h2 p {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(1.6rem, 2.5vw, 2rem) !important;
  color: #1a2e1d !important;
  margin-bottom: 20px !important;
}

/* Step chips */
#shopify-section-template--26638042595620__section_LJGA6e .h4 {
  background: #e8f5e9 !important;
  border-radius: 50px !important;
  padding: 5px 16px !important;
  display: inline-block !important;
  margin: 16px 0 4px !important;
  width: fit-content !important;
}

#shopify-section-template--26638042595620__section_LJGA6e .h4 p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  color: #3a7d44 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

/* Step descriptions */
#shopify-section-template--26638042595620__section_LJGA6e .group-block:nth-child(1) .rte p {
  color: #5a6e5d !important;
  font-size: 0.9rem !important;
  line-height: 1.7 !important;
  margin: 0 0 4px !important;
}

/* Right card — Why Stooping */
#shopify-section-template--26638042595620__section_LJGA6e .group-block:nth-child(2) .group-block-content {
  background: #1a2e1d !important;
  border-radius: 24px !important;
  padding: 48px 40px !important;
  box-shadow: 0 8px 36px rgba(0,0,0,0.2) !important;
  border-top: 4px solid #f4a261 !important;
  justify-content: center !important;
}


#shopify-section-template--26638042595620__section_LJGA6e .group-block:nth-child(2) .h2,
#shopify-section-template--26638042595620__section_LJGA6e .group-block:nth-child(2) .h2 p {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(1.6rem, 2.5vw, 2rem) !important;
  color: #ffffff !important;
  margin-bottom: 24px !important;
}

#shopify-section-template--26638042595620__section_LJGA6e .group-block:nth-child(2) .rte p {
  color: #a8d5ab !important;
  font-size: 1rem !important;
  line-height: 1.85 !important;
}

/* Heading */
#shopify-section-template--26638042595620__collection_list_ETfAMi h3,
#shopify-section-template--26638042595620__collection_list_ETfAMi .rte h3 {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(1.8rem, 3vw, 2.6rem) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  letter-spacing: -0.02em !important;
}

#shopify-section-template--26638042595620__collection_list_ETfAMi h3::after {
  content: '';
  display: block;
  width: 36px;
  height: 2px;
  background: #f4a261;
  border-radius: 2px;
  margin: 0.5rem auto 0;
}



#shopify-section-template--26638042595620__collection_list_ETfAMi .slideshow-control:hover,
#shopify-section-template--26638042595620__collection_list_ETfAMi button.slideshow-control:hover {
  background: #ffffff !important;
  color:black;
  transform: scale(1.08) !important;
}

#shopify-section-template--26638042595620__collection_list_ETfAMi .slideshow-control svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
}

/* ══════════════════════════════════════════════════════════════
   DONATE PAGE — FULL PROFESSIONAL REDESIGN
   ══════════════════════════════════════════════════════════════ */

/* ── PAGE SHELL ──────────────────────────────────────────────── */
#shopify-section-template--26685418701092__main,
#shopify-section-template--26685418701092__main .section,
#shopify-section-template--26685418701092__main .section-background {
  background: #f2f5f2 !important;
}

/* ── OUTER WRAPPER — constrain and center ────────────────────── */
#shopify-section-template--26685418701092__main .section-content-wrapper {
  max-width: 780px !important;
  margin: 0 auto !important;
  padding-top: 64px !important;
  padding-bottom: 80px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

/* ── HERO CARD — h1 + h3 block ───────────────────────────────── */
#shopify-section-template--26685418701092__main .rte:first-of-type {
  background: #1a2e1d !important;
  border-radius: 24px !important;
  padding: 52px 56px !important;
  box-shadow: 0 8px 48px rgba(26,46,29,0.25) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Subtle texture ring on hero card */
#shopify-section-template--26685418701092__main .rte:first-of-type::after {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(58,125,68,0.18);
  pointer-events: none;
}

#shopify-section-template--26685418701092__main .rte:first-of-type h1 {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(2rem, 5vw, 2.8rem) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
  margin: 0 0 14px !important;
}

#shopify-section-template--26685418701092__main .rte:first-of-type h3 {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  color: rgba(168,213,171,0.88) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  letter-spacing: 0 !important;
  max-width: 480px !important;
}

/* ── CTA BUTTON — Donation Form ──────────────────────────────── */
#shopify-section-template--26685418701092__main .section-content-wrapper > .size-style.button {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #3a7d44 !important;
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  padding: 18px 48px !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  align-self: flex-start !important;
  box-shadow: 0 4px 20px rgba(58,125,68,0.35) !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}

#shopify-section-template--26685418701092__main .section-content-wrapper > .size-style.button:hover {
  background: #2d6135 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 32px rgba(58,125,68,0.42) !important;
}

/* ── MAIN BODY CONTENT CARD ──────────────────────────────────── */
#shopify-section-template--26685418701092__main .rte:nth-of-type(2) {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 44px 48px !important;
  box-shadow: 0 2px 24px rgba(26,46,29,0.06) !important;
}

@media (max-width: 749px) {
  #shopify-section-template--26685418701092__main .rte:nth-of-type(2) {
    padding: 28px 24px !important;
    border-radius: 16px !important;
  }
}

/* First paragraph — mission description */
#shopify-section-template--26685418701092__main .rte:nth-of-type(2) p:first-of-type {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1rem !important;
  color: #3d5240 !important;
  line-height: 1.85 !important;
  margin-bottom: 28px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid #e8f0e9 !important;
}

/* "Your support allows us to:" eyebrow */
#shopify-section-template--26685418701092__main .rte:nth-of-type(2) p:nth-of-type(2) {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #3a7d44 !important;
  margin-bottom: 16px !important;
}

/* Bullet block */
#shopify-section-template--26685418701092__main .rte:nth-of-type(2) p:nth-of-type(3) {
  background: #f4f7f4 !important;
  border-radius: 14px !important;
  padding: 24px 28px !important;
  border-left: 3px solid #3a7d44 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.95rem !important;
  color: #2d4a30 !important;
  line-height: 2.2 !important;
  margin-bottom: 24px !important;
  white-space: pre-line !important;
}

/* Closing italic statement */
#shopify-section-template--26685418701092__main .rte:nth-of-type(2) p:last-of-type {
  font-family: 'DM Sans', sans-serif !important;
  font-style: italic !important;
  font-size: 0.93rem !important;
  color: #6b806d !important;
  line-height: 1.75 !important;
  padding-top: 20px !important;
  border-top: 1px solid #e8f0e9 !important;
  margin-top: 4px !important;
}

/* ── DIVIDER — hide it ────────────────────────────────────────── */
#shopify-section-template--26685418701092__main .divider {
  display: none !important;
}

/* ── ACCEPTED ITEMS CARD ─────────────────────────────────────── */
#shopify-section-template--26685418701092__main .rte:nth-of-type(3) {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 44px 48px !important;
  box-shadow: 0 2px 24px rgba(26,46,29,0.06) !important;
}

@media (max-width: 749px) {
  #shopify-section-template--26685418701092__main .rte:nth-of-type(3) {
    padding: 28px 20px !important;
    border-radius: 16px !important;
  }
}

/* Section heading injected */
#shopify-section-template--26685418701092__main .rte:nth-of-type(3)::before {
  content: "Accepted Items";
  display: block;
  font-family: 'DM Serif Display', serif;
  font-size: 1.65rem;
  font-weight: 400;
  color: #1a2e1d;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}

/* Intro sentence */
#shopify-section-template--26685418701092__main .rte:nth-of-type(3) p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.92rem !important;
  color: #6b806d !important;
  line-height: 1.7 !important;
  margin-bottom: 24px !important;
}

/* Grid of items */
#shopify-section-template--26685418701092__main .rte:nth-of-type(3) ul {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#shopify-section-template--26685418701092__main .rte:nth-of-type(3) li {
  background: #f4f7f4 !important;
  border: 1px solid #deeade !important;
  border-radius: 10px !important;
  padding: 11px 16px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #2d4a30 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
  line-height: 1.3 !important;
}

#shopify-section-template--26685418701092__main .rte:nth-of-type(3) li::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  background: #3a7d44 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/12px no-repeat !important;
  border-radius: 50% !important;
}

#shopify-section-template--26685418701092__main .rte:nth-of-type(3) li:hover {
  background: #e8f5e9 !important;
  border-color: #b8d9bb !important;
  transform: translateY(-2px) !important;
}

/* ── MOBILE WRAPPER ──────────────────────────────────────────── */
@media (max-width: 749px) {
  #shopify-section-template--26685418701092__main .section-content-wrapper {
    padding-top: 36px !important;
    padding-bottom: 56px !important;
    gap: 16px !important;
  }

  #shopify-section-template--26685418701092__main .rte:first-of-type {
    padding: 36px 28px !important;
    border-radius: 18px !important;
  }

  #shopify-section-template--26685418701092__main .section-content-wrapper > .size-style.button {
    align-self: stretch !important;
    justify-content: center !important;
    text-align: center !important;
  }

  #shopify-section-template--26685418701092__main .rte:nth-of-type(3) ul {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* ══════════════════════════════════════════════════════════════
   VOLUNTEER PAGE — FULL REDESIGN
   ══════════════════════════════════════════════════════════════ */

/* ── HERO IMAGE — keep full bleed, deepen overlay ────────────── */
#shopify-section-template--26685418602788__hero_FEK3iX .hero {
  position: relative !important;
}

#shopify-section-template--26685418602788__hero_FEK3iX .overlay {
  background: linear-gradient(
    to top,
    rgba(10, 22, 12, 0.82) 0%,
    rgba(10, 22, 12, 0.55) 40%,
    rgba(10, 22, 12, 0.18) 100%
  ) !important;
}

/* ── HERO CONTENT WRAPPER — push to bottom, left-aligned ─────── */
#shopify-section-template--26685418602788__hero_FEK3iX .hero__content-wrapper {
  justify-content: flex-end !important;
  align-items: flex-start !important;
  padding-bottom: 72px !important;
  padding-left: max(24px, 5vw) !important;
  padding-right: max(24px, 5vw) !important;
  max-width: 860px !important;
}

/* ── EYEBROW LABEL above h1 — injected via ::before ──────────── */
#shopify-section-template--26685418602788__hero_FEK3iX .h1::before {
  content: "Get Involved";
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #a8d5ab;
  margin-bottom: 14px;
}

/* ── H1 ──────────────────────────────────────────────────────── */
#shopify-section-template--26685418602788__hero_FEK3iX .h1 h1,
#shopify-section-template--26685418602788__hero_FEK3iX .h1 {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(2.8rem, 6vw, 4.2rem) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

/* ── RTE BODY — paragraphs inside hero ──────────────────────── */
#shopify-section-template--26685418602788__hero_FEK3iX .rte {
  max-width: 620px !important;
}

#shopify-section-template--26685418602788__hero_FEK3iX .rte p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1rem !important;
  color: rgba(255,255,255,0.8) !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
}

/* Make last paragraph slightly de-emphasised */
#shopify-section-template--26685418602788__hero_FEK3iX .rte p:last-of-type {
  font-style: italic !important;
  color: rgba(168,213,171,0.85) !important;
  font-size: 0.97rem !important;
  margin-bottom: 0 !important;
}

/* ── SIGNUP BUTTON ───────────────────────────────────────────── */
#shopify-section-template--26685418602788__hero_FEK3iX .button {

  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #3a7d44 !important;
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 18px 40px !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 4px 24px rgba(58,125,68,0.4) !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
  margin-top: 8px !important;
}

/* Arrow indicator on button */
#shopify-section-template--26685418602788__hero_FEK3iX .button::after {
  content: "→";
  font-size: 1.1rem;
  font-weight: 400;
  transition: transform 0.2s ease;
}

#shopify-section-template--26685418602788__hero_FEK3iX .button:hover {
  background: #2d6135 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 36px rgba(58,125,68,0.5) !important;
}

#shopify-section-template--26685418602788__hero_FEK3iX .button:hover::after {
  transform: translateX(4px);
}

/* ── ROLE CHIPS — inject a visual "what you'll do" strip ──────── */
/* We use the gap between rte and button to inject 3 role pills */
#shopify-section-template--26685418602788__hero_FEK3iX .rte::after {
  content: "Sorting & Logistics  ·  Photography & Media  ·  Data Tracking  ·  Event Support";
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: rgba(168,213,171,0.7);
  text-transform: uppercase;
}

/* ── MOBILE ───────────────────────────────────────────────────── */
@media (max-width: 749px) {
  #shopify-section-template--26685418602788__hero_FEK3iX .hero__content-wrapper {
    padding-bottom: 52px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  #shopify-section-template--26685418602788__hero_FEK3iX .h1 h1,
  #shopify-section-template--26685418602788__hero_FEK3iX .h1 {
    font-size: clamp(2.2rem, 9vw, 3rem) !important;
  }

  #shopify-section-template--26685418602788__hero_FEK3iX .rte p {
    font-size: 0.95rem !important;
  }

  #shopify-section-template--26685418602788__hero_FEK3iX .button {
    padding: 16px 32px !important;
    font-size: 0.85rem !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   BROWSE ITEMS — COLLECTION PAGE REDESIGN
   ══════════════════════════════════════════════════════════════ */

/* ── PAGE HEADER — "Products" title section ──────────────────── */
#shopify-section-template--26638042333476__section,
#shopify-section-template--26638042333476__section .section-background,
#shopify-section-template--26638042333476__section .section {
  background: #f2f5f2 !important;
}

#shopify-section-template--26638042333476__section .section-content-wrapper {
  padding-top: 52px !important;
  padding-bottom: 28px !important;
}

/* Eyebrow label injected above the h1 */
#shopify-section-template--26638042333476__section .section-content-wrapper::before {
  content: "Available Items";
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #3a7d44;
  margin-bottom: 8px;
}

/* h1 "Products" */
#shopify-section-template--26638042333476__section h1 {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(2.4rem, 5vw, 3.2rem) !important;
  font-weight: 400 !important;
  color: #1a2e1d !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

/* ── PRODUCT GRID CONTAINER — background ─────────────────────── */
#shopify-section-template--26638042333476__main,
#shopify-section-template--26638042333476__main .section-background,
#shopify-section-template--26638042333476__main results-list,
#shopify-section-template--26638042333476__main .product-grid-container {
  background: #f2f5f2 !important;
}

/* ── FACETS / FILTER BAR ──────────────────────────────────────── */
#shopify-section-template--26638042333476__main .facets-block-wrapper {
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 12px rgba(26,46,29,0.06) !important;
  margin-bottom: 24px !important;
}

#shopify-section-template--26638042333476__main .facets {
  background: transparent !important;
}

/* Filter summary pills */
#shopify-section-template--26638042333476__main .facets__summary {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #2d4a30 !important;
  border-radius: 8px !important;
  padding: 6px 3px !important;
  transition: background 0.2s ease !important;
}

#shopify-section-template--26638042333476__main .facets__summary:hover {
  background: #f4f7f4 !important;
}

/* Products count */
#shopify-section-template--26638042333476__main .products-count-wrapper span {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.8rem !important;
  color: #6b806d !important;
  font-weight: 500 !important;
}

/* Sort label */
#shopify-section-template--26638042333476__main .facets__label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  color: #2d4a30 !important;
  font-weight: 600 !important;
}

/* Filter button on mobile */
#shopify-section-template--26638042333476__main .facets-toggle__button {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #2d4a30 !important;
}

/* Filter drawer "See results" button */
#shopify-section-template--26638042333476__main .facets__see-results {
  background: #3a7d44 !important;
  color: #fff !important;
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border: none !important;
}

/* ── PRODUCT CARDS ────────────────────────────────────────────── */
#shopify-section-template--26638042333476__main .product-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 16px rgba(26,46,29,0.07) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

#shopify-section-template--26638042333476__main .product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 32px rgba(26,46,29,0.14) !important;
}

/* Card image container — rounded top */
#shopify-section-template--26638042333476__main .card-gallery {
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  background: #f4f7f4 !important;
}

/* Product image itself — subtle zoom on hover */
#shopify-section-template--26638042333476__main .product-media__image {
  transition: transform 0.4s ease !important;
}

#shopify-section-template--26638042333476__main .product-card:hover .product-media__image {
  transform: scale(1.04) !important;
}

/* Card content area padding */
#shopify-section-template--26638042333476__main .product-grid__card {
  padding: 14px 16px 16px !important;
}

/* Product title */
#shopify-section-template--26638042333476__main .product-card .rte p,
#shopify-section-template--26638042333476__main .product-card .text-block p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: #1a2e1d !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

/* Price — styled as FREE badge */
#shopify-section-template--26638042333476__main .product-card .price {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #3a7d44 !important;
}

/* Hide the "$0.00" and replace with FREE badge */
#shopify-section-template--26638042333476__main product-price {
  position: relative !important;
}

#shopify-section-template--26638042333476__main .price {
  visibility: hidden !important;
  position: relative !important;
}

#shopify-section-template--26638042333476__main .price::after {
  content: "FREE";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  background: #e8f5e9;
  color: #2d6135;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 3px 10px;
  border-radius: 50px;
  border: 1px solid #b8d9bb;
}

/* Sold out badge */
#shopify-section-template--26638042333476__main .product-badges__badge {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  background: #f4a261 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  padding: 4px 12px !important;
  border: none !important;
}



/* ── PRODUCT GRID — spacing tweaks ───────────────────────────── */
#shopify-section-template--26638042333476__main .product-grid {
  gap: 20px !important;
}

/* ── PLACEHOLDER (items with no image) ───────────────────────── */
#shopify-section-template--26638042333476__main .resource-card__image-placeholder,
#shopify-section-template--26638042333476__main .product-card-gallery__title-placeholder {
  background: #e8f0e9 !important;
  color: #5a6e5d !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
}

/* ── MOBILE ───────────────────────────────────────────────────── */
@media (max-width: 749px) {
  #shopify-section-template--26638042333476__section .section-content-wrapper {
    padding-top: 36px !important;
    padding-bottom: 20px !important;
  }

  #shopify-section-template--26638042333476__main .product-card {
    border-radius: 12px !important;
  }

  #shopify-section-template--26638042333476__main .product-grid__card {
    padding: 10px 12px 14px !important;
  }
}

/* ── BROWSE ITEMS: BUG FIXES ─────────────────────────────────── */

/* 1. Filter bar right-side padding fix */
#shopify-section-template--26638042333476__main .facets--horizontal {
  padding-inline-end: 16px !important;
}

.facets--horizontal{
  padding-inline-end: 16px !important;
  padding-left:16px !important;
}

.facets__



/* 2. Mobile card grid — horizontal breathing room */
@media (max-width: 749px) {
  #shopify-section-template--26638042333476__main #ResultsList {
    padding-inline: 16px !important;
  }

  #shopify-section-template--26638042333476__main .product-grid {
    gap: 14px !important;
  }

  #shopify-section-template--26638042333476__main .collection-wrapper {
    padding-inline: 0 !important;
  }
}


/* ══════════════════════════════════════════════════════════════
   NAVBAR & DROPDOWN — FULL REDESIGN
   ══════════════════════════════════════════════════════════════ */

/* ── ANNOUNCEMENT BAR ─────────────────────────────────────── */
.announcement-bar {
  background: #1a2e1d !important;
}

.announcement-bar .announcement-bar__text,
.announcement-bar .announcement-bar__text * {
  color: #a8d5ab !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.1em !important;
}

.announcement-bar .announcement-bar__text strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Announcement bar arrow buttons */
.announcement-bar .slideshow-control {
  color: #a8d5ab !important;
}

/* ── HEADER ROW ───────────────────────────────────────────── */
.header__row--top {
  border-bottom: 1px solid #e8f0e9 !important;
}

header-component[sticky] .header__row--top {
  box-shadow: 0 2px 16px rgba(26, 46, 29, 0.07) !important;
}

/* ── LOGO ─────────────────────────────────────────────────── */
.header-logo {
  transition: opacity 0.2s ease !important;
}

.header-logo:hover {
  opacity: 0.8 !important;
}

/* ── DESKTOP NAV LINKS ────────────────────────────────────── */
.menu-list__link {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #2d4a30 !important;
  letter-spacing: 0.01em !important;
  padding: 6px 10px !important;
  margin-left:3px !important;
  margin-right:3px !important;
  border-radius: 8px !important;
  transition: background 0.18s ease, color 0.18s ease !important;
  text-decoration: none !important;
  background: transparent !important;
}

.menu-list__link:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

.menu-list__link--active {
  color: #3a7d44 !important;
  background: #e8f5e9 !important;
}

.menu-list__link--active:hover {
  background: #ddf0df !important;
  color: #2d6135 !important;
}

/* ── MEGA MENU DROPDOWN ───────────────────────────────────── */
.menu-list__submenu {
  border-radius: 16px !important;
  box-shadow: 0 8px 40px rgba(26, 46, 29, 0.13) !important;
  border: 1px solid #e0ebe1 !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.menu-list__submenu-inner {
  background: #ffffff !important;
  padding: 10px !important;
}

.mega-menu__link {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #2d4a30 !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  display: block !important;
  transition: background 0.15s ease, color 0.15s ease !important;
  text-decoration: none !important;
  background: transparent !important;
}

.mega-menu__link:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

/* Resource cards inside mega menu */
.mega-menu .resource-card__title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #1a2e1d !important;
}

.mega-menu .resource-card {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* ── HEADER ACTION ICONS (search, account, cart) ──────────── */
.header-actions__action {
  color: #2d4a30 !important;
  border-radius: 8px !important;
  padding: 6px !important;
  transition: background 0.18s ease !important;
  background: transparent !important;
}

.header-actions__action:hover {
  background: #f0f5f0 !important;
}

/* Hamburger icon */
.header__icon--menu {
  color: #2d4a30 !important;
  border-radius: 8px !important;
  padding: 6px !important;
  transition: background 0.18s ease !important;
}

.header__icon--menu:hover {
  background: #f0f5f0 !important;
}

/* Cart bubble */
.cart-bubble__background {
  background: #3a7d44 !important;
}

/* ── MOBILE DRAWER ────────────────────────────────────────── */
.menu-drawer {
  background: #ffffff !important;
  border-right: 1px solid #e8f0e9 !important;
}

.menu-drawer__close-button {
  color: #2d4a30 !important;
}

/* Mobile top-level nav items */
.menu-drawer__menu-item {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  color: #1a2e1d !important;
  border-radius: 10px !important;
  transition: background 0.15s ease, color 0.15s ease !important;
  background: transparent !important;
  padding:5px !important;
}

.menu-drawer__menu-item:hover {
  background: #f0f5f0 !important;
  color: #3a7d44 !important;
}

.menu-drawer__menu-item--active {
  color: #3a7d44 !important;
  background: #e8f5e9 !important;
}

.menu-drawer__menu-item--active:hover {
  background: #ddf0df !important;
}

/* Mobile child nav items */
.menu-drawer__menu-item--child {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: #4a6b4d !important;
  background: transparent !important;
}

.menu-drawer__menu-item--child:hover {
  color: #3a7d44 !important;
  background: #f0f5f0 !important;
}

/* Mobile drawer backdrop */
.menu-drawer__backdrop {
  background: rgba(26, 46, 29, 0.3) !important;
  backdrop-filter: blur(3px) !important;
}


/* ── ACCOUNT POPOVER ──────────────────────────────────────── */
.account-popover__panel {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #e0ebe1 !important;
  box-shadow: 0 8px 32px rgba(26, 46, 29, 0.12) !important;
}

.account-actions__title {
  font-family: 'DM Serif Display', serif !important;
  color: #1a2e1d !important;
}

.account-actions__link {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  color: #2d4a30 !important;
  border-radius: 10px !important;
  background: transparent !important;
}

.account-actions__link:hover {
  background: #f0f5f0 !important;
}

.account-actions__link.button {
  background: #3a7d44 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
}

.account-actions__link.button:hover {
  background: #2d6135 !important;
}



/* ── NAVBAR FIX: "Contact Us" overflow / More button / Logo ── */

/* Fix "More" button — match regular nav link style, no grey box */
.menu-list__list-item [slot="more"] .menu-list__link,
overflow-list::part(more) button,
.menu-list__link.button-unstyled {
  background: transparent !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #2d4a30 !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  border: none !important;
}

.menu-list__list-item [slot="more"] .menu-list__link:hover,
.menu-list__link.button-unstyled:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

/* Fix overflow dropdown — "Contact Us" leaking below header */
overflow-list::part(overflow) {
  background: #ffffff !important;
  border: 1px solid #e0ebe1 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 32px rgba(26, 46, 29, 0.12) !important;
  padding: 6px !important;
  z-index: 100 !important;
}

overflow-list::part(overflow-list) {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Style overflowed items (Contact Us etc.) consistently */
overflow-list [slot="overflow"] .menu-list__link {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #2d4a30 !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: transparent !important;
}

overflow-list [slot="overflow"] .menu-list__link:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

/* Logo centering — ensure it stays in the center column */
.header__column--center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.header-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ── FIX: Icon vertical drift + mobile padding + More dropdown ── */

/* 1. Fix icon vertical alignment — both desktop and mobile */
header-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  height: 100% !important;
}

.header-actions__action,
.account-button.header-actions__action,
.cart-drawer-component .header-actions__action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  padding: 8px !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
}

/* Ensure SVG icons inside buttons don't push layout */
.header-actions__action svg,
.header-actions__action .svg-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* Fix account-popover wrapper not disrupting flex alignment */
.account-popover,
.account-drawer,
.cart-drawer {
  display: inline-flex !important;
  align-items: center !important;
}

/* 2. Fix mobile header padding */
@media screen and (max-width: 749px) {
  .header__columns.spacing-style {
    padding-inline: 16px !important;
  }

  .header__column--left {
    gap: 8px !important;
    padding-left: 0 !important;
  }

  .header__column--right {
    gap: 4px !important;
    padding-right: 0 !important;
  }

  /* Mobile icon sizing */
  .header-actions__action,
  .account-button.header-actions__action {
    padding: 6px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }
}

/* 3. Fix "More" overflow dropdown — remove mega menu styles bleeding in */
overflow-list::part(overflow) {
  background: #ffffff !important;
  border: 1px solid #e0ebe1 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 32px rgba(26, 46, 29, 0.12) !important;
  padding: 6px !important;
  /* Kill any divider/line styles from mega menu */
  border-top: none !important;
  outline: none !important;
}

overflow-list::part(overflow-list) {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  /* No dividers */
  border: none !important;
  box-shadow: none !important;
}

/* Kill any inherited mega menu panel styles on the overflow items */
overflow-list [slot="overflow"] {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

overflow-list [slot="overflow"] .menu-list__list-item {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

overflow-list [slot="overflow"] .menu-list__link {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #2d4a30 !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

overflow-list [slot="overflow"] .menu-list__link:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

/* Kill the mega menu submenu styling when it appears inside overflow */
overflow-list [slot="overflow"] .menu-list__submenu,
overflow-list [slot="overflow"] .menu-list__submenu-inner {
  display: none !important;
}

/* ── FIX: More dropdown content + duplicate account icon ─────── */

/* 1. Restore the overflow dropdown content — undo the display:none on submenus
      but ONLY kill submenus that are mega-menu style, not the overflow list itself */
overflow-list [slot="overflow"] .menu-list__submenu {
  display: block !important;
}

overflow-list [slot="overflow"] .menu-list__submenu-inner {
  display: block !important;
}

/* 2. Fix duplicate account icon —
      anchored-popover is desktop only, dialog-component is mobile only.
      The theme already handles this with .mobile:hidden but our CSS broke it */
.account-popover {
  display: none !important;
}

@media screen and (min-width: 750px) {
  .account-popover {
    display: inline-flex !important;
    align-items: center !important;
  }

  /* Hide the mobile account drawer on desktop */
  .account-drawer {
    display: none !important;
  }
}

@media screen and (max-width: 749px) {
  .account-popover {
    display: none !important;
  }

  .account-drawer {
    display: inline-flex !important;
    align-items: center !important;
  }
}

/* ── FIX: More overflow dropdown layout ─────────────────────── */

/* The overflow panel itself — position it as a proper dropdown */
overflow-list::part(overflow) {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e0ebe1 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 32px rgba(26, 46, 29, 0.12) !important;
  padding: 6px !important;
  min-width: 180px !important;
  z-index: 200 !important;
}

overflow-list::part(overflow-list) {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

/* Overflow items — simple links, no mega menu expansion */
overflow-list [slot="overflow"] .menu-list__list-item {
  position: static !important;
  width: 100% !important;
}

overflow-list [slot="overflow"] .menu-list__link {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #2d4a30 !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  width: 100% !important;
}

overflow-list [slot="overflow"] .menu-list__link:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

/* Hide the mega menu submenus inside overflow items —
   they should just be plain links, not expandable menus */
overflow-list [slot="overflow"] .menu-list__submenu {
  display: none !important;
}

overflow-list [slot="overflow"] .menu-list__submenu-inner {
  display: none !important;
}

/* Kill any inherited mega menu panel / resource card styles */
overflow-list [slot="overflow"] .mega-menu,
overflow-list [slot="overflow"] .resource-card,
overflow-list [slot="overflow"] .mega-menu__grid {
  display: none !important;
}

/* ── FIX: More dropdown — show all items correctly ──────────── */

/* Hide mega menu content inside overflow slots — only hide the 
   submenu panel, NOT the link itself */
.menu-list__list-item[slot="overflow"] .menu-list__submenu {
  display: none !important;
}

.menu-list__list-item[slot="overflow"] .menu-list__submenu-inner {
  display: none !important;
}

.menu-list__list-item[slot="overflow"] .mega-menu {
  display: none !important;
}

/* Style the overflow links directly via the slot attribute */
.menu-list__list-item[slot="overflow"] .menu-list__link {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #2d4a30 !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.menu-list__list-item[slot="overflow"] .menu-list__link:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

/* Remove the More button grey box */
.menu-list__list-item[slot="more"] .menu-list__link,
.menu-list__list-item[slot="more"] button {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #2d4a30 !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.menu-list__list-item[slot="more"] .menu-list__link:hover,
.menu-list__list-item[slot="more"] button:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

/* ── FIX: More dropdown works at ALL screen sizes ───────────── */

/* Target overflow items both ways — slotted AND dynamically moved */
.menu-list__list-item[slot="overflow"] .menu-list__submenu,
overflow-list .menu-list__list-item .menu-list__submenu {
  display: none !important;
}

.menu-list__list-item[slot="overflow"] .menu-list__submenu-inner,
overflow-list .menu-list__list-item .menu-list__submenu-inner {
  display: none !important;
}

.menu-list__list-item[slot="overflow"] .mega-menu,
overflow-list .menu-list__list-item .mega-menu {
  display: none !important;
}

/* But restore submenus on items still in the MAIN nav (not overflowed) */
.menu-list > .menu-list__list-item .menu-list__submenu,
overflow-list > .menu-list__list-item .menu-list__submenu {
  display: block !important;
}

.menu-list > .menu-list__list-item .menu-list__submenu-inner,
overflow-list > .menu-list__list-item .menu-list__submenu-inner {
  display: block !important;
}

.menu-list > .menu-list__list-item .mega-menu,
overflow-list > .menu-list__list-item .mega-menu {
  display: block !important;
}

/* Style all overflow links consistently */
.menu-list__list-item[slot="overflow"] .menu-list__link {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #2d4a30 !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.menu-list__list-item[slot="overflow"] .menu-list__link:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

/* More button styling */
.menu-list__list-item[slot="more"] .menu-list__link,
.menu-list__list-item[slot="more"] button {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #2d4a30 !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.menu-list__list-item[slot="more"] .menu-list__link:hover,
.menu-list__list-item[slot="more"] button:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

/* ── NUCLEAR FIX: More overflow dropdown ────────────────────── */

/* Hide submenus on ALL nav items by default */
.menu-list__list-item .menu-list__submenu {
  display: none !important;
}

/* Only show submenus when the parent li is being hovered
   AND it is NOT in the overflow slot */
.menu-list__list-item:not([slot="overflow"]):hover .menu-list__submenu,
.menu-list__list-item:not([slot="overflow"]):focus-within .menu-list__submenu {
  display: block !important;
}

/* Absolutely make sure overflow items never show submenu */
.menu-list__list-item[slot="overflow"] .menu-list__submenu,
.menu-list__list-item[slot="overflow"] .menu-list__submenu-inner,
.menu-list__list-item[slot="overflow"] .mega-menu,
.menu-list__list-item[slot="overflow"] .mega-menu__grid,
.menu-list__list-item[slot="overflow"] .mega-menu__content,
.menu-list__list-item[slot="overflow"] .resource-card {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}

/* Style overflow links */
.menu-list__list-item[slot="overflow"] .menu-list__link {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #2d4a30 !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  width: 100% !important;
}

.menu-list__list-item[slot="overflow"] .menu-list__link:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}

/* More button — no grey box */
.menu-list__list-item[slot="more"] button,
.menu-list__list-item[slot="more"] .menu-list__link {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #2d4a30 !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.menu-list__list-item[slot="more"] button:hover {
  background: #f0f5f0 !important;
}

/* ══════════════════════════════════════════════════════════════
   PARTNER PAGE
   ══════════════════════════════════════════════════════════════ */

#shopify-section-template--26685418733860__main {
  background: #eef1ea !important;
}

#shopify-section-template--26685418733860__main .section {
  background: transparent !important;
}

/* White card container */
#shopify-section-template--26685418733860__main .section-content-wrapper {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 48px 52px !important;
  box-shadow: 0 4px 32px rgba(26, 46, 29, 0.07) !important;
  max-width: 780px !important;
  margin: 42px auto !important;
}

@media (max-width: 749px) {
  #shopify-section-template--26685418733860__main .section-content-wrapper {
    padding: 32px 24px !important;
    border-radius: 16px !important;
  }
}

/* Page heading */
#shopify-section-template--26685418733860__main h1 {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(2.2rem, 5vw, 3rem) !important;
  color: #1a2e1d !important;
  margin-bottom: 8px !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

/* Partnership Form button */
#shopify-section-template--26685418733860__main .button--AeDZhMlNIeGpJYzR5d__button_6XMUMn {
  display: block !important;
  background: #3a7d44 !important;
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 16px 32px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
  cursor: pointer !important;
  width: 100% !important;
  margin: 8px 0 24px !important;
}

#shopify-section-template--26685418733860__main .button--AeDZhMlNIeGpJYzR5d__button_6XMUMn:hover {
  background: #2d6135 !important;
  transform: translateY(-1px) !important;
}

/* Body text */
#shopify-section-template--26685418733860__main .rte p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.75 !important;
  color: #3a4a3c !important;
  margin-bottom: 1rem !important;
  text-align: center !important;
}

#shopify-section-template--26685418733860__main .rte p:last-child {
  margin-bottom: 0 !important;
}

/* Subtle top label above heading */
#shopify-section-template--26685418733860__main .group-block:first-child {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════════
   OUR TEAM PAGE
   ══════════════════════════════════════════════════════════════ */

/* Page background */
#shopify-section-template--26677924299044__main {
  background: #eef1ea !important;
}

#shopify-section-template--26677924299044__main .section {
  background: transparent !important;
}

/* White card */
#shopify-section-template--26677924299044__main .section-content-wrapper {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 52px 56px !important;
  box-shadow: 0 4px 32px rgba(26, 46, 29, 0.07) !important;
  max-width: 820px !important;
  margin: 42px auto !important;
}

@media (max-width: 749px) {
  #shopify-section-template--26677924299044__main .section-content-wrapper {
    padding: 32px 24px !important;
    border-radius: 16px !important;
  }
}

/* Page heading */
#shopify-section-template--26677924299044__main h1 {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(2.2rem, 5vw, 3rem) !important;
  color: #1a2e1d !important;
  line-height: 1.1 !important;
  margin-bottom: 4px !important;
}

/* Intro paragraphs (first 2 before the role entries) */
#shopify-section-template--26677924299044__main .rte p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.75 !important;
  color: #3a4a3c !important;
  margin-bottom: 0.75rem !important;
}

/* Bold role titles — give them visual weight and spacing */
#shopify-section-template--26677924299044__main .rte p strong {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #1a2e1d !important;
  margin-top: 1.5rem !important;
  margin-bottom: 2px !important;
  padding-left: 14px !important;
  border-left: 3px solid #3a7d44 !important;
}

/* Last paragraph — the closing statement */
#shopify-section-template--26677924299044__main .rte p:last-child {
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid #e8f0e9 !important;
  color: #4a5e4d !important;
  font-style: italic !important;
  margin-bottom: 0 !important;
}

/* ══════════════════════════════════════════════════════════════
   FLASH EVENTS PAGE
   ══════════════════════════════════════════════════════════════ */

/* Page background */
#shopify-section-template--26685569335588__main,
#shopify-section-template--26685569335588__section_iHNL9G {
  background: #eef1ea !important;
}

#shopify-section-template--26685569335588__main .section,
#shopify-section-template--26685569335588__section_iHNL9G .section {
  background: transparent !important;
}

/* Page heading */
#shopify-section-template--26685569335588__main h1 {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(2.2rem, 5vw, 3rem) !important;
  color: #1a2e1d !important;
  line-height: 1.1 !important;
  text-align: center !important;
  margin-bottom: 0 !important;
}

/* Reduce gap between heading section and image grid */
#shopify-section-template--26685569335588__main .section-content-wrapper {
  --padding-block-end: max(12px, calc(var(--spacing-scale) * 24px)) !important;
}

/* Image grid container */
#shopify-section-template--26685569335588__section_iHNL9G .section-content-wrapper {
  padding-bottom: max(40px, calc(var(--spacing-scale) * 80px)) !important;
}

/* Each event image card — add white card treatment with rounded corners */
#shopify-section-template--26685569335588__section_iHNL9G .image-block {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 24px rgba(26, 46, 29, 0.09) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

#shopify-section-template--26685569335588__section_iHNL9G .image-block:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 32px rgba(26, 46, 29, 0.14) !important;
}

/* Images fill their cards cleanly */
#shopify-section-template--26685569335588__section_iHNL9G .image-block__image {
  border-radius: 0 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Mobile: stack images vertically */
@media (max-width: 749px) {
  #shopify-section-template--26685569335588__section_iHNL9G .section-content-wrapper {
    flex-direction: column !important;
    gap: 20px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #shopify-section-template--26685569335588__section_iHNL9G .image-block {
    border-radius: 14px !important;
  }
}


.cart-items__empty-button{
  border-radius:50px !important;
  background-color: #3a7d44 !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}

.cart-items__empty-button:hover{
  background: #2d6135 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 32px rgba(98, 197, 113, 0.42) !important;
}

.cart-drawer__heading{
  font-family:serif !important;
  font-weight: 550 !important;
}

.cart-items__wrapper{
  font-family:DM Sans, sans-serif !important;
}

.button-text{
  font-weight: 600 !important;
  font-size: .88rem !important;
  letter-spacing: .04em !important;
}

.cart__checkout-button{
  border-radius:50px !important;
  background-color:#3a7d44 !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}

.cart__checkout-button:hover{
  background: #2d6135 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 32px rgba(98, 197, 113, 0.42) !important;
}

.cart-totals__item{
  font-family:DM Sans, sans-serif !important;
  
}

.cart-drawer__summary{
  font-family:DM Sans, sans-serif !important;
}

.cart-drawer__items{
  font-family:DM Sans, sans-serif !important;
}

.cart-discount__button{
  border-radius:50px !important;
  background-color:#3a7d44 !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}

.quantity-selector-wrapper{
  border-radius:50px !important;
}

.cart-items__wrapper p{
  color: #4A5E4D !important; 
  font-size: 0.8rem !important;
}

.cart-items__wrapper p>a{
  color: #4A5E4D !important; 
  font-size: 0.8rem !important;
}

.cart-totals__item small{

  font-family:DM Sans, sans-serif !important;
  color: #4A5E4D !important; 
  font-size: 0.8rem !important;

}

/* ══════════════════════════════════════════════════════════════
   GET INVOLVED PAGE
   #shopify-section-template--26685399138596__main
   ══════════════════════════════════════════════════════════════ */

#shopify-section-template--26685399138596__main {
  background: #f4faf5 !important;
}

#shopify-section-template--26685399138596__main .section {
  background: #f4faf5 !important;
}

/* ── Page heading h1 ──────────────────────────────────────── */
#shopify-section-template--26685399138596__main h1 {
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-size: clamp(2rem, 5vw, 3rem) !important;
  font-weight: 400 !important;
  color: #1a2e1d !important;
  line-height: 1.1 !important;
  margin-bottom: 2rem !important;
  letter-spacing: -0.01em !important;
}

/* ── White content card wrapping the RTE body ─────────────── */
#shopify-section-template--26685399138596__main .text-block--AN3FlNE1jdGpIeWRUa__text_P4Ypd9 {
  background: #ffffff !important;
  border-radius: 18px !important;
  padding: 40px 48px !important;
  box-shadow: 0 2px 16px rgba(26, 46, 29, 0.07) !important;
  border: 1px solid #e6ede7 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 749px) {
  #shopify-section-template--26685399138596__main .text-block--AN3FlNE1jdGpIeWRUa__text_P4Ypd9 {
    padding: 28px 22px !important;
    border-radius: 14px !important;
  }
}

/* ── Section headings h3: Volunteer, Donate, Partner ─────── */
#shopify-section-template--26685399138596__main rte-formatter h3 {
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-size: 1.35rem !important;
  font-weight: 400 !important;
  color: #1a2e1d !important;
  line-height: 1.2 !important;
  margin-top: 2.2rem !important;
  margin-bottom: 0.75rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 2px solid #d8eadb !important;
}

#shopify-section-template--26685399138596__main rte-formatter h3:first-child {
  margin-top: 0 !important;
}

/* ── Body paragraphs ──────────────────────────────────────── */
#shopify-section-template--26685399138596__main rte-formatter p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  color: #3d4f3e !important;
  line-height: 1.75 !important;
  margin-bottom: 0.75rem !important;
  margin-top: 0 !important;
}

#shopify-section-template--26685399138596__main rte-formatter p:last-child {
  margin-bottom: 0 !important;
}

/* ── Links inside content ─────────────────────────────────── */
#shopify-section-template--26685399138596__main rte-formatter a {
  color: #3a7d44 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1.5px solid rgba(58, 125, 68, 0.35) !important;
  padding-bottom: 1px !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

#shopify-section-template--26685399138596__main rte-formatter a:hover {
  color: #245228 !important;
  border-bottom-color: #245228 !important;
}

/* ── Section spacing between content groups ───────────────── */
#shopify-section-template--26685399138596__main .layout-panel-flex {
  gap: max(24px, calc(1.0 * 32px)) !important;
}

/* ── Section background ───────────────────────────────────── */
#shopify-section-template--26685399138596__main .section-background {
  background: #f4faf5 !important;
}

/* ══════════════════════════════════════════════════════════════
   FLASH EVENTS — MOBILE IMAGE STACK FIX
   ══════════════════════════════════════════════════════════════ */

/* Force the image grid row to stack on mobile */
#shopify-section-template--26685569335588__section_iHNL9G .layout-panel-flex--row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  align-items: stretch !important;
}

@media (max-width: 749px) {
  #shopify-section-template--26685569335588__section_iHNL9G .layout-panel-flex--row {
    flex-direction: column !important;
    gap: 16px !important;
  }
}

/* Each image block wrapper */
#shopify-section-template--26685569335588__section_iHNL9G .image-block {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow:
    0 2px 8px rgba(26, 46, 29, 0.06),
    0 8px 24px rgba(26, 46, 29, 0.08) !important;
  border: 1px solid #e6ede7 !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
  padding: 0 !important;
  /* Desktop: equal flex columns */
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

#shopify-section-template--26685569335588__section_iHNL9G .image-block:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 4px 12px rgba(26, 46, 29, 0.08),
    0 16px 36px rgba(26, 46, 29, 0.13) !important;
}

@media (max-width: 749px) {
  #shopify-section-template--26685569335588__section_iHNL9G .image-block {
    flex: none !important;
    width: 100% !important;
    border-radius: 14px !important;
  }
}

/* ── The image itself — key fix ───────────────────────────── */
/* The theme uses --ratio: 0.75 (width/height = 3/4 portrait)
   We must enforce the aspect-ratio so it renders as portrait
   on both desktop and mobile, not a cropped landscape strip */

#shopify-section-template--26685569335588__section_iHNL9G .image-block__image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  border: none !important;
}

/* The image-block container must not clip height */
#shopify-section-template--26685569335588__section_iHNL9G .image-block--height-fit {
  height: auto !important;
  min-height: 0 !important;
}

/* Ensure the size-style width vars don't break mobile layout */
@media (max-width: 749px) {
  #shopify-section-template--26685569335588__section_iHNL9G .image-block--ALzVhbWJJUWx3K3NQQ__image_dWV6Bf,
  #shopify-section-template--26685569335588__section_iHNL9G .image-block--ATUNnQzNHczVRTllnU__image_FPyTkD,
  #shopify-section-template--26685569335588__section_iHNL9G .image-block--ASS9waVFZQk50OTJQS__image_bkQLGm {
    --size-style-width: 100% !important;
    --size-style-width-mobile: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Section padding adjustments for mobile */
@media (max-width: 749px) {
  #shopify-section-template--26685569335588__section_iHNL9G .section-content-wrapper {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.header-menu__inner{
  margin-top:10px;
}


.cart-drawer__inner{
  background-color: #fbfdf9 !important;
}

.header__columns{
  padding-bottom:12px !important;
}

@media(max-width:749px){
  .header__columns{
  padding-bottom:0 !important;
}
}

#shopify-section-template--26638042693924__main .price {
  visibility: hidden !important;
  position: relative !important;
  display: block !important;
  height: 28px !important;
}

#shopify-section-template--26638042693924__main .price::after {
  content: "FREE";
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: #e8f5e9 !important;
  color: #2d6135 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  padding: 4px 14px !important;
  border-radius: 50px !important;
  border: 1px solid #b8d9bb !important;
}

/* ── Quantity selector ────────────────────────────────────────── */
#shopify-section-template--26638042693924__main .quantity-selector {
  border: 1.5px solid #d8eadb !important;
  border-radius: 50px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

#shopify-section-template--26638042693924__main .quantity-selector input {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  color: #1a2e1d !important;
  background: transparent !important;
}

#shopify-section-template--26638042693924__main .quantity-minus,
#shopify-section-template--26638042693924__main .quantity-plus {
  color: #2d4a30 !important;
}

#shopify-section-template--26638042693924__main .quantity-minus:hover,
#shopify-section-template--26638042693924__main .quantity-plus:hover {
  background: #f0f5f0 !important;
  color: #1a2e1d !important;
}


/* ── Buy it now button ────────────────────────────────────────── */
#shopify-section-template--26638042693924__main .shopify-payment-button__button,
#shopify-section-template--26638042693924__main shopify-accelerated-checkout .shopify-payment-button__button {
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
}


/* ── Divider line ─────────────────────────────────────────────── */
#shopify-section-template--26638042693924__main .divider__line {
  border-color: #e0ebe1 !important;
}


#MainContent{
  background-color: #fbfdf9 !important;
}

.spacing-style h3{
  font-family: 'DM Sans', sans-serif !important;
  color: #2d6135 !important;
  font-size: 40px !important;
  font-weight: 500 !important;
}

.facets--drawer{
  background-color: #fbfdf9 !important;
  font-family: 'DM Sans', sans-serif !important;
}

.facets__see-results{
  border-radius:50px !important;
  background-color:#3a7d44 !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}


.facets__see-results:hover{
  background: #2d6135 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 32px rgba(98, 197, 113, 0.42) !important;
}

#filters-drawer-heading{
  font-family: 'DM Sans', sans-serif !important;
}


/* ══════════════════════════════════════════════════════════════
   STICKY ADD TO CART BAR — FULL REDESIGN
   ══════════════════════════════════════════════════════════════ */

/* ── Bar container ───────────────────────────────────────────── */
.sticky-add-to-cart__bar {
  background: #ffffff !important;
  border-top: 1px solid #e0ebe1 !important;
  box-shadow: 0 -4px 24px rgba(26, 46, 29, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 24px !important;
}

/* ── Product image ───────────────────────────────────────────── */
.sticky-add-to-cart__image-img {
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px !important;
  object-fit: contain !important;
  border: 1px solid #e6ede7 !important;
  background: #f4f7f4 !important;
}

/* ── Product title ───────────────────────────────────────────── */
.sticky-add-to-cart__title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #1a2e1d !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* ── Info block ──────────────────────────────────────────────── */
.sticky-add-to-cart__info {
  flex: 1 !important;
  min-width: 0 !important;
}

/* ── Price — hide it entirely ────────────────────────────────── */
.sticky-add-to-cart__price {
  display: none !important;
}

/* ── Add to cart button ──────────────────────────────────────── */
.sticky-add-to-cart__button.add-to-cart-button,
.sticky-add-to-cart__bar .add-to-cart-button.button,
.sticky-add-to-cart__bar button.add-to-cart-button {
  background: #3a7d44 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.04em !important;
  padding: 13px 28px !important;
  min-width: 160px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 16px rgba(58, 125, 68, 0.3) !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.sticky-add-to-cart__bar .add-to-cart-button.button:hover {
  background: #2d6135 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(58, 125, 68, 0.4) !important;
}

/* ── Button text and icon — force white ──────────────────────── */
.sticky-add-to-cart__bar .add-to-cart-button .add-to-cart-text,
.sticky-add-to-cart__bar .add-to-cart-button .add-to-cart-text span,
.sticky-add-to-cart__bar .add-to-cart-button .add-to-cart-text__content,
.sticky-add-to-cart__bar .add-to-cart-button .add-to-cart-text__content span {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sticky-add-to-cart__bar .add-to-cart-button svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
  width: 18px !important;
  height: 18px !important;
}

.sticky-add-to-cart__bar .add-to-cart-button svg path,
.sticky-add-to-cart__bar .add-to-cart-button svg line {
  stroke: #ffffff !important;
}

.sticky-add-to-cart__bar .add-to-cart-button .svg-wrapper {
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 749px) {
  .sticky-add-to-cart__bar {
    padding: 10px 16px !important;
    gap: 12px !important;
  }

  .sticky-add-to-cart__image-img {
    width: 42px !important;
    height: 42px !important;
  }

  .sticky-add-to-cart__title {
    font-size: 0.85rem !important;
  }

  .sticky-add-to-cart__bar .add-to-cart-button.button {
    padding: 12px 20px !important;
    min-width: 130px !important;
    font-size: 0.82rem !important;
  }
}

.shopify-payment-button__button{
  background: #3a7d44 !important;
  border-color: #3a7d44 !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.04em !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}


.shopify-payment-button__button:hover {
  background: #2d6135 !important;
  transform: translateY(-2px) !important;
}

/* ══════════════════════════════════════════════════════════════
   PRODUCT PAGE — STANDALONE ADD TO CART BUTTON
   ══════════════════════════════════════════════════════════════ */

button[data-testid="standalone-add-to-cart"],
#shopify-section-template--26638042693924__main button[data-testid="standalone-add-to-cart"] {
  background: #3a7d44 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.04em !important;
  padding: 16px 32px !important;
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-shadow: 0 4px 16px rgba(58, 125, 68, 0.3) !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
  cursor: pointer !important;
}

button[data-testid="standalone-add-to-cart"]:hover {
  background: #2d6135 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(58, 125, 68, 0.42) !important;
}

/* Text inside button */
button[data-testid="standalone-add-to-cart"] .add-to-cart-text,
button[data-testid="standalone-add-to-cart"] .add-to-cart-text span,
button[data-testid="standalone-add-to-cart"] .add-to-cart-text__content,
button[data-testid="standalone-add-to-cart"] .add-to-cart-text__content span {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
}

/* Icon inside button */
button[data-testid="standalone-add-to-cart"] svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
  width: 18px !important;
  height: 18px !important;
}

button[data-testid="standalone-add-to-cart"] svg path,
button[data-testid="standalone-add-to-cart"] svg line {
  stroke: #ffffff !important;
}

button[data-testid="standalone-add-to-cart"] .svg-wrapper {
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
}

.details-content{
  background-color: #fbfdf9 !important;
}

/* ══════════════════════════════════════════════════════════════
   MOBILE FILTER DRAWER — FULL REDESIGN
   ══════════════════════════════════════════════════════════════ */

/* ── Drawer container ────────────────────────────────────────── */
#filters-drawer dialog.facets--drawer {
  background: #f4faf5 !important;
  border-radius: 0 20px 20px 0 !important;
  border: none !important;
  box-shadow: 4px 0 40px rgba(26, 46, 29, 0.15) !important;
  max-width: 340px !important;
  width: 90vw !important;
}

/* ── Title bar ───────────────────────────────────────────────── */
#filters-drawer .facets__title-wrapper {
  background: #1a2e1d !important;
  border-bottom: none !important;
  padding: 20px 24px !important;
  border-radius: 0 20px 0 0 !important;
}

#filters-drawer .facets-drawer__title {
  font-family: 'DM Serif Display', serif !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
}

/* Close button in title bar */
#filters-drawer .facets-drawer__close {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
}

#filters-drawer .facets-drawer__close:hover {
  background: rgba(255,255,255,0.22) !important;
}

/* ── Filter sections ─────────────────────────────────────────── */
#filters-drawer .facets__item {
  border-bottom: 1px solid #d8eadb !important;
}

#filters-drawer .facets__summary {
  background: transparent !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #1a2e1d !important;
  padding: 16px 24px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
}

#filters-drawer .facets__summary:hover {
  background: rgba(58,125,68,0.06) !important;
}

/* ── Inputs wrapper — remove white box ───────────────────────── */
#filters-drawer .facets__inputs,
#filters-drawer .facets__panel-content,
#filters-drawer .facets__inputs-wrapper {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 4px 24px 16px !important;
}

/* ── Checkboxes ──────────────────────────────────────────────── */
#filters-drawer .checkbox__label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.92rem !important;
  color: #2d4a30 !important;
  padding: 10px 0 !important;
  gap: 12px !important;
}

#filters-drawer .checkbox__input {
  width: 20px !important;
  height: 20px !important;
  border: 1.5px solid #b8d9bb !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  accent-color: #3a7d44 !important;
}

#filters-drawer .checkbox__input:checked {
  background: #3a7d44 !important;
  border-color: #3a7d44 !important;
}

/* Disabled checkbox */
#filters-drawer .checkbox--disabled .checkbox__label-text {
  color: #9aafa0 !important;
  opacity: 0.6 !important;
}

/* ── Sort select (mobile) ────────────────────────────────────── */
#filters-drawer .sorting-filter__container {
  padding: 16px 24px !important;
  border-top: 1px solid #d8eadb !important;
  background: transparent !important;
}

#filters-drawer .facets__label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #3a7d44 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

#filters-drawer .sorting-filter__select {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.9rem !important;
  color: #1a2e1d !important;
  background: #ffffff !important;
  border: 1.5px solid #d8eadb !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  width: 100% !important;
  appearance: auto !important;
}

/* ── Bottom action bar ───────────────────────────────────────── */
#filters-drawer .facets__drawer-actions {
  background: #ffffff !important;
  border-top: 1px solid #d8eadb !important;
  padding: 16px 20px !important;
  gap: 10px !important;
  position: sticky !important;
  bottom: 0 !important;
}

/* "See N items" button */
#filters-drawer .facets__see-results {
  background: #3a7d44 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  border: none !important;
  width: 100% !important;
  padding: 16px !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 4px 16px rgba(58,125,68,0.3) !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

#filters-drawer .facets__see-results:hover {
  background: #2d6135 !important;
  transform: translateY(-2px) !important;
}

/* "Clear all" button */
#filters-drawer .facets__clear-all {
  background: transparent !important;
  border: 1.5px solid #d8eadb !important;
  border-radius: 50px !important;
  color: #6b806d !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  padding: 10px !important;
  width: 100% !important;
  text-align: center !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

#filters-drawer .facets__clear-all:hover {
  background: #e8f0e9 !important;
  color: #1a2e1d !important;
  border-color: #b8d9bb !important;
}

/* ── Backdrop ────────────────────────────────────────────────── */
#filters-drawer dialog::backdrop {
  background: rgba(26, 46, 29, 0.4) !important;
  backdrop-filter: blur(3px) !important;
}

.product-card__content{
  margin-top:14px !important;
}


.predictive-search__search-button {
  background: #3a7d44 !important;
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  padding: 16px 30px !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  align-self: flex-start !important;
  box-shadow: 0 4px 20px rgba(58,125,68,0.35) !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}

.predictive-search__search-button:hover {
  background: #2d6135 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 32px rgba(58,125,68,0.42) !important;
}

/* ── Sort dropdown — remove double arrow, fix border ─────────── */
#filters-drawer .sorting-filter__select-wrapper {
  position: relative !important;
}

#filters-drawer .sorting-filter__select {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.9rem !important;
  color: #1a2e1d !important;
  background: #ffffff !important;
  border: 1.5px solid #d8eadb !important;
  border-radius: 50px !important;
  padding: 10px 40px 10px 18px !important;
  width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* Hide the theme's built-in caret SVG next to select */
#filters-drawer .sorting-filter__select-wrapper .icon-caret {
  display: none !important;
}

/* Add a single clean caret via pseudo-element */
#filters-drawer .sorting-filter__select-wrapper::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #3a7d44;
  pointer-events: none;
}

/* ── Filter title bar — badge "1" count ──────────────────────── */
#filters-drawer .facets__title-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* The active filter count badge */
#filters-drawer .facets-drawer__title .facets__count,
#filters-drawer .facets-drawer__title ~ span,
#filters-drawer h2 .facets__count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #3a7d44 !important;
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  min-width: 20px !important;
  height: 20px !important;
  border-radius: 50px !important;
  padding: 0 6px !important;
  letter-spacing: 0 !important;
}

/* ── Active filter chip "In stock ×" ─────────────────────────── */
.facets-remove .facets__selected,
.facets__selected-list .facets__selected,
.facets-remove__selected-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #e8f5e9 !important;
  border: 1px solid #b8d9bb !important;
  border-radius: 50px !important;
  padding: 6px 12px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #2d4a30 !important;
}

.facets-remove .facets__selected button,
.facets-remove__selected-item button {
  color: #3a7d44 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.facets-remove{
  margin-top: 12.800px !important;
}

/* ── Bottom buttons — Clear all + See N items ────────────────── */
.facets__drawer-actions {
  display: flex !important;
  gap: 10px !important;
  padding: 16px 20px !important;
  background: #ffffff !important;
  border-top: 1px solid #d8eadb !important;
}

/* Clear all — outline pill */
.facets__clear-all {
  flex: 1 !important;
  background: transparent !important;
  border: 1.5px solid #1a2e1d !important;
  border-radius: 50px !important;
  color: #1a2e1d !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  padding: 14px 16px !important;
  text-align: center !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  cursor: pointer !important;
}

.facets__clear-all:hover {
  background: #1a2e1d !important;
  color: #ffffff !important;
}

/* See N items — solid green pill */
.facets__see-results {
  flex: 2 !important;
  background: #3a7d44 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  padding: 14px 20px !important;
  text-align: center !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 4px 16px rgba(58,125,68,0.3) !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
  cursor: pointer !important;
}

.facets__see-results:hover {
  background: #2d6135 !important;
  transform: translateY(-2px) !important;
}

/* ── Remove green line above sort dropdown ───────────────────── */
#filters-drawer .sorting-filter__container,
.facets__drawer-filters .sorting-filter__container,
.facets-drawer__filters .sorting-filter__container {
  border-top: none !important;
}

/* ── Mobile product card — more breathing room ───────────────── */
@media (max-width: 749px) {
  #shopify-section-template--26638042333476__main #ResultsList {
    padding-inline: 20px !important;
    padding-bottom: 40px !important;
  }

  #shopify-section-template--26638042333476__main .product-grid {
    gap: 20px !important;
  }

  #shopify-section-template--26638042333476__main .product-card__content,
  #shopify-section-template--26638042333476__main .product-grid__card {
    padding: 14px 16px 18px !important;
  }

  #shopify-section-template--26638042333476__main .card-gallery {
    border-radius: 14px 14px 0 0 !important;
  }

  #shopify-section-template--26638042333476__main .product-card {
    border-radius: 14px !important;
  }
}

/* ── Zoom-out grid view — fix card size and text ─────────────── */
.product-grid--template--26638042333476__main[product-grid-view='zoom-out'] {
  --product-grid-columns-desktop: repeat(auto-fill, minmax(140px, 1fr)) !important;
}

.product-grid-view-zoom-out--details h3 {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: #1a2e1d !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Card content padding in zoom-out mode */
.product-grid[product-grid-view='zoom-out'] .product-grid__card {
  padding: 8px 10px 10px !important;
}

/* Image doesn't need to be huge in zoom-out */
.product-grid[product-grid-view='zoom-out'] .card-gallery {
  border-radius: 10px 10px 0 0 !important;
}

/* FREE badge smaller in zoom-out */
.product-grid[product-grid-view='zoom-out'] .price::after {
  font-size: 0.6rem !important;
  padding: 2px 7px !important;
}

/* Mobile zoom-out */
@media (max-width: 749px) {
  .product-grid--template--26638042333476__main[product-grid-view='zoom-out'] {
    --product-grid-columns-desktop: repeat(auto-fill, minmax(90px, 1fr)) !important;
  }

  .product-grid-view-zoom-out--details h3 {
    font-size: 0.7rem !important;
  }
}

/* ── Sort dropdown — show selected value correctly ───────────── */
#shopify-section-template--26638042333476__main .facets__summary .facets__status {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.82rem !important;
  color: #2d4a30 !important;
  font-weight: 500 !important;
}

/* Make sure the sort panel summary shows current selection */
#shopify-section-template--26638042333476__main #Sorting-template--26638042333476__main .facets__status {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure the sort details summary text is visible */
#shopify-section-template--26638042333476__main .sorting-filter__horizontal .facets__summary {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
}




/* ─── Announcement bar slide-down ─── */
#shopify-section-sections--26638042759460__header_announcements_9jGBFp {
  animation: announceSlide 0.5s ease-out both;
}
@keyframes announceSlide {
  from { transform: translateY(-100%); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/* ─── Fade-in targets ─── */
/* Applied only to inner content elements, never section wrappers */
.stoop-fade {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s ease, transform 0.65s ease;
  will-change: opacity, transform;
}
.stoop-fade.stoop-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ─── Staggered children ─── */
.stoop-stagger > .stoop-fade:nth-child(1) { transition-delay: 0ms; }
.stoop-stagger > .stoop-fade:nth-child(2) { transition-delay: 80ms; }
.stoop-stagger > .stoop-fade:nth-child(3) { transition-delay: 160ms; }
.stoop-stagger > .stoop-fade:nth-child(4) { transition-delay: 240ms; }
.stoop-stagger > .stoop-fade:nth-child(5) { transition-delay: 320ms; }
.stoop-stagger > .stoop-fade:nth-child(6) { transition-delay: 400ms; }

/* ─── Parallax hero ─── */
.hero__media-wrapper .hero__media {
  will-change: transform;
}

/* ─── Scrolled nav ─── */
#header-component.stoop-scrolled {
  border-bottom: 1px solid rgba(74, 90, 62, 0.18) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.88) !important;
  transition: border-bottom 0.3s ease,
              background-color 0.3s ease,
              backdrop-filter 0.3s;
}

/* ─── Reduce motion ─── */
@media (prefers-reduced-motion: reduce) {
  .stoop-fade {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .hero__media-wrapper .hero__media {
    transition: none !important;
  }
  #shopify-section-sections--26638042759460__header_announcements_9jGBFp {
    animation: none !important;
  }
}

/* Contact page pre-hide — only active before JS runs */
.stoop-contact-hidden {
  opacity: 0 !important;
  transform: translateY(22px) !important;
}

.stoop-contact-animate {
  transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}