.btn:after, .push-btn:after, .shopify-payment-button__button:after {
    top: 0px !important;
}

.my-2 {
  color: #000000
}

/* Scope to the Loop area */
#MainContent .loop {
  /* If the theme uses these vars, override them locally */
  --main-font-stack: tt-commons-pro, sans-serif;
  --heading-font-stack: roc-grotesk-condensed, sans-serif;
}

/* Paragraphs / body copy */
#MainContent .loop p,
#MainContent .loop .loop-text-p1,
#MainContent .loop .loop-text-p2,
#MainContent .loop .loop-text-p3,
#MainContent .loop .loop-bundle-description,
#MainContent .loop .loop-bundle-footer-description,
#MainContent .loop .loop-bundle-product-card-description {
  font-family: tt-commons-pro, sans-serif !important;
}

/* Headings (native tags + Loop heading classes) */
#MainContent .loop h1,
#MainContent .loop h2,
#MainContent .loop h3,
#MainContent .loop h4,
#MainContent .loop h5,
#MainContent .loop h6,
#MainContent .loop .loop-h1,
#MainContent .loop .loop-h2,
#MainContent .loop .loop-bundle-title {
  font-family: roc-grotesk-condensed, sans-serif !important;
  font-weight: 700 !important;
}

.loop-drawer-header h2 {
  font-family: roc-grotesk-condensed, sans-serif !important;
  font-weight: 700 !important;
}

#MainContent .loop h1,
#MainContent .loop .loop-h1 {
  font-size: 3em !important;
}

.loop-h2 {
    font-size: 1.7em !important;
}

.loop .pt-4 {
    padding-top: 3rem !important;
}

.loop-bundle-footer {
    border-top: 0.2rem !important;
    border-style: solid !important;
    border-color: #F0F0DC !important;
}

.loop-drawer-body p { font-family: tt-commons-pro, sans-serif !important; font-weight: 400 !important; }
.loop-drawer-body :is(h1,h2,h3,h4,h5,h6),
.loop-drawer-body .loop-h1,
.loop-drawer-body .loop-h2,
.loop-drawer-body .loop-drawer-title,
.loop-drawer-body .loop-product-title { font-family: roc-grotesk-condensed, sans-serif !important; font-weight: 700 !important; }

/* If headings use the .loop-h2 class */
.loop-drawer-body .loop-h2 {
  font-size: 2rem !important;
}

/* Safer: catch both the tag and the class */
.loop-drawer-body h2,
.loop-drawer-body .loop-h2 {
  font-size: 1.7rem !important;
  line-height: 1.2; /* optional but usually helps */
}

.loop-drawer-body h3,
.loop-drawer-body .loop-h3 {
  font-size: 1.4rem !important;
  line-height: 1.2; /* optional but usually helps */
}

/* Make all text inside the drawer this colour */
.loop-drawer-body {
  color: #003e17 !important;
}

/* Ensure common elements inherit (overrides Loop’s own colours) */
.loop-drawer-body :is(h1,h2,h3,h4,h5,h6,p,span,li,small,strong,em,div,td,th,label) {
  color: inherit !important;
}

/* Links too */
.loop-drawer-body a,
.loop-drawer-body a:visited,
.loop-drawer-body a:active {
  color: #003e17 !important;
}
.loop-drawer-body a:hover { color: #003e17; text-decoration: underline; } /* optional */




.loop button.loop-btn-add-to-cart {
  background-color: #a9fa63 !important;   /* use background-color */
  background-image: none !important;       /* kill gradients */
  border-color: #a9fa63 !important;
  color: #003e18 !important;
}

/* Ensure inner text inherits colour */
.loop button.loop-btn-add-to-cart *,
.loop button.loop-btn-add-to-cart::after {
  color: #003e18 !important;
}

/* Hover/focus (optional) */
.loop button.loop-btn-add-to-cart:hover,
.loop button.loop-btn-add-to-cart:focus {
  background-color: #9cf353 !important;
  border-color: #9cf353 !important;
}

.btn:after, .push-btn:after, .shopify-payment-button__button:after {
    background-color: unset !important;
}



#MainContent .loop p, #MainContent .loop .loop-text-p1, #MainContent .loop .loop-text-p2, #MainContent .loop .loop-text-p3, #MainContent .loop .loop-bundle-description, #MainContent .loop .loop-bundle-footer-description, #MainContent .loop .loop-bundle-product-card-description {
    text-align: center !important;
}


.loop .container, .loop .container-fluid, .loop .container-lg, .loop .container-md, .loop .container-sm, .loop .container-xl, .loop .container-xxl, .loop .loop-bs-container {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

#MainContent .loop {
  --loop-bundle-number-of-cards-desktop-view: 3 !important;
}