/** Shopify CDN: Minification failed

Line 1157:0 Unexpected "/"

**/
/* ==========================================================================
   FRUGA — CUSTOM.CSS  |  Refactored & Systematized
   Last cleaned: 2026
   Structure:
     0. CSS Variables & Typography Scale
     1. Global Base Typography
     2. Navigation
     3. Search Page
     4. Cart Page
     5. Cart Drawer (Mini-Cart)
     6. Popups & Modals
     7. Homepage Sections
        7a. Flow Section (Real Ingredients)
        7b. Product Highlight (OG Tropical Mix)
        7c. Highlight Text with Image (Everything a Fruit Soda Should Be)
        7d. Highlight Text with Image (Passion Starts with Fruga)
        7e. Product Media Section (PSMG)
        7f. Shop Header / Fruga Dividers
        7g. Video Hero
        7h. Wavy Curve Band
        7i. Instafeed
        7j. Newsletter Banner
     8. Cart Upsell Section
     9. Apps — Shopify Subscriptions
    10. Apps — Loox Reviews
    11. Apps — Shopify Payment Terms
    12. Mobile Menu
   ========================================================================== */


/* ==========================================================================
   0. CSS VARIABLES & TYPOGRAPHY SCALE
   NOTE: Colors for brand UI elements (badges, borders, accents) live here.
         Text colors are intentionally NOT set here — controlled via Eurus Theme Editor.
   ========================================================================== */

:root {
  /* --- Typography Scale --- */
  --text-sm: 0.875rem;      /* 14px */
  --text-lg: 1.125rem;      /* 18px */
  --text-xl: 1.25rem;       /* 20px */
  --h1: clamp(2.2rem, 4vw, 3.5rem);
  --h2: clamp(1.8rem, 3vw, 2.5rem);
  --h3: clamp(1.4rem, 2vw, 1.8rem);
  --h4: 1.25rem;
  --h5: 1.1rem;
  --h6: 1rem;

  /* --- Brand UI Colors (non-text, structural) --- */
  /* These are intentional UI elements — NOT text color overrides.        */
  /* Text colors remain in Eurus Theme Editor.                            */
  --fruga-green: #A1CC84;         /* accent green — icons, badges, stars  */
  --fruga-green-dark: #235628;    /* dark green — borders, radio bullets  */
  --fruga-green-bg: #f1f7f3;      /* light green — card backgrounds       */
  --fruga-green-muted: rgba(35, 86, 40, 0.25); /* divider lines           */
  --fruga-cream: #f8f4e9;         /* subscription card fill               */
}


/* ==========================================================================
   1. GLOBAL BASE TYPOGRAPHY
   NOTE: These rules use no !important so section-specific rules always win.
         Fonts are set globally here; do NOT repeat font-family declarations
         in individual sections unless genuinely overriding.
   ========================================================================== */

/* MOVE TO EURUS THEME EDITOR: body font-family, base font size, text color */
body {
  font-family: 'Poppins', sans-serif;
  font-size: var(--text-base);
}

h1, .h1 { font-family: 'Anton', sans-serif; font-size: var(--h1); font-weight: 400; }
h2, .h2 { font-family: 'Anton', sans-serif; font-size: var(--h2); font-weight: 400; line-height: 1.1em;}
h3, .h3 { font-family: 'Anton', sans-serif; font-size: var(--h3); font-weight: 400; }
h4, .h4 { font-family: 'Anton', sans-serif; font-size: var(--h4); font-weight: 400; }
h5, .h5 { font-family: 'Anton', sans-serif; font-size: var(--h5); font-weight: 400; }
h6, .h6 { font-family: 'Anton', sans-serif; font-size: var(--h6); font-weight: 400; }

/* RTE body copy — matches body default; here for specificity safety */
.rte p,
p {
  font-size: var(--text-base);
}


/* ==========================================================================
   2. NAVIGATION
   ========================================================================== */

/* NOTE: nav-link color should ideally live in Eurus Theme Editor.
         Hover/focus accent color (#A1CC84) is intentional brand behaviour — kept here. */

.nav-link {
  color: rgba(var(--colors-text), 1);
  line-height: 1.2;
  transition: color 0.2s ease-in-out;
}

.nav-link:hover,
.nav-link:active,
.nav-link:focus {
  color: var(--fruga-green);
}


/* ==========================================================================
   3. SEARCH PAGE
   ========================================================================== */

/* Hide original h1 text and inject brand copy via ::after */
/* FRAGILE: If the section's h1 class name changes, this breaks.
   Consider replacing with a custom Liquid text block instead. */
.search-page h1.anm-move-up {
  font-size: 0;
}

.search-page h1.anm-move-up::after {
  content: "SEARCH FOR YOUR FAVORITE FRUIT";
  display: block;
  font-family: 'Anton', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
}

@media (max-width: 768px) {
  .search-page h1.anm-move-up::after {
    font-size: 2.5rem;
    line-height: 1.1;
  }
}

/* Predictive search results */
.predictive-result-item p {
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 400;
}

/* Price — keep body font, no bold */
.predictive-result-item .price span,
.predictive-result-item .price p {
  font-weight: 400 !important;
  font-family: var(--font-body-family) !important;
}

/* Hide "View all" prefix label */
#predictive-search-results + button {
  text-transform: uppercase;
}

/* Hide vendor/company label above product name */
.predictive-result-item .leading-tight.mb-2.uppercase.p-break-words.tracking-widest.text-xs {
  display: none !important;
}

/* Hide "Products" category heading in predictive panel */
#predictive-search-products {
  display: none !important;
}

/* Hide variant dt label on cart/search */
dt.p-break-words.inline {
  display: none !important;
}


/* ==========================================================================
   4. CART PAGE
   NOTE: Section-ID selectors below are FRAGILE — if you re-create the cart
         section, the ID changes. Consider abstracting to generic cart classes.
   ========================================================================== */

/* --- Row layout & spacing --- */
#shopify-section-template--24957537583395__cart-items .cart-items tr.cart-item {
  border-color: rgba(var(--colors-line-and-border), 0.25) !important;
}

#shopify-section-template--24957537583395__cart-items .cart-items td {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* --- Product title --- */
#shopify-section-template--24957537583395__cart-items .cart-items a.hover-text-link {
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px;
  font-size: clamp(14px, 1.8vw, 18px);
  margin-bottom: 6px !important;
}

/* --- Variant line (subtle) --- */
#shopify-section-template--24957537583395__cart-items .cart-items dl,
#shopify-section-template--24957537583395__cart-items .cart-items .text-normal {
  opacity: 0.7;
  font-size: 15px;
  text-transform: uppercase !important;
}

/* --- Line price — not bold --- */
.cart-item-price-1,
.cart-item-price-1 span {
  font-weight: normal !important;
}

/* --- Layout: single-column stack --- */
#shopify-section-template--24957537583395__cart-items .items-end.md\:items-start.flex {
  flex-direction: column !important;
  gap: 24px !important;
}

