/** Shopify CDN: Minification failed

Line 580:24 Unexpected "{"
Line 580:33 Expected ":"
Line 587:24 Unexpected "{"
Line 587:33 Expected ":"
Line 589:24 Unexpected "{"
Line 589:33 Expected ":"
Line 591:24 Unexpected "{"
Line 591:33 Expected ":"
Line 600:24 Unexpected "{"
Line 600:33 Expected ":"
... and 12 more hidden warnings

**/
/* ==========================================================
   GoGood-Style Subscriptions (SAFE VERSION)
   ========================================================== */

/* Remove default fieldset look */
.shopify_subscriptions_app_block fieldset,
.shopify_subscriptions_app_block .shopify_subscriptions_fieldset,
.shopify_subscriptions_app_block legend{
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Layout spacing */
.shopify_subscriptions_app_block .shopify_subscriptions_purchase_options,
.shopify_subscriptions_app_block [data-shopify-subscriptions-purchase-options]{
  display: grid !important;
  gap: 12px !important;
}

/* Card wrapper */
.shopify_subscriptions_app_block .shopify_subscriptions_purchase_option_wrapper{
  width: 100% !important;
}

/* Card style */
.shopify_subscriptions_app_block .shopify_subscriptions_purchase_option_wrapper label{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  padding: 14px 16px !important;
  min-height: 58px !important;

  border-radius: 14px !important;
  border: 1.6px solid rgba(30,30,30,.25) !important;
  background: #ffffff !important;

  cursor: pointer !important;
  transition: border .2s ease, box-shadow .2s ease;
}

/* Radio button */
.shopify_subscriptions_app_block input[type="radio"]{
  width: 18px !important;
  height: 18px !important;
  margin: 0 12px 0 0 !important;
}

/* Selected state */
.shopify_subscriptions_app_block 
.shopify_subscriptions_purchase_option_wrapper:has(input[type="radio"]:checked) label{
  border-color: rgba(30,30,30,.65) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.10) !important;
}

/* Hide the "Deliver every..." row completely */
.shopify_subscriptions_app_block 
.shopify_subscriptions_purchase_option_wrapper:nth-child(3){
  display: none !important;
}

/* Tighten mobile */
@media (max-width: 749px){
  .shopify_subscriptions_app_block 
  .shopify_subscriptions_purchase_option_wrapper label{
    padding: 12px 14px !important;
    min-height: 54px !important;
  }
}

/* ==========================================================
   SUBSCRIPTIONS — Move "Deliver every..." row INTO Subscribe card
   (radio aligned + contained in the card)
   ========================================================== */

/* Make Subscribe card a positioning context + give it room at bottom */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper.mnSubIsSubscribe{
  position: relative !important;
}
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper.mnSubIsSubscribe > label{
  position: relative !important;
  padding-bottom: 56px !important; /* room for delivery row inside card */
}

/* Target the delivery row by its radio aria-label */
product-info section.shopify_subscriptions_app_block
input[type="radio"][aria-label^="Deliver every"]{
  margin: 0 !important;
  transform: scale(1.15);
}

/* Move the whole delivery label into the Subscribe card */
product-info section.shopify_subscriptions_app_block
input[type="radio"][aria-label^="Deliver every"]
{
  /* nothing else here */
}

product-info section.shopify_subscriptions_app_block
input[type="radio"][aria-label^="Deliver every"]
/* parent label */
{
  /* can't select parent in CSS directly, so we style the label via :has on the label itself */
}

/* Use :has safely on the LABEL (won't hide subscribe) */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_app_block_label_children label:has(> input[type="radio"][aria-label^="Deliver every"]){
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  bottom: 16px !important;

  display: flex !important;
  align-items: center !important;
  gap: 12px !important;

  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(0,0,0,.62) !important;
  z-index: 3 !important;
}

/* Ensure it renders INSIDE the subscribe wrapper, not relative to the whole widget */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper.mnSubIsSubscribe{
  /* IMPORTANT: allow the absolute label to sit over content */
  overflow: visible !important;
}

/* Tighten spacing between the two cards */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper{
  margin-bottom: 6px !important;
}

/* ===== FINAL POLISH: Delivery row layout inside Subscribe card ===== */