#shopify-section-template--24957537583395__cart-items .w-full.lg\:w-3\/4 {
  width: 100% !important;
}

#shopify-section-template--24957537583395__cart-items .form-checkout.bg-theme-secondary {
  width: 100% !important;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* --- Checkout button --- */
#shopify-section-template--24957537583395__cart-items #checkout-submit.button.button-solid {
  height: 56px;
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

/* --- "We accept" area --- */
#shopify-section-template--24957537583395__cart-items .icon-payment {
  gap: 6px !important;
}

#shopify-section-template--24957537583395__cart-items .form-checkout p.text-center {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

/* --- Cart totals labels (uppercase) --- */
/* NOTE: color was previously #235628 — REMOVED. Set text color in Theme Editor. */
.form-checkout p[for="x-cart-note"].h4,
.form-checkout #js-contents .flex > p.h4:first-child,
.form-checkout #js-contents .flex > p.h4.ml-auto {
  text-transform: uppercase !important;
}

/* --- Estimated delivery text --- */
.estimated-delivery-text {
  text-align: center !important;
  margin: 0 auto !important;
  display: block;
}

/* "We accept" padding */
.form-checkout p.text-center {
  padding-top: 15px !important;
  padding-bottom: 5px !important;
}

/* Hide estimated delivery date on cart page */
dd[delivery_date_max] {
  display: none !important;
}

/* Cart page upsell heading — responsive scale */
/* MOVE TO EURUS SECTION SETTINGS if cart upsell label control is available */
.x-pgw.page-width [data-live-text-setting="cart_upsell_section_label"].h2 {
  font-size: 2rem !important;
  line-height: 1.3 !important;
  margin-bottom: 0.5rem !important;
}

@media (min-width: 480px) {
  .x-pgw.page-width [data-live-text-setting="cart_upsell_section_label"].h2 {
    font-size: var(--text-xl) !important;
  }
}

@media (min-width: 768px) {
  .x-pgw.page-width [data-live-text-setting="cart_upsell_section_label"].h2 {
    font-size: 1.5rem !important;
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 1024px) {
  .x-pgw.page-width [data-live-text-setting="cart_upsell_section_label"].h2 {
    font-size: 75px !important;
    margin-bottom: 2rem !important;
  }
}

/* Cart uppercase transforms */
#update-cart .h2,
#update-cart .h3,
#update-cart .h4,
#update-cart .button .button-text,
#update-cart .button-text {
  text-transform: uppercase;
}


/* ==========================================================================
   5. CART DRAWER (MINI-CART)
   ========================================================================== */

/* Hide estimated delivery in drawer */
#CartDrawer #x-estimate-delivery-minicart,
#CartDrawer .x-estimate-delivery {
  display: none !important;
}

/* Hide payment icons in drawer */
#CartDrawer .icon-payment {
  display: none !important;
}

/* Hide order note section in drawer */
#CartDrawer .mobile-cart-note,
#CartDrawer [x-show="$store.xCartHelper.openField == 'note'"],
#CartDrawer #x-cart-note,
#CartDrawer #x-cart-note + * {
  display: none !important;
}

/* "View Cart" button — uppercase */
#CartDrawer a[href="/cart"] {
  text-transform: uppercase !important;
}

/* Hide ratings/stars in drawer */
#CartDrawer .appio-rating-badge,
#CartDrawer .appio-rating-content,
#CartDrawer .appio-stars,
#CartDrawer .appio-star,
#CartDrawer [class*="rating"],
#CartDrawer [data-testid="star-rating"] {
  display: none !important;
}

/* Upsell label — Poppins bold */
/* NOTE: font-family already inherited from global body rule; kept for specificity */
#CartDrawer #mini-cart-upsell [data-live-text-setting="cart_upsell_section_label"] {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
}


/* ==========================================================================
   6. POPUPS & MODALS
   ========================================================================== */

/* --- Promo popup centering --- */
#eurus-popup {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#eurus-popup > .overflow-auto {
  width: 100%;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#eurus-popup [id^="x-promo-popup-"] {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  z-index: 9999 !important;
  width: min(92vw, 810px) !important;
}

.popup-sections--24957549674787__popup_image_6NfD9R__bg {
  position: relative;
  z-index: 9999;
}

.popup-sections--24957549674787__popup_image_6NfD9R__content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 420px;
}

@media (min-width: 768px) {
  #x-promo-popup-sections--24957549674787__popup_image_6NfD9R,
  #x-promo-popup-sections--24957549674787__popup_image_6NfD9R.md\:promotion-alignment--center {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 auto !important;
  }
}

/* --- Promo popup typography --- */
/* Heading */
.promo-popup .heading-sections--24957549674787__popup_promotion_xRkrND {
  font-family: 'Anton', sans-serif !important;
  font-size: 2rem !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  margin-bottom: 0.5rem !important;
}

@media (min-width: 768px) {
  .promo-popup .heading-sections--24957549674787__popup_promotion_xRkrND {
    font-size: 2.5rem !important;
    line-height: 1.05 !important;
  }
}

/* Minimal variant heading */
.promo-popup [class*="heading-minimal-sections--"] {
  font-family: 'Anton', sans-serif !important;
  font-weight: 700 !important;
  text-align: center !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
  font-size: 1.6rem !important;
}

@media (min-width: 768px) {
  .promo-popup [class*="heading-minimal-sections--"] {
    font-size: 2rem !important;
  }
}

/* Body copy */
.promo-popup .rte {
  font-family: 'Poppins', sans-serif !important;
  font-size: var(--text-base) !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  margin-top: 0.5rem;
  margin-bottom: -1rem !important;
}

/* Disclaimer */
.promo-popup .block-sections--24957549674787__popup_promotion_xRkrND:last-of-type p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
  opacity: 0.85;
  margin-top: 0.75rem !important;
}

/* Email input & label */
.promo-popup .contact-form input[type="email"],
.promo-popup .contact-form label {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.9rem !important;
  line-height: 1.3 !important;
}

/* Button text */
.promo-popup .contact-form button {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
}


/* ==========================================================================
   7. HOMEPAGE SECTIONS
   ========================================================================== */
/* CENTERED LOGO ON DESKTOP HEADER*/
/* Desktop only: center the logo in the header */
@media (min-width: 1024px) {
  #sticky-header .header .logo-name {
    width: auto !important;             /* overrides the w-full utility */
    justify-self: center;               /* centers within the CSS grid */
    justify-content: center !important; /* centers the flex contents */
    margin-left: auto;
    margin-right: auto;
  }

  #sticky-header .header .logo-name > .flex {
    justify-content: center;
  }
}
/* --------------------------------------------------------------------------
   7a. Flow Section — "Real Ingredients, Real Benefits"
   FRAGILE: Scoped to section ID class. Will break if section is re-created.
   -------------------------------------------------------------------------- */

.background--template--24957543022883__flow_ijDEpw {
  --flow-gap: clamp(10px, 1.6vw, 18px);
  padding-left: 0;
  padding-right: 0;
}

/* Icon + heading row */
.background--template--24957543022883__flow_ijDEpw .h2 {
  display: flex;
  align-items: center;
  gap: clamp(8px, 1.2vw, 14px) !important;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

/* Icon sizing */
.background--template--24957543022883__flow_ijDEpw li .h2 img {
  width: clamp(42px, 6vw, 64px) !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  border-radius: 8px;
  order: 0;
}

/* Heading text */
.background--template--24957543022883__flow_ijDEpw li .h2 h3 {
  order: 1;
  margin: 0;
  line-height: 1.2;
}

/* Media column constraint */
.background--template--24957543022883__flow_ijDEpw .x-container-flow-media .section-height--template--24957543022883__flow_ijDEpw {
  max-width: min(100%, 900px);
  margin-left: auto;
  margin-right: auto;
}

/* Content column constraint */
.background--template--24957543022883__flow_ijDEpw .x-container-flow-content ul {
  max-width: clamp(340px, 38vw, 520px) !important;
  padding-left: clamp(8px, 1.2vw, 16px);
  padding-right: clamp(8px, 1.2vw, 16px);
}

/* List item spacing & dividers */
.background--template--24957543022883__flow_ijDEpw li {
  padding-top: clamp(10px, 1.4vw, 18px) !important;
  padding-bottom: clamp(10px, 1.6vw, 22px) !important;
  border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
}

/* Remove inner span border (keep only li border) */
.background--template--24957543022883__flow_ijDEpw li > span {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* RTE spacing */
.background--template--24957543022883__flow_ijDEpw .rte {
  margin-top: clamp(10px, 1.4vw, 16px) !important;
  line-height: 1.5;
}

/* Highlight span baseline alignment */
.heading-template--24957543022883__flow_ijDEpw .highlight {
  display: inline;
  vertical-align: baseline;
  line-height: 0.7;
}

@media (min-width: 768px) {
  .background--template--24957543022883__flow_ijDEpw {
    gap: var(--flow-gap) !important;
  }
}

@media (max-width: 768px) {
  .heading-template--24957543022883__flow_ijDEpw {
    line-height: 1.1;
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .background--template--24957543022883__flow_ijDEpw {
    padding-left: 12px;
    padding-right: 12px;
  }

  .background--template--24957543022883__flow_ijDEpw .x-container-flow-content ul {
    padding-left: 8px !important;
    padding-right: 8px !important;
    max-width: 100% !important;
  }

  .background--template--24957543022883__flow_ijDEpw li .h2 img {
    width: clamp(36px, 8vw, 54px) !important;
  }
}

@media (max-width: 480px) {
  .heading-template--24957543022883__flow_ijDEpw {
    line-height: 1.1;
    font-size: 1.25rem;
  }
}

/* --------------------------------------------------------------------------
   7b. Product Highlight — "OG Tropical Mix / Bold. Refreshing."
   FRAGILE: All selectors tied to section ID. Re-creating section breaks this.
   -------------------------------------------------------------------------- */

/* NOTE: color #643942 and #954c68 were text color overrides — REMOVED.
   Set these in Eurus Theme Editor > Section > text color. */

/* Highlight container padding */
.icon-highlight-template--24957543022883__product_highlight_793zYE {
  padding-top: 1rem !important;
  padding-bottom: 0.5rem !important;
}

@media (min-width: 768px) {
  .icon-highlight-template--24957543022883__product_highlight_793zYE {
    padding-top: 1.5rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 1024px) {
  .icon-highlight-template--24957543022883__product_highlight_793zYE {
    padding-top: 2rem !important;
    padding-bottom: 1.25rem !important;
  }
}

/* Heading line-height */
.heading-template--24957543022883__product_highlight_793zYE .highlight {
  display: inline;
  vertical-align: baseline;
  line-height: 0.7;
  margin-top: 0;
  padding-top: 0;
}

/* Column RTE paragraph layout */
.rte[data-live-text-setting="section.template--24957543022883__product_highlight_793zYE.text"] p {
  width: 55%;
  margin: 0 auto;
  text-align: center;
  padding-top: 10px;
}

/* Columns RTE (desktop) */
@media (min-width: 1025px) {
  .columns-color-text--template--24957543022883__product_highlight_793zYE.rte p {
    padding-top: 15px;
    line-height: 1.35;
  }
}

/* Mobile / tablet */
@media (max-width: 768px) {
  .heading-template--24957543022883__product_highlight_793zYE {
    line-height: 1.1;
    font-size: 1.5rem;
  }

  .rte[data-live-text-setting="section.template--24957543022883__product_highlight_793zYE.text"] p {
    width: 100%;
    max-width: 100%;
  }

  .columns-color-text--template--24957543022883__product_highlight_793zYE.rte p {
    width: 100%;
    max-width: 100%;
    font-size: 0.95rem;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  .heading-template--24957543022883__product_highlight_793zYE {
    line-height: 1.05;
    font-size: 1.25rem;
    margin-top: 20px;
  }

  .rte[data-live-text-setting="section.template--24957543022883__product_highlight_793zYE.text"] p {
    width: 95%;
    max-width: 95%;
    font-size: 0.9rem;
    line-height: 1.4;
    margin-top: -5px;
  }

  .columns-color-text--template--24957543022883__product_highlight_793zYE.rte p {
    width: 95%;
    max-width: 95%;
    font-size: 0.9rem;
    line-height: 1.35;
    padding-top: 10px;
  }
}

/* Columns heading (e.g. "Bold. Refreshing.") */
/* NOTE: color #954c68 was a text override — REMOVED. Set in Theme Editor. */
.heading-columns_cg36nG {
  font-size: 2.5rem !important;
  text-align: center;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .heading-columns_cg36nG {
    font-size: 2rem;
    line-height: 1.15;
  }
}

@media (max-width: 480px) {
  .heading-columns_cg36nG {
    font-size: 2rem !important;
    line-height: 1.1;
  }
}

/* Mobile: collapse the 9:16 aspect-ratio right column */
@media (max-width: 767px) {
  .section-template--24957543022883__product_highlight_793zYE
  .icon-highlight-template--24957543022883__product_highlight_793zYE {
    aspect-ratio: auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .section-template--24957543022883__product_highlight_793zYE
  .icon-highlight-template--24957543022883__product_highlight_793zYE .overflow-y-auto {
    height: auto !important;
    max-height: none !important;
  }

  .section-template--24957543022883__product_highlight_793zYE
  .icon-highlight-template--24957543022883__product_highlight_793zYE .flex.flex-col.justify-center.min-h-full {
    justify-content: flex-start !important;
    min-height: 0 !important;
  }

  .section-template--24957543022883__product_highlight_793zYE
  .spacing-template--24957543022883__product_highlight_793zYE {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 2px !important;
  }

  .section-template--24957543022883__product_highlight_793zYE
  .heading-columns_cg36nG {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
  }

  .section-template--24957543022883__product_highlight_793zYE
  .columns-color-text--template--24957543022883__product_highlight_793zYE p {
    margin: 0 0 6px 0 !important;
  }

  .x-container-product-hightlight.section-template--24957543022883__product_highlight_793zYE {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}

/* Mobile: kill aspect-ratio lock on right column (duplicate fix, covers Tailwind override) */
@media (max-width: 767.98px) {
  #shopify-section-template--24957543022883__product_highlight_793zYE
  .icon-highlight-template--24957543022883__product_highlight_793zYE.aspect-\[9\/16\] {
    --tw-aspect-w: initial !important;
    --tw-aspect-h: initial !important;
    aspect-ratio: auto !important;
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #shopify-section-template--24957543022883__product_highlight_793zYE
  .icon-highlight-template--24957543022883__product_highlight_793zYE.aspect-\[9\/16\]::before {
    content: "" !important;
    display: none !important;
    padding-top: 0 !important;
  }

  #shopify-section-template--24957543022883__product_highlight_793zYE
  .icon-highlight-template--24957543022883__product_highlight_793zYE > .overflow-y-auto {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #shopify-section-template--24957543022883__product_highlight_793zYE
  .icon-highlight-template--24957543022883__product_highlight_793zYE .h-full {
    height: auto !important;
  }

  #shopify-section-template--24957543022883__product_highlight_793zYE
  .icon-highlight-template--24957543022883__product_highlight_793zYE .min-h-full {
    min-height: 0 !important;
  }
}

/* Mobile video height override */
@media (max-width: 767px) {
  #shopify-section-template--24957543022883__product_highlight_793zYE .aspect-\[9\/16\] {
    aspect-ratio: auto !important;
    height: 70vh !important;
    min-height: 420px !important;
  }

  #shopify-section-template--24957543022883__product_highlight_793zYE .video-hero.external-video {
    position: relative !important;
    height: 100% !important;
  }

  #shopify-section-template--24957543022883__product_highlight_793zYE .video-hero.external-video video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}


/* --------------------------------------------------------------------------
   7e. Product Media Section (PSMG) — Custom product showcase
   -------------------------------------------------------------------------- */

/* Mobile layout — center all content */
@media (max-width: 768px) {
  .psmg__product-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .psmg__product-info h2.psmg__prodname {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    align-self: center !important;
  }

  .psmg__prodname-line2 {
    margin-top: 8px !important;
  }

  .psmg__product-info h2.psmg__prodname .psmg__prodname-line1,
  .psmg__product-info h2.psmg__prodname .psmg__prodname-line2 {
    display: block !important;
    text-align: inherit !important;
  }

  .psmg__product-info h2.psmg__prodname .psmg__prodname-line2 {
    white-space: nowrap;
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  /* RTE description font size on mobile */
  .psmg__product-info .psmg__product-desc.rte[data-live-text-setting="section.template--24957543022883__prod_media_NMrENb.custom_description"] {
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
    margin-top: -10px !important;
  }

  .psmg__product-info .psmg__product-desc.rte[data-live-text-setting="section.template--24957543022883__prod_media_NMrENb.custom_description"] *,
  .psmg__product-info .psmg__product-desc.rte[data-live-text-setting="section.template--24957543022883__prod_media_NMrENb.custom_description"] p {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

/* RTE paragraph spacing */
.psmg__product-desc.rte p {
  margin-bottom: -0.5rem;
}

/* Mobile header line-height tightening */
@media (max-width: 768px) {
  .heading-template--24957543022883__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    line-height: 1;
  }
}

/* --------------------------------------------------------------------------
   7f. Shop Header / Find Your Favorite Fruit
   NOTE: .x-block-header .rte p is a broad selector — scoping kept minimal.
         MOVE width control to Eurus Section settings if possible.
   -------------------------------------------------------------------------- */

/* RTE paragraph width & centering */
.x-block-header .rte p {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  padding-top: 10px;
}

@media (max-width: 768px) {
  .x-block-header .rte p {
    width: 100%;
    max-width: 100%;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  .x-block-header .rte p {
    width: 95%;
    max-width: 95%;
    font-size: 0.9rem;
    padding-bottom: 20px;
  }
}

/* Global mobile .rte override */
/* NOTE: This is intentionally broad — shrinks all .rte p on mobile.
   Use with caution; if a section needs a larger size, add a scoped override below it. */
@media (max-width: 768px) {
  .rte p {
    font-size: 0.9rem !important;
    line-height: 1.4;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Fruga Shop Header divider system */
.fruga-shop-header {
  margin: 28px 0 24px;
}

/* NOTE: color #235628 on .fruga-shop-title is intentional brand element (title accent) */
.fruga-shop-title {
  font-family: 'Poppins', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--fruga-green-dark); /* intentional brand accent — not a text color override */
  margin: 18px 0 24px;
}

.fruga-divider,
.fruga-divider--bottom {
  height: 1px;
  width: 100%;
  background: var(--fruga-green-muted);
}

.fruga-divider--bottom {
  margin-top: 20px;
  margin-bottom: 12px;
}

/* --------------------------------------------------------------------------
   7g. Video Hero
   NOTE: Two rulesets below cover different contexts (full-viewport vs section).
         Consolidated but kept both for safety.
   -------------------------------------------------------------------------- */

/* Full-viewport hero video */
.video-hero {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.video-hero video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* Video-with-text section (mobile) */
@media (max-width: 768px) {
  [class^="add-all-container-template-"][class*="__video_with_text_"]
    [class^="video-with-text-wrapper-template-"][class*="__video_with_text_"] {
    height: 40vh !important;
    padding-bottom: 0 !important;
  }

  [class^="add-all-container-template-"][class*="__video_with_text_"] .video-hero,
  [class^="add-all-container-template-"][class*="__video_with_text_"] .video-hero .video {
    height: 100% !important;
  }

  [class^="add-all-container-template-"][class*="__video_with_text_"] .video-hero .video {
    width: 100% !important;
    object-fit: cover;
  }
}

@media (max-width: 767px) {
  [class^="video-with-text-wrapper-template-"][class*="__video_with_text_"] {
    border-radius: 0 !important;
    overflow: visible;
  }

  .add-all-container-template--24957543022883__video_with_text_CjC3AA.pb-\[40px\] {
    padding-bottom: 0 !important;
  }
}

/* --------------------------------------------------------------------------
   7i. Instafeed Section
   FRAGILE: Scoped to section ID — will break if section is re-created.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  #shopify-section-template--24957543022883__17562989615ec2d9a1 {
    --feed-gap: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 40px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 1025px) {
  #shopify-section-template--24957543022883__17562989615ec2d9a1 {
    padding-bottom: 30px !important;
  }
}

/* --------------------------------------------------------------------------
   7j. Newsletter Banner — "Passion Fruit" responsive background
   -------------------------------------------------------------------------- */

.promotion {
  position: relative;
}

@media (max-width: 767px) {
  .promotion picture,
  .promotion img.image-template--24957543022883__newsletter_Rwk93n {
    display: none !important;
  }

  .promotion::before {
    content: "";
    position: absolute;
    inset: 0;
    background-position: center;
    z-index: 0;
  }
}

/* --------------------------------------------------------------------------
   Variety Pack — Product Highlight (separate page section)
   FRAGILE: Scoped to section ID.
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
  .icon-highlight-template--24957538009379__product_highlight_n4KFEB {
    aspect-ratio: auto !important;
    min-height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .icon-highlight-template--24957538009379__product_highlight_n4KFEB .min-h-full {
    min-height: auto !important;
  }

  .icon-highlight-template--24957538009379__product_highlight_n4KFEB .justify-center {
    justify-content: flex-start !important;
  }

  .icon-highlight-template--24957538009379__product_highlight_n4KFEB .x-block-columns {
    gap: 8px !important;
  }

  .icon-highlight-template--24957538009379__product_highlight_n4KFEB .rte p {
    margin-top: 6px;
    margin-bottom: 0;
  }
}

/* Shop page heading line-height (mobile) */
@media (max-width: 768px) {
  h2.heading-heading_RVgFKQ.h2.block.pt-2.pb-2.leading-tight.anm-fade-element.is-visible {
    line-height: 1.05 !important;
  }

  .pr-5.pt-4.pb-4.md\:hidden {
    font-size: var(--text-sm);
  }
}


/* ==========================================================================
   8. CART UPSELL — "View Our Fruits" Mobile Menu Button
   ========================================================================== */

/* NOTE: color #235628 here is intentional CTA styling — kept as structural */
.button-button_em3LPi a.button {
  background: none !important;
  border: none !important;
  color: var(--fruga-green-dark) !important;
  justify-content: flex-start !important;
  text-align: left !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  gap: 0 !important;
}

.button-button_em3LPi a.button:hover {
  color: var(--fruga-green-dark) !important;
}

.button-button_em3LPi a svg,
.button-button_em3LPi a.button svg {
  display: none !important;
}

/* Kill divider line in mobile menu */
.menu-drawer li.block-mobile-navigation-after::after {
  content: none !important;
  border: 0 !important;
  border-bottom-width: 0 !important;
}

/
/* ==========================================================================
   9. APPS — SHOPIFY SUBSCRIPTIONS
   Clean final version — variable-based, responsive, no redundant overrides
   ========================================================================== */

/* --------------------------------------------------------------------------
   BASE STRUCTURE
-------------------------------------------------------------------------- */

.shopify_subscriptions_app_block {
  --sub-bg: var(--fruga-cream);
  --sub-text: var(--fruga-green-dark);
}

/* Card base */
.shopify_subscriptions_app_block_label {
  position: relative;
  background: #ffffff;
  border: none;
  border-radius: 18px;
  margin-bottom: 18px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
  transition: border-color 0.2s ease;
}

.shopify_subscriptions_app_block_label:first-of-type {
  margin-bottom: 12px;
}

.shopify_subscriptions_app_block_label.is-open {
  box-shadow: none !important;
  border: none !important;
}

/* Divider between cards */
.shopify_subscriptions_app_block_label::after {
  content: "";
  display: block;
  height: 1px;
  background: var(--fruga-green);
  opacity: 0.6;
  margin: 0 20px;
}

.shopify_subscriptions_app_block_label:last-of-type::after {
  display: none;
}

/* Bottom rule */
.shopify_subscriptions_app_block
  .shopify_subscriptions_app_block_label:last-of-type {
  position: relative;
  margin-bottom: 26px;
}

.shopify_subscriptions_app_block
  .shopify_subscriptions_app_block_label:last-of-type::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -26px;
  height: 1px;
  background: var(--fruga-green-muted);
}

/* Remove Shopify inline container styling */
.shopify_subscriptions_app_block > fieldset > div[style] {
  border: none !important;
  background: transparent !important;
  padding: 0;
}

.shopify_subscriptions_purchase_option_wrapper[style] {
  border-bottom: none !important;
}


/* --------------------------------------------------------------------------
   HEADER ROW
-------------------------------------------------------------------------- */

.shopify_subscriptions_purchase_option_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 40px 18px 18px;
  cursor: pointer;
  position: relative;
}

/* Caret */
.shopify_subscriptions_purchase_option_wrapper::after {
  content: "▾";
  position: absolute;
  right: 20px;
  font-size: var(--text-base);
  transition: transform 0.2s ease;
}

.shopify_subscriptions_app_block_label.is-open
  .shopify_subscriptions_purchase_option_wrapper::after {
  transform: rotate(180deg);
}

/* Remove caret from one-time purchase */
.shopify_subscriptions_app_block_label.shopify_subscriptions_purchase_option_wrapper::after {
  content: none !important;
}


/* --------------------------------------------------------------------------
   ACCORDION
-------------------------------------------------------------------------- */

.shopify_subscriptions_app_block_label_children {
  list-style: none;
  margin: 16px;
  padding: 0;
  background: var(--fruga-green-bg);
  border-radius: 14px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-4px);
  transition: max-height 0.25s ease, opacity 0.2s ease, transform 0.2s ease;
}

.shopify_subscriptions_app_block_label.is-open
  .shopify_subscriptions_app_block_label_children {
  max-height: 260px;
  opacity: 1;
  transform: translateY(0);
  padding-bottom: 14px;
}

/* Plan rows */
.shopify_subscriptions_app_block_label_children li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.shopify_subscriptions_app_block_label_children li:last-child {
  border-bottom: none;
}

/* 🔹 Smaller plan text */
.shopify_subscriptions_app_block_label_children li label {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  font-size: var(--text-sm);
  line-height: 1.4;
  cursor: pointer;
}

.shopify_subscriptions_app_block_label_children
  input[type="radio"]:checked + label {
  background: #e2efe9;
  font-weight: 600;
}


/* --------------------------------------------------------------------------
   TYPOGRAPHY (Aligned with product options)
-------------------------------------------------------------------------- */

.shopify_subscriptions_app_block_label > label,
.shopify_subscriptions_purchase_option_wrapper > label {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: var(--text-base);
  font-weight: 600;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  color: var(--fruga-green-dark);
  line-height: 1.2;
}

.shopify_subscriptions_in_widget_price {
  font-size: var(--text-base);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  margin-right: 16px;
}

.fruga-free-shipping {
  padding: 5px 12px;
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 1;
  color: var(--fruga-green-dark);
  background: #e6f4db;
  border: 1px solid var(--fruga-green);
  border-radius: 999px;
  white-space: nowrap;
}

.fruga-inline-policy {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(35, 86, 40, 0.15);
  font-size: var(--text-sm);
  line-height: 1.4;
  color: var(--fruga-green-dark);
  opacity: 0.85;
}

.shopify_subscriptions_app_policy {
  display: none;
}


/* --------------------------------------------------------------------------
   RESPONSIVE BEHAVIOR
-------------------------------------------------------------------------- */

/* Desktop: keep Subscribe & Save in one line */
@media (min-width: 768px) {
  .shopify_subscriptions_purchase_option_wrapper > label {
    white-space: nowrap;
  }

  .fruga-free-shipping {
    white-space: nowrap;
  }
}

/* Mobile: clean 3-row layout */
@media (max-width: 767px) {

  /* Remove left padding so everything aligns perfectly */
  .shopify_subscriptions_purchase_option_wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 14px 0; /* ← removed horizontal padding */
  }

  /* Remove container left margin */
  .shopify_subscriptions_app_block_label_children {
    margin: 12px 0; /* ← no left/right margin */
    border-radius: 12px;
  }

  /* Plan rows tighter + aligned */
  .shopify_subscriptions_app_block_label_children li label {
    padding: 14px 0; /* ← remove left padding */
  }

  /* Title full width */
  .shopify_subscriptions_purchase_option_wrapper > label {
    width: 100%;
    display: block;
  }

  /* Badge its own row */
  .fruga-free-shipping {
    display: inline-block;
    margin-top: 4px;
    padding: 4px 8px;
  }

  /* Price third row */
  .shopify_subscriptions_in_widget_price {
    width: 100%;
    text-align: left;
    margin-right: 0;
  }

  /* Make caret slightly bigger */
  .shopify_subscriptions_purchase_option_wrapper::after {
    font-size: 1.25rem; /* slightly larger arrow */
  }

  .shopify_subscriptions_in_widget_price {
  margin: 0 !important;   /* removes any inherited margin */
  padding: 0;             /* ensures no inner offset */
}
.shopify_subscriptions_purchase_option_wrapper > label {
  padding-left: 0;
}

}
@media (max-width: 767px) {

  /* ONLY Subscribe & Save card (the one with children) */
  .shopify_subscriptions_app_block_label:has(.shopify_subscriptions_app_block_label_children)
  .shopify_subscriptions_purchase_option_wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  /* Price — flush left ONLY for Subscribe & Save */
  .shopify_subscriptions_app_block_label:has(.shopify_subscriptions_app_block_label_children)
  .shopify_subscriptions_in_widget_price {
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    align-self: flex-start;
    text-align: left;
  }
}



/* --------------------------------------------------------------------------
   Subscription Section Title
-------------------------------------------------------------------------- */

.fruga-shop-title {
  font-size: var(--h5);
  line-height: 1.3;
}

@media (max-width: 767px) {
  .fruga-shop-title {
    font-size: var(--text-lg);
  }
}



/* ==========================================================================
   11. APPS — SHOPIFY PAYMENT TERMS
   ========================================================================== */

shopify-payment-terms,
shopify-payment-terms * {
  font-family: 'Poppins', sans-serif !important;
}



/* ============================= */
/* VIDEO HERO - HOME (EURUS)    */
/* ============================= */

/* Make video section true full width */
[class*="video-with-text-wrapper"] {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50%;
  transform: translateX(-50%);
}

/* Remove outer container side padding */
[class*="add-all-container"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove page-width restriction inside video section */
[class*="video-with-text"] .page-width {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ----------------------------- */
/* VIDEO HERO TEXT STYLING      */
/* ----------------------------- */

/* Highlight color */
[class*="video-with-text"] .hl-font {
  color: #f8f4e9 !important;
}

/* Responsive text centering adjustment */
[class*="video-with-text"] p {
  margin-right: -10px !important;
}

/*FOOTER*/
/* ============================================================
   FRUGA — Footer Newsletter CSS Override
   Target: Eurus Shopify Theme
   Goal: Olipop-style pill newsletter form
   Date: 2026
   ============================================================ */

/* ============================================================
   SECTION 1 — CSS CUSTOM PROPERTIES (Footer Scope)
   ============================================================ */

#section-footer {
  --newsletter-input-bg: #f8f4e9 !important;
  --newsletter-btn-bg: #a1cc84;
  --newsletter-btn-hover: #f8f4e9;
  --newsletter-input-height: 56px;
  --newsletter-radius: 9999px;
  --newsletter-font: 'Poppins', sans-serif;
  --newsletter-text-dark: #235628;
}


/* ============================================================
   SECTION 2 — FOOTER COLUMN SPACING IMPROVEMENT
   ============================================================ */



/* Nav links in footer */
#section-footer .nav-link {
  font-size: 0.95rem;
  color: #f8f4e9;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

#section-footer .nav-link:hover {
  opacity: 1;
}

/* Section headings (SHOP, SIGN UP…) */
#section-footer .h6 {
  font-size: 1.3rem;
  color: #f8f4e9 !important;
}


/* ============================================================
   SECTION 3 — NEWSLETTER FORM WRAPPER
   ============================================================ */

/* Both desktop (.hidden.md:block) and mobile (x-show) forms */
#section-footer .footer__newsletter,
#section-footer .newsletter-form {
  width: 100%;
  max-width: 480px;
}

/* Override the flex row set by Tailwind on the inner wrapper */
#section-footer .footer__newsletter .mt-4.flex,
#section-footer .newsletter-form .mt-4.flex {
  flex-direction: column;
  gap: 0.625rem;
  align-items: stretch;
  flex-wrap: nowrap;
}

@media (min-width: 600px) {
  #section-footer .footer__newsletter .mt-4.flex,
  #section-footer .newsletter-form .mt-4.flex {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }
}


/* ============================================================
   SECTION 4 — EMAIL INPUT FIELD
   Override: .input, .rounded-none, .border-b-2, floating label
   ============================================================ */

/* Input wrapper — full width */
#section-footer .footer__newsletter .relative.w-full,
#section-footer .newsletter-form .relative.w-full {
  flex: 1 1 auto;
}

/* The input itself */
#section-footer .footer__newsletter input[type="email"].input,
#section-footer .newsletter-form input[type="email"].input {
  /* Shape */
  border-radius: var(--newsletter-radius) !important;
  height: var(--newsletter-input-height) !important;
  padding: 0 1.5rem !important;            /* override pt-5 pl-2.5 pr-4 */
  padding-top: 0 !important;

  /* Colour & border — replace bottom-border-only style */
  background-color: var(--newsletter-input-bg) !important;
  border: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;  /* kill border-b-2 */
  box-shadow: none;
  outline: none;
  color: var(--newsletter-text-dark) !important;

  /* Typography */
  font-family: var(--newsletter-font);
  font-size: 0.9rem;

  /* Transition */
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  width: 100%;
}

#section-footer .footer__newsletter input[type="email"].input:focus,
#section-footer .newsletter-form input[type="email"].input:focus {
  border-color: var(--newsletter-btn-bg) !important;
  box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.18);
  outline: none !important;
}

/* Show placeholder, hide the floating label */
#section-footer .footer__newsletter input[type="email"].input::placeholder,
#section-footer .newsletter-form input[type="email"].input::placeholder {
  opacity: 1 !important;
  color: rgba(26, 46, 26, 0.5) !important;
}

/* Hide the absolute floating label visually (preserve accessibility) */
#section-footer .footer__newsletter .relative.w-full label,
#section-footer .newsletter-form .relative.w-full label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* ============================================================
   SECTION 5 — SUBSCRIBE BUTTON
   Override: arrow SVG icon → text "Subscribe", pill shape,
   gold background, proper sizing
   ============================================================ */

#section-footer .footer__newsletter button[type="submit"],
#section-footer .newsletter-form button[type="submit"] {
  /* Layout */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
  flex-shrink: 0;

  /* Size */
  height: var(--newsletter-input-height) !important;
  padding: 0 1.75rem !important;
  width: 100%;                              /* full width on mobile */
  min-width: 130px;

  /* Shape */
  border-radius: var(--newsletter-radius) !important;
  border: none !important;
  border-bottom: none !important;

  /* Colour */
  background-color: var(--newsletter-btn-bg) !important;
  color: #f8f4e9 !important;

  /* Typography */
  font-family: var(--newsletter-font);
  font-size: 3rem !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  /* Interaction */
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.15s ease;
  margin-left: 0 !important;               /* override ml-1 */
}