/* Make left column stack nicely */
product-info section.shopify_subscriptions_app_block .mnSubLeft{
  gap: 6px !important;
}

/* Delivery row: smaller + indented so it aligns under the title */
product-info section.shopify_subscriptions_app_block .mnSubDeliveryRow{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  margin-top: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(0,0,0,.55) !important;

  /* aligns the delivery line under the text (not under the radio) */
  padding-left: 34px !important;
}

/* Delivery row radio sits back to the left */
product-info section.shopify_subscriptions_app_block .mnSubDeliveryRow input[type="radio"]{
  margin-left: -34px !important;
  transform: scale(1.15);
}

/* Tighten subscribe card height now that delivery row is inside */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper.mnSubIsSubscribe > label{
  padding-bottom: 18px !important; /* was huge */
  min-height: 0 !important;
}

/* Tighten space between One-time + Subscribe cards */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper{
  margin-bottom: 8px !important;
}

/* =======================================================
   FINAL ALIGNMENT FIX — perfect left alignment
======================================================= */

/* Make BOTH cards use same grid structure */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper > label{
  display: grid !important;
  grid-template-columns: 26px 1fr auto !important;
  align-items: center !important;
  column-gap: 14px !important;
}

/* Radio always sits in first column */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper input[type="radio"]{
  grid-column: 1 !important;
  margin: 0 !important;
}