@media (min-width: 600px) {
  #section-footer .footer__newsletter button[type="submit"],
  #section-footer .newsletter-form button[type="submit"] {
    width: auto;
  }
}

#section-footer .footer__newsletter button[type="submit"]:hover,
#section-footer .newsletter-form button[type="submit"]:hover {
  background-color: var(--newsletter-btn-hover) !important;
  transform: translateY(-1px);
}

#section-footer .footer__newsletter button[type="submit"]:active,
#section-footer .newsletter-form button[type="submit"]:active {
  transform: translateY(0);
}

/* Hide the arrow SVG inside the button span */
#section-footer .footer__newsletter button[type="submit"] span,
#section-footer .newsletter-form button[type="submit"] span {
  display: flex;
  align-items: center;
  gap: 0;
  pointer-events: none;
}

#section-footer .footer__newsletter button[type="submit"] svg,
#section-footer .newsletter-form button[type="submit"] svg {
  display: none !important;
}

/* Inject "Subscribe" text via ::after since we can't change HTML */
#section-footer .footer__newsletter button[type="submit"] span::after,
#section-footer .newsletter-form button[type="submit"] span::after {
  content: "Subscribe";
  font-family: var(--newsletter-font);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #fff;
}


/* ============================================================
   SECTION 6 — SOCIAL ICONS CLEANUP
   ============================================================ */

#section-footer .social-list {
  gap: 0.625rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
}

/* Circular icon buttons */
#section-footer .social-list li a {
  width: 2.5rem !important;
  height: 2.5rem !important;
  padding: 0.625rem !important;
  border-radius: 50% !important;
  border-width: 1.5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.75;
  transition: opacity 0.2s ease, transform 0.15s ease;
}

#section-footer .social-list li a:hover {
  opacity: 1;
  transform: translateY(-2px);
}


/* ============================================================
   SECTION 7 — RESPONSIVE ADJUSTMENTS
   ============================================================ */

/* Mobile: stack heading + form neatly */
@media (max-width: 767px) {
  #section-footer .footer-col--2 {
    padding-left: 0;
  }

  #section-footer .footer__newsletter,
  #section-footer .newsletter-form {
    max-width: 100%;
  }

  #section-footer .social-list {
    justify-content: flex-start !important;
  }
}

/* Tablet +: side-by-side layout, left-align socials */
@media (min-width: 768px) {
  #section-footer #selector-social {
    align-items: flex-start !important;
  }
}
/* ============================================================
   FRUGA — Footer CSS Patch v2
   ADD THIS BELOW the existing footer CSS block in custom.css
   All rules are additive — nothing from v1 is modified here.
   ============================================================ */