/* Text stack sits in middle column */
product-info section.shopify_subscriptions_app_block .mnSubLeft{
  grid-column: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* Price always right */
product-info section.shopify_subscriptions_app_block .mnSubPrice{
  grid-column: 3 !important;
  justify-self: end !important;
}

/* Delivery row aligns perfectly under Subscribe text */
product-info section.shopify_subscriptions_app_block .mnSubDeliveryRow{
  padding-left: 0 !important; /* remove previous hack */
  margin-top: 4px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(0,0,0,.55) !important;
}

/* =====================================================
   SUBSCRIPTIONS — Final Layout Alignment + Full Width
===================================================== */

/* Make the whole subscriptions block full width */
product-info section.shopify_subscriptions_app_block{
  width: 100% !important;
  max-width: 100% !important;
}

/* Make each card full width */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper{
  width: 100% !important;
  max-width: 100% !important;
}

/* Make label full width */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper > label{
  width: 100% !important;
  justify-content: space-between !important;
}

/* Ensure left column aligns properly */
product-info section.shopify_subscriptions_app_block .mnSubLeft{
  align-items: flex-start !important;  /* LEFT align title */
}

/* Make title left aligned */
product-info section.shopify_subscriptions_app_block .mnSubTitle{
  text-align: left !important;
}

/* Keep price pinned right */
product-info section.shopify_subscriptions_app_block .mnSubPrice{
  text-align: right !important;
}

/* Remove extra outer padding so it matches Add to Cart width */
product-info section.shopify_subscriptions_app_block fieldset.shopify_subscriptions_fieldset{
  padding: 0 !important;
  margin: 0 !important;
}

/* =====================================================
   SUBSCRIPTIONS — Match Buy Row width exactly
===================================================== */

/* Kill any inherited padding/margins that make the block narrower */
product-info section.shopify_subscriptions_app_block,
product-info section.shopify_subscriptions_app_block *{
  box-sizing: border-box !important;
}

product-info section.shopify_subscriptions_app_block{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* The app often wraps in extra containers — flatten them */
product-info section.shopify_subscriptions_app_block .shopify_subscriptions_app_block_label,
product-info section.shopify_subscriptions_app_block .shopify_subscriptions_app_block_label_children,
product-info section.shopify_subscriptions_app_block ul,
product-info section.shopify_subscriptions_app_block li,
product-info section.shopify_subscriptions_app_block fieldset.shopify_subscriptions_fieldset{
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Make each option wrapper fill full width */
product-info section.shopify_subscriptions_app_block .shopify_subscriptions_purchase_option_wrapper{
  width: 100% !important;
  max-width: 100% !important;
}

/* Make the clickable card (label) fill the width */
product-info section.shopify_subscriptions_app_block .shopify_subscriptions_purchase_option_wrapper > label{
  width: 100% !important;
  max-width: 100% !important;
}

/* If the section sits inside a narrower parent, force it to stretch */
product-info .product__info-container product-info section.shopify_subscriptions_app_block{
  align-self: stretch !important;
}

/* =====================================================
   SUBSCRIPTIONS — tighten radio/title spacing + pull policy up
===================================================== */

/* Bring title closer to radio (both cards) */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper > label{
  grid-template-columns: 22px 1fr auto !important; /* smaller radio column */
  column-gap: 10px !important;                    /* tighter gap */
  align-items: center !important;
}

/* Make the radio sit nicely without extra space */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper input[type="radio"]{
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

/* Ensure left column takes full available width (so text/price spread nicely) */
product-info section.shopify_subscriptions_app_block .mnSubLeft{
  width: 100% !important;
}

/* Pull "Auto-renews..." up directly under the cards */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_app_policy{
  margin-top: 10px !important;  /* was too big */
  padding-top: 0 !important;
}

/* Optional: tighten the space between the two cards */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper{
  margin-bottom: 10px !important;
}

/* ==========================================================
   FINAL WIDTH OVERRIDE — make cards match Buy Row width
   (paste at VERY bottom of subscriptions-fix.css)
   ========================================================== */

/* Force the whole app block to fill the product info column */
product-info .product__info-container section.shopify_subscriptions_app_block{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Flatten any wrapper that might be centering/narrowing */
product-info .product__info-container section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_options,
product-info .product__info-container section.shopify_subscriptions_app_block
[data-shopify-subscriptions-purchase-options],
product-info .product__info-container section.shopify_subscriptions_app_block
.shopify_subscriptions_app_block_label_children,
product-info .product__info-container section.shopify_subscriptions_app_block ul,
product-info .product__info-container section.shopify_subscriptions_app_block fieldset{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Cards: full width */
product-info .product__info-container section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px 0 !important;
}

/* Label: full width + slightly less side padding so it LOOKS wider */
product-info .product__info-container section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper > label{
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Pull policy line tight */
product-info .product__info-container section.shopify_subscriptions_app_block
.shopify_subscriptions_app_policy{
  margin-top: 8px !important;
}

/* FORCE subscriptions fieldset to full width (overrides inline width:fit-content) */
product-info section.shopify_subscriptions_app_block fieldset.shopify_subscriptions_fieldset,
product-info section.shopify_subscriptions_app_block fieldset.shopify_subscriptions_fieldset[style]{
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

product-info section.shopify_subscriptions_app_block{
  width: 100% !important;
  max-width: 100% !important;
}

/* =====================================================
   FIX: inner wrapper has inline width:fit-content
   Force it to full width (PDP only)
===================================================== */

product-info section.shopify_subscriptions_app_block
fieldset.shopify_subscriptions_fieldset > div[style*="width: fit-content"]{
  width: 100% !important;
  max-width: 100% !important;
}

/* Extra safety: sometimes it's written without the space */
product-info section.shopify_subscriptions_app_block
fieldset.shopify_subscriptions_fieldset > div[style*="width:fit-content"]{
  width: 100% !important;
  max-width: 100% !important;
}

/* If the wrapper is not the direct child (one level deeper), force any fit-content wrapper */
product-info section.shopify_subscriptions_app_block
fieldset.shopify_subscriptions_fieldset div[style*="fit-content"]{
  width: 100% !important;
  max-width: 100% !important;
}

/* ==========================================================
   OVERRIDE: "Most Popular" badge colour -> Stack & Save blue
   ========================================================== */

/* Try common badge classes used by Shopify Subscriptions */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper [class*="badge"],
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper [class*="Badge"],
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper [class*="popular"],
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper [class*="Popular"]{
  background: #2E86DE !important;
  background-color: #2E86DE !important;
  color: #fff !important;
  border: 0 !important;
}

/* If the badge is generated via ::before/::after on the subscribe wrapper */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper.mnSubIsSubscribe::before,
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper.mnSubIsSubscribe::after,
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper.mnSubIsSubscribe label::before,
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper.mnSubIsSubscribe label::after{
  background: #2E86DE !important;
  background-color: #2E86DE !important;
  color: #fff !important;
  border-color: #2E86DE !important;
}

/* If the app uses CSS variables for badge colour */
product-info section.shopify_subscriptions_app_block{
  --badge-bg: #2E86DE;
  --badge-background: #2E86DE;
  --chip-bg: #2E86DE;
  --pill-bg: #2E86DE;
}

/* ==========================================================
   FORCE "Most Popular" badge to Stack & Save blue
   ========================================================== */

/* Target the "Most Popular" pill inside the subscriptions block */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper *:is(span,div,p)[class*="popular"],
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper *:is(span,div,p)[class*="Popular"],
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper *:is(span,div,p)[id*="badge"],
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper *:is(span,div,p)[class*="badge"],
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper *:is(span,div,p)[class*="Badge"]{
  background: #2E86DE !important;
  background-color: #2E86DE !important;
  color: #fff !important;
  border: 0 !important;
}

/* If the app draws the badge using a pseudo element */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper.mnSubIsSubscribe label::before,
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper.mnSubIsSubscribe label::after{
  background: #2E86DE !important;
  background-color: #2E86DE !important;
  color: #fff !important;
  border-color: #2E86DE !important;
}

/* ==========================================================
   FIX: "Most Popular" badge width
   ========================================================== */

product-info section.shopify_subscriptions_app_block 
.shopify_subscriptions_purchase_option_wrapper [class*="popular"],
product-info section.shopify_subscriptions_app_block 
.shopify_subscriptions_purchase_option_wrapper [class*="Popular"]{

  background: #2E86DE !important;
  color: #fff !important;

  padding: 8px 14px !important;     /* makes the pill wider */
  border-radius: 10px !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  min-width: 110px !important;      /* 👈 forces width similar to Stack & Save */
  text-align: center !important;
}

/* Only the discounted subscription price */
product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_app_block 
.shopify_subscriptions_in_widget_price_allocation_price{
  color: #2E86DE !important;
  font-weight: 700 !important;
}

/* ==========================================================
   SUBSCRIBE PRICE — change green price to blue
   ========================================================== */

product-info section.shopify_subscriptions_app_block .mnSubSale {
    color: #2E86DE !important; /* same blue as Stack & Save */
    font-weight: 800 !important;
}

/* Make subscription cards slightly wider / reduce internal right gap */
.mn-gogood#MainProduct-{{ section.id }} product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper > label{
  padding-left: 18px !important;
  padding-right: 22px !important; /* gives more room on the right */
}

/* Optional: let the "Most Popular" badge sit tighter to the edge */
.mn-gogood#MainProduct-{{ section.id }} product-info section.shopify_subscriptions_app_block
.mnSubBadge,
.mn-gogood#MainProduct-{{ section.id }} product-info section.shopify_subscriptions_app_block
[class*="Popular"],
.mn-gogood#MainProduct-{{ section.id }} product-info section.shopify_subscriptions_app_block
[class*="popular"]{
  margin-right: -6px !important;  /* pulls badge toward the edge */
}

/* ==========================================================
   SUBS: delivery row + price on same line
   ========================================================== */

.mn-gogood#MainProduct-{{ section.id }} .mnSubDeliveryRowFix{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.mn-gogood#MainProduct-{{ section.id }} .mnSubDeliveryText{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: rgba(0,0,0,.55) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.mn-gogood#MainProduct-{{ section.id }} .mnSubDeliveryPrice{
  margin-left: auto !important;
  white-space: nowrap !important;
  font-weight: 800 !important;
  color: #2f84ed !important;
}

/* ==========================================================
   SUBS: make the subscribe card feel wider (reduce right gap)
   ========================================================== */
.mn-gogood#MainProduct-{{ section.id }} product-info section.shopify_subscriptions_app_block
.shopify_subscriptions_purchase_option_wrapper > label{
  padding-right: 14px !important;  /* was leaving too much dead space */
}

/* Keep the Most Popular badge tight to the edge */
.mn-gogood#MainProduct-{{ section.id }} product-info section.shopify_subscriptions_app_block
.mnSubBadge,
.mn-gogood#MainProduct-{{ section.id }} product-info section.shopify_subscriptions_app_block
[class*="Popular"],
.mn-gogood#MainProduct-{{ section.id }} product-info section.shopify_subscriptions_app_block
[class*="popular"]{
  margin-right: 0 !important;
}

.mnDeliveryInline{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
}

.mnDeliveryPrice{
  margin-left:auto;
  font-weight:800;
  color:#2f84ed;
}