/* ============================================================
   PATCH 1 — CUSTOM COLUMN WIDTHS (desktop ≥768px only)
   
   Why it works: Eurus uses Tailwind's w-1/4 (25%) on each column
   at md+. We override flex-basis and max-width directly on the
   col classes. flex-grow:0 prevents columns from stretching.
   Mobile stacking (w-full) is untouched — these rules only fire
   at ≥768px.
   
   ⚠ Fragile note: .footer-col--1 through --4 are Eurus block
   classes. If you reorder blocks in the editor the numbering
   will shift. If that happens, swap the selectors accordingly.
   ============================================================ */

@media (min-width: 768px) {
  #section-footer .footer-col--1 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  #section-footer .footer-col--2 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  #section-footer .footer-col--3 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  #section-footer .footer-col--4 {
    flex: 0 0 40%;
    max-width: 40%;
  }
}


/* ============================================================
   PATCH 2 — FULL-WIDTH FOOTER WITH DESKTOP-ONLY HORIZONTAL PADDING
   ============================================================ */

/* No horizontal padding on mobile */
#section-footer {
  padding-left: 20px;
  padding-right: 20px;
}

/* Desktop-only padding */
@media (min-width: 768px) {
  #section-footer {
    padding-left: 150px;
    padding-right: 150px;
  }
}

/* Allow the inner column row to use full available width */
#section-footer .x-pgw.page-width {
  max-width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}


/* ============================================================
   PATCH 3 — SUBSCRIBE BUTTON TEXT COLOR → GREEN
   
   The text is injected via ::after pseudo-element (no HTML).
   We override color on both the button itself and the ::after.
   The existing background-color (#a1cc84) and pill shape are
   not touched.
   ============================================================ */

#section-footer .footer__newsletter button[type="submit"],
#section-footer .newsletter-form button[type="submit"] {
  color: #235628 !important;
}

#section-footer .footer__newsletter button[type="submit"] span::after,
#section-footer .newsletter-form button[type="submit"] span::after {
  color: #235628;
}


/* ============================================================
   PATCH 4 — REDUCE TOP FOOTER VERTICAL HEIGHT
   
   The tall feel comes from Eurus' md:pt-12 md:pb-7 on the
   first child wrapper div, and py-4 on each column's inner div.
   We reduce top/bottom padding on the wrapper and tighten
   column inner padding slightly. Bottom footer (additional-footer
   / copyright row) is not targeted.
   ============================================================ */

/* Inner wrapper that has md:pt-12 md:pb-7 */
#section-footer .flex-wrap.md\:mb-5.md\:border-b {
  padding-top: 2.5rem !important;   /* was ~3rem (md:pt-12 = 48px) */
  padding-bottom: 1rem !important; /* was ~1.75rem (md:pb-7 = 28px) */
}

/* Tighten per-column accordion wrapper padding on desktop */
@media (min-width: 768px) {
  #section-footer .footer-col--1 > div,
  #section-footer .footer-col--2 > div,
  #section-footer .footer-col--3 > div,
  #section-footer .footer-col--4 > div {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
/* ============================================================
   PATCH 5 — MOBILE: Reduce Top Footer Spacing Only
   ============================================================ */

@media (max-width: 767px) {

  /* Remove extra top padding from the footer section */
  #section-footer {
    padding-top: 0 !important;
  }

  /* Remove top padding from first inner wrapper (pt-6 source) */
  #section-footer .flex-wrap > .pt-6 {
    padding-top: 0 !important;
  }

  /* Tighten the very first footer column */
  #section-footer .footer-col--1 > div {
    padding-top: 0.5rem !important;
  }

}
/* ============================================================
   INSTAFEED — Eurus-native grid spacing + rounded corners
   ============================================================ */

#insta-feed .instafeed-new-layout-container {
  width: 100% !important;
}

#insta-feed .instafeed-new-layout-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0.5rem !important;
  width: 100% !important;
}

#insta-feed .instafeed-new-layout-item {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 10px; /* ← ADDED: rounds the cell and clips everything inside */
}

#insta-feed .instafeed-new-layout-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px; /* ← ADDED: belt-and-suspenders for browsers that need it on the img too */
}

@media (min-width: 600px) {
  #insta-feed .instafeed-new-layout-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1rem !important;
  }
}

@media (min-width: 990px) {
  #insta-feed .instafeed-new-layout-wrapper {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  #insta-feed .instafeed-new-layout-wrapper {
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 0.8rem !important;
  }
}

/* =====================================================
   HOMEPAGE FEATURED COLLECTION — Hide Card Details
   Scope: .x-container-featured-collection
   Does NOT affect collection pages or product pages.
   ===================================================== */

/* Hide product title */
.x-container-featured-collection .card__heading {
  display: none !important;
}

/* Hide price */
.x-container-featured-collection .x-card-price {
  display: none !important;
}

/* Hide variant selector (fieldset wrapping 6 pack / 12 pack) */
.x-container-featured-collection .x-variants-data {
  display: none !important;
}

/* Hide add-to-cart / quick-add button row */
.x-container-featured-collection .bottom_atc {
  display: none !important;
}

/* Mobile / tablet (default) */
.x-container-featured-collection .card-product {
  padding-bottom: 0 !important;
}

/* Desktop (lg and up) */
@media (min-width: 1024px) {
  .x-container-featured-collection .card-product {
    padding-bottom: 20px !important;
  }
}

/* Collapse the card-info wrapper so its padding doesn't leave dead space */
.x-container-featured-collection .card-info {
  padding-top: 0 !important;
}

/*PRODUCT PAGE 2026*/
/* Remove ALL possible shadow sources from this testimonial section */
.section--template--25882595524899__testimonials_with_card_8p4K8R * {
  box-shadow: none !important;
  filter: none !important;
}

/* Remove pseudo-element shadows */
.section--template--25882595524899__testimonials_with_card_8p4K8R *::before,
.section--template--25882595524899__testimonials_with_card_8p4K8R *::after {
  box-shadow: none !important;
  filter: none !important;
}

/* Remove hover elevation */
.section--template--25882595524899__testimonials_with_card_8p4K8R .scale-item {
  transform: none !important;
}
/* TESTIMONIALS PRODUCT PAGE*/
/* ============================================================
   TESTIMONIAL CARDS — Height Reduction (Scoped)
   Target: .section-testimonial (all testimonial-with-card sections)
   Safe to add to custom.css / base.css
   ============================================================ */

/* 1. Reduce the max scrollable height of the review text area */
.section-testimonial .x-testimonial-main-content {
  max-height: 160px !important;      /* was 240px on mobile */
  padding-top: 0 !important;
  padding-bottom: 1rem !important;   /* was pb-7 = 1.75rem */
}

@media (min-width: 768px) {
  .section-testimonial .x-testimonial-main-content {
    max-height: 200px !important;    /* was 315px on desktop */
  }
}

/* 2. Tighten the author / avatar row */
.section-testimonial .x-testimonial-author-container {
  padding-top: 0.75rem !important;   /* was pt-6 = 1.5rem */
  padding-bottom: 0.5rem !important; /* was pb-4 = 1rem */
  margin-bottom: 0.5rem !important;  /* was mb-4 = 1rem */
}

@media (min-width: 768px) {
  .section-testimonial .x-testimonial-author-container {
    padding-top: 1rem !important;    /* was md:pt-7 = 1.75rem */
    padding-bottom: 0.75rem !important;
    margin-bottom: 0.75rem !important; /* was md:mb-5 = 1.25rem */
  }
}

/* 3. Reduce spacing between star icons and review title */
.section-testimonial .x-content-icon {
  margin-bottom: 0.5rem !important;  /* was mb-4 = 1rem */
}

@media (min-width: 768px) {
  .section-testimonial .x-content-icon {
    margin-bottom: 0.75rem !important; /* was md:mb-5 = 1.25rem */
  }
}

/* 4. Mobile fix — remove scrollbar and allow natural height */
@media (max-width: 767px) {
  .section-testimonial .x-testimonial-main-content {
    max-height: none !important;     /* let content define height */
    overflow-y: visible !important;  /* remove scrollbar */
    padding-bottom: 1rem !important;
  }
}
/* ============================================================
   TESTIMONIAL CARDS — Remove active slide shadow (DESKTOP)
   Fixes shadow reappearing on some pages
   ============================================================ */

@media (min-width: 768px) {
  .section-testimonial .testimonial_slide.is-active .x-testimonial-content,
  .section-testimonial .testimonial_slide.is-active .x-testimonial-image {
    box-shadow: none !important;
  }
}
/* =========================================================
   MEGA MENU – FINAL STABLE VERSION
========================================================= */


/* ------------------------------
   1) Product titles (ALL tabs)
------------------------------ */

.toggle-menu-sub .sub-menu-container > li > div > a.nav-link {
  display: block;
  text-align: center;
  font-weight: 700;
  width: 100%;
}


/* -------------------------------------------------
   2) ONLY "VARIETY PACKS" TAB
   Keep grid and center permanently (no flicker)
------------------------------------------------- */

.mega-list-nav > li:has(> .sub-menu a.nav-link[href="#"]) 
.sub-menu-container {

  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-items: center;
}


/* Force the two items into center columns ALWAYS */

.mega-list-nav > li:has(> .sub-menu a.nav-link[href="#"]) 
.sub-menu-container > li:nth-child(1) {
  grid-column: 2;
}

.mega-list-nav > li:has(> .sub-menu a.nav-link[href="#"]) 
.sub-menu-container > li:nth-child(2) {
  grid-column: 3;
}


/* Prevent stretch weirdness */

.mega-list-nav > li:has(> .sub-menu a.nav-link[href="#"]) 
.sub-menu-container > li {
  width: 100%;
  max-width: 260px;
}
/* =========================================================
   Force Mega Menu Height
========================================================= */

.toggle-menu.mega-menu-vertical {
  --menu-height: 300px !important;
  height: 300px !important;
}