/** Shopify CDN: Minification failed

Line 1191:20 Unexpected "<"
Line 1249:0 All "@import" rules must come first
Line 2613:0 All "@import" rules must come first

**/

:root {
  --font-pacifico: "Pacifico", cursive;

  --cerebics-brown: #937E58;
}

.hero-banner .m-richtext__subtitle,
.hero-banner .m-slide__subtitle {
  font-family: var(--font-pacifico) !important;
  color: var(--cerebics-brown) !important;
  font-size: 20px !important;
  line-height: 15px !important;
  letter-spacing: 2.42px !important;
  margin-bottom: 0px !important; /* <--- REMOVES THE ORANGE MARGIN GAP */
}
.hero-banner .m-richtext__description,
.hero-banner .m-richtext__description p,
.hero-banner .m-slide__description,
.hero-banner .m-slide__description p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #2A1568 !important;
  
  /* Text Layout & Width */
  max-width: 79% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

/* Reduce slide wrapper top and bottom spacing to 60px */
.m-slide__wrapper {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media screen and (min-width: 1280px) {
  .m-slide__wrapper {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
.cerebix-features-bar .m-icon-box__heading,
.cerebix-features-bar .m-icon-box_heading,
.cerebix-features-bar h3 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;      /* "Black" weight */
  font-size: 18px !important;       /* 28px size */
  line-height: 28px !important;     /* 28px line-height */
  letter-spacing: 0px !important;     /* 0px letter-spacing */
  color: #2A1568 !important;         /* Deep purple fill */
  text-align: center !important;
  margin-bottom: 4px !important;
}
.cerebix-features-bar .m-icon-box__description,
.cerebix-features-bar .m-icon-box_description,
.cerebix-features-bar p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 900 !important;          /* "Black" weight */
  font-size: 12px !important;           /* Requested 12px size */
  line-height: 15px !important;         /* 15px line-height */

  text-transform: uppercase !important; /* All Caps */
  color: #2A1568 !important;             /* Deep purple fill */
  text-align: center !important;
  opacity: 1 !important;
  margin-top: 4px !important;
}
/* =========================================================
   CEREBIX SCROLLING PROMOTION / TICKER BAR (#FFE84C)
   ========================================================= */

/* 1. Background color applied strictly to this section */
.cerebix-ticket-bar,
section.cerebix-ticket-bar,
.cerebix-ticket-bar .m-scrolling-promotion,
.cerebix-ticket-bar .m-color-default {
  background-color: #FFE84C !important;
  background: #FFE84C !important;
}

/* 2. Adjust section padding for marquee bar height */
.cerebix-ticket-bar .m-section-py,
.cerebix-ticket-bar .container-full {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}



/* Place this block at the VERY BOTTOM of custom.css.liquid */
/* ==========================================================================
   Scrolling Promotion - Barlow Condensed Typography Overrides
   ========================================================================== */

.m-scrolling-promotion .m-promotion__text,
.m-scrolling-promotion .m-promotion__item,
.m-scrolling-promotion .m-promotion__item *,
.m-scrolling-promotion div {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 30px !important;
  
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #2A1568 !important;
}

/* 4. Star / Diamond Separator Icons */
.cerebix-ticket-bar .m-scrolling-promotion__icon,
.cerebix-ticket-bar svg {
  width: 12px !important;
  height: 12px !important;
  fill: #2A1568 !important;
  color: #2A1568 !important;
  margin: 0 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
/* ==========================================================================
   Dynamic Product Card Styling (Powered by Metafield Custom Variables)
   ========================================================================== */
/* Subheading ("Taste meet nutrition") */
.cerebix-products .m-section__subheading {
  font-family: 'Pacifico', cursive !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
  letter-spacing: 2.42px !important;
  color: #937E58 !important;
  text-align: center;
  text-transform: none !important;
}

/* Heading ("BREAKFASTS YOU'LL LOVE") */
.cerebix-products .m-section__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 48px !important;
  font-weight: 900 !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  text-align: center;
}
.cerebix-products .m-product-card {
  border: 2px solid var(--product-primary-color) !important;
  border-radius: 16px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.cerebix-products .m-product-card__media {
  border-radius: 12px !important;
  overflow: hidden !important;
  background: transparent !important;
}

.cerebix-products .m-product-card__title,
.cerebix-products .m-product-card__name {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  color: #2A1568 !important;
  text-align: center !important;
  margin-top: 12px !important;
  margin-bottom: 2px !important;
}

.cerebix-products .m-price-item--regular,
.cerebix-products .m-product-card__price * {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-align: center !important;
}

.cerebix-products .m-product-card__price {
  display: flex !important;
  justify-content: center !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.cerebix-products .m-product-option--content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

.cerebix-products label.m-product-option--node__label {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 2px !important;
  min-width: auto !important;
  height: auto !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--product-primary-color) !important;
  opacity: 0.7;
  cursor: pointer !important;
}

.cerebix-products label.m-product-option--node__label:not(:last-child)::after {
  content: " / " !important;
  margin-left: 6px !important;
  color: var(--product-primary-color) !important;
  font-weight: 400 !important;
}

.cerebix-products label.m-product-option--node__label[data-selected="true"],
.cerebix-products label.m-product-option--node__label.selected,
.cerebix-products label.m-product-option--node__label.is-selected,
.cerebix-products label.m-product-option--node__label[aria-checked="true"],
.cerebix-products input:checked + label.m-product-option--node__label,
.cerebix-products .m-product-option--node:has(input:checked) label {
  color: var(--product-primary-color) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

/* Product Cards Base (Scoped to .cerebix-products) */
.cerebix-products .m-product-card .m-button,
.cerebix-products .m-product-card button,
.cerebix-products .m-product-card a.m-button {
  --color-button: transparent !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;

  border: 1.5px solid var(--product-primary-color) !important;
  border-radius: 50px !important;
  background-color: #FFFFFF !important;
  color: var(--product-primary-color) !important;
  
  padding: 8px 16px !important;
  margin-top: auto !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

/* Product Cards Hover State */
.cerebix-products .m-product-card .m-button:hover,
.cerebix-products .m-product-card button:hover,
.cerebix-products .m-product-card a.m-button:hover {
  background-color: var(--product-primary-color) !important;
  background: var(--product-primary-color) !important;
  border-color: var(--product-primary-color) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
/*Static page----------------SECTION-----------------*/
/* ==========================================================================
   STEP 1: Section Background & Section Header Styling
   ========================================================================== */
/* ==========================================================================
   PURE PURPLE SECTION BACKGROUND & TRANSPARENT INNER CONTAINERS
   ========================================================================== */

/* 1. Main Outer Section Background */
.cerebics-info,
.m-custom-content.cerebics-info {
  background-color: #2A1568 !important; /* Primary Deep Purple */
  background: #2A1568 !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

/* 2. Clear Theme's Default Background on Inner Containers */
.cerebics-info .m-custom-content__container,
.cerebics-info .m-custom-content__inner,
.cerebics-info .m-section_header,
.cerebics-info .m-gradient,
.cerebics-info .m-color-default {
  background-color: transparent !important;
  background: transparent !important;
}

.cerebics-info .m-custom-content__container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* --------------------------------------------------------------------------
   3. SECTION HEADER TYPOGRAPHY & PARAGRAPH SIZING
   -------------------------------------------------------------------------- */

/* Subheading ("How Modern India Breakfasts") */
.cerebics-info .m-section__subheading {
  font-family: 'Pacifico', cursive !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
  letter-spacing: 2.42px !important;
  color: #FFFFFF !important;
  text-align: center !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  display: block !important;
}

/* Main Heading ("FUEL EVERY KIND OF MORNING") */
.cerebics-info .m-section__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 48px !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
  color: #FFFFFF !important;
  text-align: center !important;
  text-transform: uppercase !important;
  margin-top: 0 !important;
  margin-bottom: 40px !important;
  display: block !important;
}

/* Target paragraph strictly inside .cerebics-info section header */
.cerebics-info .m-richtext__description p,
.cerebics-info .m-slide__description p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #FFFFFF !important;
  line-height: 1.4 !important;
  text-align: center !important;
  
  /* Layout constraints for this section only */
  max-width: 100% !important;
  display: block !important;
}

/* --------------------------------------------------------------------------
   4. GLOBAL CARD STRUCTURE (ALL 4 CARDS INSIDE THIS SECTION)
   -------------------------------------------------------------------------- */
.cerebics-info .text-card-with-image,
.cerebics-info .m-text-card-with-image {

  border-radius: 16px !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Top Image */
.cerebics-info .text-card-with-image img,
.cerebics-info .m-text-card-with-image img {
  width: 100% !important;
  object-fit: cover !important;
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
  display: block !important;
}

/* Content Area Reset */
.cerebics-info .text-card-with-image__content {
  padding: 9px 20px 0px 20px !important;
  margin-top: 0 !important;
  --child-margin-top: 0px !important;
  --text-margin-top: 0px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  gap: 0px !important;
}

/* Hide theme default buttons/links inside cards */
.cerebics-info .text-card-with-image__content a,
.cerebics-info .text-card-with-image__content .m-button {
  display: none !important;
}

/* Force show headings & text elements inside cards */
.cerebics-info .text-card-with-image__content h3,
.cerebics-info .text-card-with-image__content h4,
.cerebics-info .text-card-with-image__content p,
.cerebics-info .text-card-with-image__content div {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* =========================================================
   FIXED CARD TYPOGRAPHY (Targeting Minimog HTML)
   ========================================================= */

/* Category Tag ("GYM MORNINGS") */
.cerebics-info .text-card-with-image__content .m-richtext__title,
.cerebics-info .text-card-with-image__content .m-richtext__subheading,
.cerebics-info .text-card-with-image__content h4,
.cerebics-info .text-card-with-image__subheading {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 900 !important;
  font-size: 10px !important;
  line-height: 15px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #2A1568 !important;
  margin: 0 0 0px 0 !important;
  padding-top: 4% !important;
  text-align: left !important;
  max-width: 100% !important;
}

/* Body Text ("Pre-workout fuel...") */
.cerebics-info .text-card-with-image__content .m-richtext__description,
.cerebics-info .text-card-with-image__content .m-richtext__description *,
.cerebics-info .text-card-with-image__text {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  color: #2A1568 !important;
  margin-top: 4px !important;
  padding-bottom:4% !important;
  text-align: left !important;
  max-width: 100% !important;
}

/* Global Bottom Accent Line Base */
.cerebics-info .text-card-with-image::after,
.cerebics-info .m-text-card-with-image::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}

/* --------------------------------------------------------------------------
   5. INDIVIDUAL CARD ACCENT COLORS (BOTTOM BARS)
   -------------------------------------------------------------------------- */

/* Card 1: Cyan Accent */
.cerebics-info .m-custom-content__wrapper > div:nth-child(1) .text-card-with-image::after,
.cerebics-info .m-custom-content__wrapper > div:nth-child(1) .m-text-card-with-image::after {
  background-color: #00BCD4 !important;
}

/* Card 2: Orange Accent */
.cerebics-info .m-custom-content__wrapper > div:nth-child(2) .text-card-with-image::after,
.cerebics-info .m-custom-content__wrapper > div:nth-child(2) .m-text-card-with-image::after {
  background-color: #E38318 !important;
}

/* Card 3: Green Accent */
.cerebics-info .m-custom-content__wrapper > div:nth-child(3) .text-card-with-image::after,
.cerebics-info .m-custom-content__wrapper > div:nth-child(3) .m-text-card-with-image::after {
  background-color: #1EAD37 !important;
}

/* Card 4: Purple Accent */
.cerebics-info .m-custom-content__wrapper > div:nth-child(4) .text-card-with-image::after,
.cerebics-info .m-custom-content__wrapper > div:nth-child(4) .m-text-card-with-image::after {
  background-color: #A855F7 !important;
}
/* ==========================================================================
   Cerebix Testimonials - Complete Master Stylesheet
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Section Header & Centering
   -------------------------------------------------------------------------- */
.cerebix-testimonials .m-testimonials__header,
.cerebix-testimonials .m-section__header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* Subheading ("WHAT OUR CUSTOMERS SAY") */
.cerebix-testimonials .m-section__subheading {
  font-family: 'Pacifico', cursive;
  font-weight: 400;
  font-size: 20px;
  line-height: 15px;
  letter-spacing: 2.42px;
  color: #937E58;
  text-transform: none;
  text-align: center;
  margin-bottom: 18px;
}

/* Main Heading ("FUEL EVERY KIND OF MORNING") */
.cerebix-testimonials .m-section__heading {
  font-weight: 900;
  font-size: 48px;
  line-height: 42px;
  letter-spacing: 0px;
  color: #2A1568;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0;
  margin-bottom: 32px;
}

/* --------------------------------------------------------------------------
   2. Remove Slide Overlays & Adjust Spacing
   -------------------------------------------------------------------------- */
/* Remove opacity/tint overlay from inactive slides */
.cerebix-testimonials .swiper-slide {
  opacity: 1;
  filter: none;

}

.cerebix-testimonials .swiper-slide::before,
.cerebix-testimonials .swiper-slide::after,
.cerebix-testimonials .m-testimonial::before,
.cerebix-testimonials .m-testimonial::after {
  display: none;
  content: none;
  background: none;
  opacity: 0;
}

/* Outer wrapper cleanup */
.cerebix-testimonials .m-testimonial,
.cerebix-testimonials .m-testimonial__wrapper {
  background-color: transparent;
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
  opacity: 1;
}



/* --------------------------------------------------------------------------
   3. Inner Layout (Image Left 45%, Review Right 55%)
   -------------------------------------------------------------------------- */
.cerebix-testimonials .m-testimonial__content {
  display: flex;
  flex-direction: row-reverse; /* Places image on left, review box on right */
  align-items: stretch;
  gap: 16px;
  width: 100%;
}

/* Image Card Styling (45% Width) */
.cerebix-testimonials .m-testimonial__image {
  flex: 0 0 45%;
  width: 45%;
  max-width: 45%;
  margin: 0;
  border-radius: 16px;
  
  align-self: stretch;
}

.cerebix-testimonials .m-testimonial__image img,
.cerebix-testimonials .m-testimonial__image responsive-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

/* Review Card Styling (White Box with Purple Border) */
.cerebix-testimonials .m-testimonial__info {
  flex: 1;
  background-color: #ffffff;
  border: 1.5px solid #2A1568;
  border-radius: 16px;
  padding:  10px;
  display: flex;
  flex-direction: column;
  
}
/* Strip all padding from the testimonial wrapper */
.m-testimonials--layout-6 .m-testimonial .m-testimonial__wrapper,
.m-testimonials--layout-6 .m-testimonial__wrapper,
.cerebix-testimonials .m-testimonial__wrapper {
  padding: 0 !important;
}
/* Review Title / Quote Headline */
.cerebix-testimonials .m-testimonial__title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-align: center;
  margin-bottom: 8px;
}

/* Review Body Text (Targeting inner RTE paragraph tags) */
.cerebix-testimonials .m-testimonial__description,
.cerebix-testimonials .m-testimonial__description p,
.cerebix-testimonials .m-testimonial__text,
.cerebix-testimonials .m-testimonial__text p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-align: center;
}

/* Author Name & Location (Targeting inner paragraph tags) */
.cerebix-testimonials .m-testimonial__name,
.cerebix-testimonials .m-testimonial__name p,
.cerebix-testimonials .m-testimonial__author-name,
.cerebix-testimonials .m-testimonial__author {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: normal !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-align: center;
}
/* Star Rating Color & Border Fix */
.cerebix-testimonials .m-stars,
.cerebix-testimonials .m-stars svg,
.cerebix-testimonials .m-star svg,
.cerebix-testimonials .m-icon--star-solid {
  color: #F0BD2F !important;
  fill: #F0BD2F !important;
  stroke: #F0BD2F !important;
  text-align: center;
}

/* Specific SVG path targeting for outlines */
.cerebix-testimonials .m-stars svg path,
.cerebix-testimonials .m-star svg path {
  fill: #F0BD2F !important;
  stroke: #F0BD2F !important;
}
/* 1. Make all slides equal height */
.cerebix-testimonials .swiper-slide {
  height: auto;
}

.cerebix-testimonials .m-testimonial,
.cerebix-testimonials .m-testimonial__wrapper,
.cerebix-testimonials .m-testimonial__content {
  height: 100%;
}

/* 2. Force the Review Box to fill height and justify content consistently */
.cerebix-testimonials .m-testimonial__info {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* 3. Push author name to the bottom so spacing remains uniform */
.cerebix-testimonials .m-testimonial__author,
.cerebix-testimonials .m-testimonial__name {
  margin-top: 20px;
}
/* ==========================================================================
   Cerebix Icon Box Section (.cerebix-icon)
   ========================================================================== */

/* --- 1. Headings & Typography (All Screens) --- */
.cerebix-icon .m-section__subheading {
  font-family: 'Pacifico', cursive !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 15px !important;
  letter-spacing: 2.42px !important;
  color: #937E58 !important;
  text-transform: none !important;
  text-align: center !important;
  margin-bottom: 18px !important;
}

.cerebix-icon .m-section__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 48px !important;
  line-height: 42px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-top: 0 !important;
  margin-bottom: 72px !important;
}

.cerebix-icon .m-icon-box__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  line-height: 28px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-top: 16px !important;
  margin-bottom: 12px !important;
  position: relative !important;
  padding-bottom: 12px !important;
  display: inline-block !important;
  width: 100% !important;
}

/* Heading Underline Accent Bar Base */
.cerebix-icon .m-icon-box__heading::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 4px !important;
  border-radius: 2px !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
}

/* Accent Bar Colors */
.cerebix-icon .m-mixed-layout__inner > div:nth-child(1) .m-icon-box__heading::after,
.cerebix-icon .m-column:nth-child(1) .m-icon-box__heading::after { background-color: #FF5A1F !important; }

.cerebix-icon .m-mixed-layout__inner > div:nth-child(2) .m-icon-box__heading::after,
.cerebix-icon .m-column:nth-child(2) .m-icon-box__heading::after { background-color: #2CD158 !important; }

.cerebix-icon .m-mixed-layout__inner > div:nth-child(3) .m-icon-box__heading::after,
.cerebix-icon .m-column:nth-child(3) .m-icon-box__heading::after { background-color: #38B6FF !important; }

.cerebix-icon .m-mixed-layout__inner > div:nth-child(4) .m-icon-box__heading::after,
.cerebix-icon .m-column:nth-child(4) .m-icon-box__heading::after { background-color: #B55EFF !important; }

/* Body Text & Circular Icons */
.cerebix-icon .m-icon-box__description,
.cerebix-icon .m-icon-box__description p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #2A1568 !important;
  text-align: center !important;
  margin-top: 12px !important;
}

.cerebix-icon .m-icon-box__icon {
  border-radius: 50% !important;
  width: 64px !important;
  height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

.cerebix-icon .m-mixed-layout__inner > div:nth-child(1) .m-icon-box__icon,
.cerebix-icon .m-column:nth-child(1) .m-icon-box__icon { background-color: #FFE5D9 !important; }

.cerebix-icon .m-mixed-layout__inner > div:nth-child(2) .m-icon-box__icon,
.cerebix-icon .m-column:nth-child(2) .m-icon-box__icon { background-color: #E2F9E5 !important; }

.cerebix-icon .m-mixed-layout__inner > div:nth-child(3) .m-icon-box__icon,
.cerebix-icon .m-column:nth-child(3) .m-icon-box__icon { background-color: #D6F5F8 !important; }

.cerebix-icon .m-mixed-layout__inner > div:nth-child(4) .m-icon-box__icon,
.cerebix-icon .m-column:nth-child(4) .m-icon-box__icon { background-color: #F8E0FB !important; }





/* --- 2. DESKTOP ONLY LAYOUT (>= 768px) --- */
@media screen and (min-width: 768px) {
  .cerebix-icon .m-mixed-layout__inner,
  .cerebix-icon .m-row {
    gap: 32px !important;
    display: flex !important;
    justify-content: center !important;
  }

  .cerebix-icon .m-column,
  .cerebix-icon .m-mixed-layout__inner > div {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* --- 3. MOBILE SLIDER LAYOUT (< 767px) --- */
@media screen and (max-width: 767px) {


    /* Hide the scrollbar */
    scrollbar-width: none !important;        /* Firefox */
    -ms-overflow-style: none !important;     /* IE/Edge */
  }
  @media screen and (max-width: 767px) {
  .cerebix-icon .m-mixed-layout__inner {
    --mobile-column-width: 72vw !important;
  }
}

  /* Hide scrollbar in Chrome/Safari */
  .cerebix-icon .m-mixed-layout__inner::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }



/* ==========================================================================
   Custom Blog Section Header Styling (.custom-blog)
   ========================================================================== */

/* Subheading ("Fresh, healthy ideas in every bowl") */
.custom-blog .m-section__subheading {
  font-family: 'Pacifico', cursive !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 15px !important;
  letter-spacing: 2.42px !important;
  color: #937E58 !important;
  text-transform: none !important;
  text-align: center !important;
  margin-bottom: 12px !important;
}

/* Main Heading ("THE OATS KITCHEN") */
.custom-blog .m-section__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important; /* Black */
  font-size: 48px !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-top: 0 !important;
  margin-bottom: 32px !important;
}
/* ==========================================================================
   Custom Article Card Title (.custom-blog .m-article-card__title)
   ========================================================================== */

.custom-blog .m-article-card__title,
.custom-blog .m-article-card__title a {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important; /* Medium */
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: -1px !important;
  color: #2A1568 !important; /* deepr-blue */
  text-decoration: none !important;
  margin-bottom: 8px !important;
}

/* Hover state for article title link */
.custom-blog .m-article-card__title a:hover {
  color: #FF5A1F !important; /* Theme orange highlight on hover */
}
/* ==========================================================================
   Article Card Date Styling (.custom-blog .m-article-card__date)
   ========================================================================== */

.custom-blog .m-article-card__date,
.custom-blog .m-article-card__date time {
  color: #2A1568 !important; /* deepr-blue */
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  line-height: 22px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
/* ==========================================================================
   Cerebics Banner Hero Section (.cerebics-banner)
   ========================================================================== */

/* 1. Position Card to the Left */
.cerebics-banner .m-hero__inner {
  display: flex !important;
  justify-content: flex-start !important;
  padding-left: 5% !important;
}

/* 2. Container Card Box */
.cerebics-banner .m-hero__content {
  background-color: #2A1568 !important; /* Deep Purple */
  border-radius: 24px !important;
  padding: 40px 36px !important;
  max-width: 460px !important; /* Prevents overlapping family in image */
  width: 100% !important;
  text-align: left !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  margin: 0 !important;
  
  /* Flex layout to enforce strict element order */
  display: flex !important;
  flex-direction: column !important;
}

/* --------------------------------------------------------------------------
   STRICT ELEMENT ORDERING (Top to Bottom)
   -------------------------------------------------------------------------- */

/* 1ST: Main Heading ("THE BREAKFAST INDIA ACTUALLY DESERVES") */
.cerebics-banner .m-hero__content .m-hero__title {
  order: 1 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 38px !important;
  line-height: 40px !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* 2ND: Subtitle ("The whole family meal") */
.cerebics-banner .m-hero__content .m-hero__subtitle {
  order: 2 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  color: #FFFFFF !important;
  text-align: left !important;
  margin-bottom: 12px !important;
  margin-top: 12px !important;
  display: block !important;
}

/* 3RD: Description Text ("Formulated for everyone...") */
.cerebics-banner .m-hero__content .m-hero__text,
.cerebics-banner .m-hero__content .m-hero__text p {
  order: 3 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 22px !important;
  color: #E2DFE8 !important;
  text-align: left !important;
  margin-bottom: 2px !important;
}

/* 4TH: Button & Button Wrapper (Forces to VERY BOTTOM) */
.cerebics-banner .m-hero__content > div:last-child,
.cerebics-banner .m-hero__content > a,
.cerebics-banner .m-hero__btn-wrapper,
.cerebics-banner .m-hero__buttons {
  order: 99 !important; /* High order guarantees bottom placement */
  align-self: flex-start !important;
  margin-top: 8px !important;
}



/* Responsive adjustment for Mobile */
@media screen and (max-width: 767px) {
  .cerebics-banner .m-hero__inner {
    padding-left: 0 !important;
    justify-content: center !important;
  }
  
  .cerebics-banner .m-hero__content {
    max-width: 100% !important;
    padding: 24px 20px !important;
  }
  
  .cerebics-banner .m-hero__title {
    font-size: 28px !important;
    line-height: 30px !important;
  }
}
/* Remove top padding and align content to the top */
.cerebics-banner .m-hero__inner {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important; /* Pulls the card to the top */
  padding-top: 34px !important;          /* Removes top padding */
  padding-left: 5% !important;
}
/*PRODUCT PAGE----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------*/
/* ==========================================================================
   Cerebix Product Icon Scrolling Bar (.cerebix-product-icon)
   ========================================================================== */

/* ==========================================================================
   Cerebix Product Icon Overlay - Transparent (.cerebix-product-icon)
   ========================================================================== */

/* 1. Remove background, pull icons up over the image */
.cerebix-product-icon {
  margin-top: -65px !important; /* Pulls icons up over the image bottom */
  position: relative !important;
  z-index: 10 !important;
  background: transparent !important; /* Fully transparent - removes white/blue box */
  box-shadow: none !important;
  padding-top: 0 !important;
  padding-bottom: 12px !important;
}

/* Remove section & container backgrounds/padding */
.cerebix-product-icon.m-section-py,
.cerebix-product-icon .container-full,
.cerebix-product-icon .m-scrolling-promotion,
.cerebix-product-icon .m-promotion {
  background: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-shadow: none !important;
}

/* 2. Text Styling (Bold, White, Upper Case) */
.cerebix-product-icon .m-promotion__item,
.cerebix-product-icon .m-promotion__text,
.cerebix-product-icon span,
.cerebix-product-icon p {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 42px !important;
  line-height: 26px !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  /* Soft shadow so white text stays readable over lighter parts of the image */
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* 3. Icon Styling & Alignment */
.cerebix-product-icon .m-promotion__item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
}

.cerebix-product-icon .m-promotion__item img,
.cerebix-product-icon .m-promotion__item svg {
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3)) !important;
}

/* Mobile Responsiveness */
@media screen and (max-width: 767px) {
  .cerebix-product-icon {
    margin-top: -50px !important;
  }
  
  .cerebix-product-icon .m-promotion__text,
  .cerebix-product-icon span {
    font-size: 16px !important;
  }
}
/* Remove default calc margin on scrolling promotion items */
.cerebix-product-icon .m-promotion__item {
  margin: 0 !important;
  padding-left : 10px;
  padding-right : 18px;

}

@media (min-width: 750px) {
  .cerebix-product-icon .m-promotion__item {
    margin: 0 !important;
  }
}
@media (min-width: 750px) {
  .cerebix-product-icon .m-promotion__item {
    margin: 0 !important;
  }
}
/* Target the main section element directly */
.cerebix-oats,
.m-hero-section.cerebix-oats,
#shopify-section-template--17585932042449__image_with_text_2_mRiBKb {
  margin-top: 20px !important;
  padding-top: 20px !important;
  clear: both !important;
}
/* Make section background transparent to match testimonials background */
.Cerebix-upbutton,
.Cerebix-upbutton .container,
.Cerebix-upbutton .m-section-py {
  background-color: transparent !important;
  background: transparent !important;
}

/* Tighten vertical spacing so it sits neatly under testimonials */
.Cerebix-upbutton {
  padding-top: 10px !important;
  padding-bottom: 30px !important;
  margin-top: -70px !important; /* Pulls button up closer */
}

/* Remove default inner margins */
.Cerebix-upbutton .m-richtext {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
}


/* ==========================================================================
   2. HEADER & SUBHEADING STYLING (CENTERED)
   ========================================================================== */
.product-icon .m-section__header {
  text-align: center !important;
  padding-bottom: 0px;
  width: 100% !important;
  margin: 0 auto 30px auto !important;
}

.product-icon .m-section__subheading {
  font-family: 'Pacifico', cursive !important;
  font-size: 20px !important;
  line-height: 15px !important;
  letter-spacing: 2.42px !important;
  color: #937E58 !important;
  text-align: center !important;
  padding-bottom: 18px;
  display: block !important;
  margin: 0 auto 8px auto !important;
}

.product-icon .m-section__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 48px !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  display: block !important;
  margin: 0 auto !important;
}

  
/*cerebix-rolled oaatssss*/
/* ==========================================
   CEREBIX ROLLED OATS - POSITION & OVERLAP FIX
   ========================================== */

/* 1. Ensure parent containers allow overflow */
.cerebix-rolledoats .m-image-with-text__inner {
  overflow: visible !important;
  padding: 40px 40px 40px 40px !important;
}

.cerebix-rolledoats .m-image-with-text__image {
  overflow: visible !important;
  position: relative !important;
}

.cerebix-rolledoats <m-image-layer>,
.cerebix-rolledoats .m-image-layer {
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 15px !important;
}

/* 2. Position the Oats Bowl (Left Image) to overlap the left edge */
.cerebix-rolledoats .m-image-with-text__image-first {
  position: relative !important;
  margin-left: -90px !important; /* Pulls image outside the left border of the teal card */
  margin-right: -20px !important; /* Reduces gap between bowl and nutrition card */
  flex: 0 0 320px !important;
  width: 320px !important;
  max-width: none !important;
  z-index: 10 !important;
}

/* Remove white background / clipping from bowl container */
.cerebix-rolledoats .m-image-with-text__image-first,
.cerebix-rolledoats .m-image-with-text__image-first .m-image,
.cerebix-rolledoats .m-image-with-text__image-first responsive-image {
  background-color: transparent !important;
  background: none !important;
  overflow: visible !important;
}

.cerebix-rolledoats .m-image-with-text__image-first img {
  object-fit: contain !important;
  width: 100% !important;
  height: auto !important;
  filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.15)) !important;
}

/* 3. Position the White Nutrition Info Card (Second Image) */
.cerebix-rolledoats .m-image-with-text__image-second {
  flex: 0 0 300px !important;
  width: 300px !important;
  background-color: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  z-index: 5 !important;
  overflow: hidden !important;
}

.cerebix-rolledoats .m-image-with-text__image-second img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* 4. Align Text Column on the Right */
.cerebix-rolledoats .m-image-with-text__content {
  margin-left: auto !important;
  padding-left: 30px !important;
}
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@900&family=Pacifico&display=swap');

/* Subheading: "The Cerebix Difference" */
.product-information .m-section__subheading {
  font-family: 'Pacifico', cursive !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 15px !important;
  letter-spacing: 2.42px !important;
  color: #937E58 !important;
  margin-bottom: 18px !important;
}

/* Main Heading: "WHY CEREBIX?" */
.product-information .m-section__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 48px !important;
  line-height: 42px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  margin-bottom: 24px !important;
}

/* Mobile responsive adjustments */
@media screen and (max-width: 640px) {
  .product-information .m-section__subheading {
    font-size: 16px !important;
    line-height: 14px !important;
  }

  .product-information .m-section__heading {
    font-size: 34px !important;
    line-height: 32px !important;
  }
}
/* Scope strictly to the main product page template */
.template-product .m-main-product .main-product__block-title .m-product-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important; /* Black */
  font-size: 64px !important;
  line-height: 70px !important;
  letter-spacing: -1px !important;
  color: #2A156B !important; /* Deep Purple */
  text-transform: uppercase;
}

/* Mobile responsive scaling */
@media only screen and (max-width: 767px) {
  .template-product .m-main-product .main-product__block-title .m-product-title {
    font-size: 42px !important;
    line-height: 48px !important;
  }
}
/* 1. Main Sale Price (₹150 in Figma: Barlow Condensed, Black 900, 28px, #2A156B) */
.template-product .m-main-product .main-product__block-price .m-price .m-price-item--sale,
.template-product .m-main-product .main-product__block-price .m-price .m-price__regular .m-price-item {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  line-height: 28px !important;
  color: #2A156B !important;
}

/* 2. Compare-at / Original Price (₹180 crossed out in Figma) */
.template-product .m-main-product .main-product__block-price .m-price .m-price-item--regular {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  color: #2A156B !important;
}

/* Direct override for Minimog sale badge color */
body .m-product-tag--sale,
span.m-product-tag--sale,
.m-color-badge-sale {
  background-color: #2A156B !important;
  background-image: none !important;
  color: #FFFFFF !important;
}

/* Force inner text/spans to remain crisp white */
body .m-product-tag--sale *,
span.m-product-tag--sale * {
  color: #FFFFFF !important;
}
/* Hide 'Tax included.' text on the main product page */
.template-product .m-main-product .main-product__block-price .m-product-tax {
  display: none !important;
}
/* Reset list formatting for the features block */
.template-product .m-main-product .main-product__block-custom_text .metafield-rich_text_field ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 12px 0 !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Feature Item Typography (Figma Specs: DM Sans, Regular 14px / 22px, #2A156B) */
.template-product .m-main-product .main-product__block-custom_text .metafield-rich_text_field li {
  position: relative;
  padding-left: 28px !important; /* Space for icon */
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #2A156B !important;
  list-style-type: none !important;
}

/* Remove default bullet dots */
.template-product .m-main-product .main-product__block-custom_text .metafield-rich_text_field li::marker {
  content: "" !important;
  display: none !important;
}

/* Custom Vector.svg bullet icon */
.template-product .m-main-product .main-product__block-custom_text .metafield-rich_text_field li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px; /* Vertically aligns icon with the 14px/22px text */
  width: 18px;
  height: 18px;
  background-image: url('/cdn/shop/files/Vector.svg?v=1785392197');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* Selected Size Button (Active State - var(--product-primary-color) Teal) */
.m-product-option--button .m-product-option--node input:checked + label,
.m-product-option--button .m-product-option--node_label[data-selected-true] {
  background-color: var(--product-primary-color) !important;
  border-color: var(--product-primary-color) !important;
  color: #FFFFFF !important;
}

/* Unselected Size Buttons Base Style */
.m-product-option--button .m-product-option--node_label {
  border-color: #E5E5E5 !important;
  color: #2A156B !important;
  border-radius: 6px !important;
 
}

/* Hover State for Unselected Buttons */
.m-product-option--button .m-product-option--node_label:hover {
  border-color: var(--product-primary-color) !important;
  color: var(--product-primary-color) !important;
}
/* Keep Size label and selected value in deep purple/blue */
.template-product .m-main-product .m-product-option--label,
.template-product .m-main-product .m-product-option--label * {
  color: #2A156B !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
/* Scope strictly to the Main Product Section */
.template-product .m-main-product {

  /* 1. QUANTITY Label (Teal var(--product-primary-color), Uppercase, 1px Letter Spacing) */
  .m-product-form--input > label.m-product-option--label {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 15px !important;
    letter-spacing: 1px !important;
    color: var(--product-primary-color) !important; /* Teal */
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
  }

  /* 2. Quantity Selector Box & Buttons */
  .m-quantity {
    background: transparent !important;
    border: none !important;
  }

  /* Plus/Minus Buttons (Outlined Square Boxes with Teal Icons) */
  .m-quantity__button {
    border: 1px solid #CCCCCC !important;
    background: #FFFFFF !important;
    border-radius: 0px !important;
    width: 36px !important;
    height: 36px !important;
    color: var(--product-primary-color) !important; /* Teal plus/minus sign */
  }

  /* Quantity Number Input (Teal Text) */
  .m-quantity__input {
    color: var(--product-primary-color) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    background: transparent !important;
  }

  /* 3. ADD TO CART Button (Teal Pill var(--product-primary-color)) */
  .m-add-to-cart,
  button[name="add"] {
    background-color: var(--product-primary-color) !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-radius: 50px !important; /* Fully Rounded Pill */
    border: none !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    height: 46px !important;
   
  }

  .m-add-to-cart:hover,
  button[name="add"]:hover {
    opacity: 0.9 !important;
    background-color: #008C94 !important;
  }

  /* 4. BUY IT NOW Button (Deep Purple Pill #2A156B) */
  .shopify-payment-button__button--unbranded,
  .m-product-dynamic-checkout button {
    background-color: #2A156B !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-radius: 50px !important; /* Fully Rounded Pill */
    border: none !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    height: 46px !important;
  
  }

  .shopify-payment-button__button--unbranded:hover,
  .m-product-dynamic-checkout button:hover {
    opacity: 0.9 !important;
    background-color: #1E0E4C !important;
  }
}
/* Collapsible Accordion Tab Headers (Description, Nutritional Fact, Allergen Information) */
.template-product .m-main-product .m-collapsible--button,
.template-product .m-main-product .m-collapsible--button span {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important; /* Bold */
  font-size: 16px !important;
  line-height: 22px !important;
  color: #2A156B !important; /* deepr-blue */
}

/* Style the accordion icon (+ / - or chevron) to match deep purple */
.template-product .m-main-product .m-collapsible--button .m-collapsible--icon,
.template-product .m-main-product .m-collapsible--button .m-collapsible--icon * {
  color: #2A156B !important;
  stroke: #2A156B !important;
}
/* Update "THE CEREBIX DIFFERENCE" heading styling */
.cbx-main-title {
  text-align: center;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 48px !important;
  font-weight: 900 !important;
  line-height: 42px !important;
  color: #2A156B !important; /* Updated from #2B1F4D to match Figma deep purple */
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0px;
  text-transform: uppercase;
}
/* 2. Quantity Selector Outer Container */
.m-quantity {
  background: transparent !important;
  border: none !important;
  
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important; /* Adjust spacing between buttons and number if needed */
}

/* Plus/Minus Buttons (Outlined Square Boxes with Teal Icons) */
.m-quantity__button {
  border: 1px solid #CCCCCC !important;
  background: #FFFFFF !important;
  border-radius: 0px !important;
  width: 36px !important;
  height: 36px !important;
  color: var(--product-primary-color) !important; /* Teal plus/minus sign */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* Quantity Number Input (Teal Text) */
.m-quantity__input {
  color: var(--product-primary-color) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  background: transparent !important;
  height: 36px !important;
  line-height: 36px !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 1024px) {
  /* 1. Clear out forced container paddings */
  .cerebix-product-icon,
  .cerebix-product-icon .m-section-py,
  #shopify-section-template--17585932042449__scrolling_promotion_BYAANi {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    --section-padding-top: 0px !important;
    --section-padding-bottom: 0px !important;
    overflow: visible !important;
  }

  /* 2. Pull higher up onto the blue table surface */
  .cerebix-product-icon {
    position: relative !important;
    z-index: 20 !important;
    margin-top: -125px !important; /* Pulls ticker ~20px higher up */
    margin-bottom: 10px !important;
  }

  /* 3. Keep text & icons crisp and unclipped */
  .cerebix-product-icon .m-scrolling-promotion {
    background-color: transparent !important;
    overflow: visible !important;
    padding: 6px 0 !important;
  }
}
/* Override Slider Controls Position on Mobile */
@media screen and (max-width: 767px) {
  .m-testimonials--layout-6 .m-slider-controls,
  .m-testimonials__wrapper .m-slider-controls {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    margin-top: 16px !important;
    margin-bottom: 20px !important;
  }
}
/* ============================================================
   MOBILE POLISH & BREATHING ROOM FIX (< 767px)
   ============================================================ */
@media screen and (max-width: 767px) {

  /* 1. Add side padding to the whole testimonial section so cards don't touch screen edges */
  .m-testimonials,
  .m-testimonials__wrapper,
  .m-section-my {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* 2. Style the Review Card with proper margin, shadow, and inner breathing room */
  .m-testimonial__info {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 20px 0 !important; /* Space above and below */
    padding: 22px 20px !important;    /* Inner text padding */
    border-radius: 16px !important;
    border: 1px solid rgba(40, 24, 98, 0.15) !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  }

  /* 3. Re-order and position the Slider Controls (Arrows / Fraction) below the Card */
  .m-testimonials--layout-6 .m-slider-controls,
  .m-testimonials__wrapper .m-slider-controls,
  .m-slider-controls {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 12px auto 24px auto !important; /* Sitting neatly under card */
    z-index: 2 !important;
  }

  /* 4. Ensure Write a Review button has clean top spacing */
  .m-testimonials .m-button,
  .m-testimonials a.sf__btn {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }
}
/* Mobile Font Size Fix for All Section Headings (< 768px) */
@media screen and (max-width: 768px) {
  .cerebix-testimonials .m-section__heading,
  .product-icon .m-section__heading,
  .cerebics-info .m-section__heading,
  .custom-blog .m-section__heading {
    font-size: 32px !important;
    line-height: 34px !important;
  }
}
@media screen and (max-width: 767px) {


  /* 4. Text content spacing from top */
  .hero-banner .m-slide__content {
 
    z-index: 2 !important;
    width: 100% !important;
    padding-top: 0px !important; /* Adjust if you want text closer/farther from top header */
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: center !important;
    top: auto !important;
    transform: none !important;
  }

  /* 5. Keep buttons side-by-side */
  .hero-banner .m-slide__button,
  .hero-banner .m-richtext__button {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 20px !important;
  }

  .hero-banner .m-slide__button a,
  .hero-banner .m-richtext__button a {
    width: auto !important;
    flex: 1 !important;
    max-width: 170px !important;
    padding: 10px 14px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }
}
@media screen and (max-width: 767px) {
  .hero-banner .m-richtext__description,
  .hero-banner .m-slide__description,
  .hero-banner .m-richtext__description p,
  .hero-banner .m-slide__description p {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  /* Fix margin-top on the wrapper (double underscore fix) */
  .m-product-card__action-wrapper,
  .m-product-card--style-4 .m-product-card__content .m-product-card__action-wrapper {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
  }

  /* Shrink the button height and padding */
  .m-product-card__action-wrapper .m-product-quickview-button,
  .m-product-card__action-wrapper button,
  .m-product-card__action-wrapper .m-button {
    min-height: unset !important;
    height: auto !important;
    padding: 6px 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
}
@media screen and (max-width: 767px) {
  /* Force text to stay on one line and adjust button dimensions */
  .m-product-card__action-wrapper .m-product-quickview-button,
  .m-product-card__action-wrapper button,
  .m-product-card__action-wrapper .m-button,
  .m-product-card__action-wrapper span {
    white-space: nowrap !important;
    font-size: 10px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    letter-spacing: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  /* Match the exact selector on line 241 to break the height lock */
  .cerebix-products .m-mixed-layout__inner > div .m-product-card,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(1) .m-product-card,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(2) .m-product-card {
    height: auto !important;
    max-height: fit-content !important;
  }
}

  /* 2. Set Title Font Size to 20px & Remove Margin-Top */
  .cerebix-products .m-product-card__title,
  .cerebix-products .m-product-card__name,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(1) .m-product-card__title,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(1) .m-product-card__name {
    font-size: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
  }

  /* 3. Remove space after 500g / 1kg variant picker */
  .cerebix-products .m-product-card .m-product-option,
  .cerebix-products pcard-swatch,
  .cerebix-products [data-pcard-variant-picker] {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .cerebix-products .m-product-option:not(:last-child) {
    margin-bottom: 2% !important;
  }
@media screen and (max-width: 767px) {
  /* Override every single card child (1 through 4) */
  .cerebix-products .m-mixed-layout__inner > div:nth-child(1) .m-product-card__title,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(1) .m-product-card__name,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(2) .m-product-card__title,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(2) .m-product-card__name,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(3) .m-product-card__title,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(3) .m-product-card__name,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(4) .m-product-card__title,
  .cerebix-products .m-mixed-layout__inner > div:nth-child(4) .m-product-card__name {
    font-size: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
  }
}
/* Center align the sale price wrapper */
  .cerebix-products .m-product-card__content.m\:text-left .m-price--on-sale .m-price__sale,
  .cerebix-products .m-product-card__content .m-price--on-sale .m-price__sale {
    justify-content: center !important;
  }
  /* --- Fix slash (::after) spacing between variants --- */
.cerebix-products label.m-product-option--node__label::after {
  margin-left: 2px !important;
  margin-right: 2px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ensure flex/inline container doesn't force space-between */
.cerebix-products .m-product-option--content {
  gap: 2px !important;
  justify-content: center !important;
}

/* Keep label margins tight */
.cerebix-products label.m-product-option--node__label {
  margin: 0 !important;
  padding: 0 2px !important;
}

/* ==========================================================================
   GLOBAL CEREBIX BUTTON OVERRIDE (Targets All Store Buttons)
   ========================================================================== */


/* ==========================================================================
   MOBILE HERO OVERLAY (Percentage-based Transform)
   ========================================================================== */

@media screen and (max-width: 767px) {
  /* 1. Keep normal flow on container */
  .cerebics-banner,
  .cerebics-banner .m-hero {
    display: block !important;
    position: relative !important;
  }

  /* 2. Reset padding on inner wrapper */
  .cerebics-banner .m-hero__inner {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: center !important;
    width: 100% !important;
  }

/* Pull card way higher toward the top */
  .cerebics-banner .m-hero__content {
    position: relative !important;
    z-index: 10 !important;
        /* Pulls lower section up to close whitespace */
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 24px 20px !important;
  }

  .cerebics-banner .m-hero__title {
    font-size: 28px !important;
    line-height: 30px !important;
  }
}
/* ==========================================================================
   MOBILE HEADINGS OVERRIDE (32px Font Size)
   ========================================================================== */

@media screen and (max-width: 767px) {
  /* 1. Hero Title ("THE BREAKFAST INDIA ACTUALLY DESERVES") */
  .cerebics-banner .m-hero__content .m-hero__title,
  .cerebics-banner .m-hero__title {
    font-size: 32px !important;
    line-height: 34px !important;
  }

  /* 2. Icon Box Section Title ("WHY CEREBIX?") */
  .cerebix-icon .m-section__heading {
    font-size: 32px !important;
    line-height: 34px !important;
  }

  /* 3. Products Section Title ("Breakfasts You'll Love") */
  .cerebix-products .m-section__heading {
    font-size: 32px !important;
    line-height: 34px !important;
  }
}
/* Background Color & FAQ Section Styling */
.cerebix-faq {
  background-color: #F4F0EA !important; /* Cream/beige background matching Figma */
}

/* FAQ Titles Styling */
.cerebix-faq .m-collapsible--button {
  color: #2A1568 !important; /* Figma purple text color */
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-bottom: 1px solid #D1C9BF !important; /* Subtraction line divider color */
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* SVG Accordion Arrow Color (Figma Purple) */
.cerebix-faq .m-collapsible--button svg,
.cerebix-faq .m-collapsible--button svg path {
  fill: #2A1568 !important;
  stroke: #2A1568 !important;
}
/* 1. Force full section wrapper to stack header on top of the content grid */
.cerebix-faq .m-collapsible__content-wrapper,
.cerebix-faq .container,
.cerebix-faq [class*="content"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* 2. Position the Header at the top center */
.cerebix-faq .m-section__header {
  order: -1 !important; /* Moves header above image and FAQs */
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 35px !important;
}

/* 3. Subheading ("Got questions? We've got answers!") */
.cerebix-faq .m-section__subheading,
.cerebix-faq p.m-section__subheading {
  font-family: 'Pacifico', cursive !important;
  font-size: 20px !important;
  color: #C19A6B !important; /* Tan accent color from Figma */
  margin-bottom: -15px !important; /* Pulls title tight under cursive text */
  text-transform: none !important;
  display: block !important;
  text-align: center !important;
}

/* 4. Main Heading ("FREQUENTLY ASKED QUESTIONS") */
.cerebix-faq .m-section__heading,
.cerebix-faq h2.m-section__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 48px !important;
  font-weight: 900 !important; /* Heavy/Black weight */
  color: #2A1568 !important; /* Deep Figma purple */
  text-transform: uppercase !important;
  line-height: 1 !important;
  margin-top: 0 !important;
  text-align: center !important;
}
/* 1. Stack Subheading on TOP of Main Heading */
.head-subhead .m-richtext {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* 2. Cursive Subheading ("Got questions? We've got answers!") */
.head-subhead .m-richtext__description,
.head-subhead .m-richtext__description p {
  order: -1 !important; /* Moves subheading above the title */
  font-family: 'Pacifico', cursive !important;
  font-size: 20px !important;
  color: #C19A6B !important; /* Tan accent color from Figma */
  margin-bottom: 12px !important; /* Pulls main title up tight underneath */
  text-transform: none !important;
}

/* 3. Main Heading ("FREQUENTLY ASKED QUESTIONS") */
.head-subhead .m-richtext__title,
.head-subhead h2.m-richtext__title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 48px !important;
  font-weight: 900 !important; /* Black/Heavy font weight */
  color: #2A1568 !important; /* Deep Figma purple */
  text-transform: uppercase !important;
  line-height: 1 !important;
  margin-top: 0 !important;
}
/* ===================================================
   CEREBIX HEADER: LAYOUT & TYPOGRAPHY STYLES
   =================================================== */

/* 2. Menu Links Font Color, Size & Weight */
.m-header .m-menu__item > a,
.m-header .m-menu__link,
.m-header__menu a {
  color: #2A1A5E !important;          /* Deep Purple Brand Color */
  font-size: 15px !important;           /* Adjust size as needed */
  font-weight: 700 !important;          /* Bold typography */
  text-transform: uppercase !important; /* Force UPPERCASE */
  letter-spacing: 0.05em !important;    /* Clean spacing */

}

/* Hover Accent Color */
.m-header .m-menu__item > a:hover,
.m-header .m-menu__link:hover,
.m-header__menu a:hover {
  color: #E27D23 !important;           /* Brand Orange */
}

/* 3. Left Menu Alignment (SHOP ALL to flex-start) */
.m-header__inner .m-header__left,
.m-header__inner .m-header__menu:first-child,
.m-header__inner .m-menu:first-child {
  display: flex !important;
  justify-content: flex-start !important;
}

/* 4. Right Menu Alignment (ABOUT to flex-end) */
.m-header__inner .m-header__right,
.m-header__inner .m-header__menu:last-child,
.m-header__inner .m-menu:last-child {
  display: flex !important;
  justify-content: flex-end !important;
}
/* Remove dashed focus outline on header links */
.m-header a:focus,
.m-header a:focus-visible,
.m-header .m-menu__link:focus {
  outline: none !important;
  box-shadow: none !important;
} 


/* Ensure SVG paths inside inherit the color */
.m-header__right svg ,
m-account-component svg  {
  fill: #2A1A5E !important;
  stroke: #2A1A5E !important;
}
/* 1. Background and Text Colors */
.m-footer,
.m-footer--middle {
  background-color: #2b1763 !important; /* Deep Purple */
  color: #ffffff !important;
}

/* Headings & Links */
.m-footer .m-footer--block-title,
.m-footer a,
.m-footer .m-link {
  color: #ffffff !important;
}

/* 2. Social Icon Styling (Small, Borderless, Yellow Active State) */
.m-footer .m-social-links,
.m-footer .m-footer--social-links {
  margin-top: 16px;
  gap: 1px !important;
}

/* Remove grey circular pill background */
.m-footer .m-social-links a,
.m-footer .m-footer--social-links a {
  background-color: transparent !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
}

/* Highlighted icon (e.g., Instagram) as yellow like the mockup */
.m-footer .m-social-links a:first-child,
.m-footer .m-footer--social-links a:first-child {
  background-color: #ffe600 !important;
  color: #2b1763 !important;
  padding: 4px !important;
  border-radius: 50% !important;
}

/* 3. Image Sizing & Spacing */
.m-footer--block-image {
  margin-bottom: 12px !important;
}

.m-footer--block-image img {
  max-width: 400px !important;
  height: auto !important;
}

/* 4. Column Spacing & Typography */
.m-footer .m-footer--block-title {
  font-weight: 500 !important;
  font-size: 16px !important;
  margin-bottom: 12px !important;
}



.m-footer .m-link {
  opacity: 0.5;
  font-size: 14px;
}

.m-footer .m-link:hover {
  opacity: 3;
}
/* 1. Push logo block to left and push remaining columns to the right */
.m-footer--accordion {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
}

/* Make the first column (Logo + Socials) take up available space on the left */
.m-footer--accordion .m-footer--block-our_store,
.m-footer--accordion .m-footer--block-about {
  margin-right: auto !important;
  flex: 0 0 auto !important;
  width: 350px !important; /* Adjust width as needed */
}

/* 2. Style the 3 menu columns (Shop, Company, Help) on the right with tight gaps */
.m-footer--accordion .m-footer--block-menu {
  flex: 0 0 auto !important;
  width: 160px !important; /* Tightens column width */
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 1px !important; /* Gap between Shop, Company, and Help */
}

/* 3. Typography & Social Icons adjustments */
.m-footer--block-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin-bottom: 12px !important;
}

.m-footer .m-link {
  font-size: 13px !important;
   color: #ffffff !important;
  line-height: 1.8 !important;
}

/* Yellow circle behind Instagram icon */
.m-footer .m-social-links a:first-child,
.m-footer .m-footer--social-links a:first-child {
  background-color: #ffd700 !important;
  color: #2b1763 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
}
/* Container Wrapper */
.footer-products-wrapper {
  position: relative;
  width: 100%;
  max-width: 76%;
  margin: -14% auto 0 auto;
  overflow: visible !important;
}
.footer-center-glow {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -60%);
  width: 380px;
  height: 250px;
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: screen;
  filter: blur(10px);
  animation: auraPulse 3s ease-in-out infinite alternate;
}

.footer-center-glow svg {
  width: 100%;
  height: 100%;
  display: block;
}


@keyframes auraPulse {
  0% {
    opacity: 0.75;
    transform: translate(-50%, -60%) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -60%) scale(1.15);
  }
}

/* Products Layout */
.footer-products-container {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  overflow: hidden; /* Hides lower half of the packets */
}

/* Base Packet Settings */
.footer-product-item {
  position: relative;
  width: 25%;
  max-width: 170px;
  flex-shrink: 0;
  cursor: pointer;

 
}

.footer-product-item img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.4));

}

/* Base Angles, Overlaps, and Half-Visibility Offsets */
.footer-product-item.item-1 { transform: translateY(45%) rotate(2deg); z-index: 1; }
.footer-product-item.item-2 { transform: translateY(45%) rotate(4deg); margin-left: -18px; z-index: 2; }
.footer-product-item.item-3 { transform: translateY(45%) rotate(-4deg); margin-left: -18px; z-index: 3; }
.footer-product-item.item-4 { transform: translateY(45%) rotate(0deg); margin-left: -18px; z-index: 4; }

/* --- NO ZOOM HOVER (Pure Rotation) --- */

/* Left packets tilt outward to the left */
.footer-product-item.item-1:hover,
.footer-product-item.item-2:hover {
  transform: translateY(45%) rotate(-14deg) !important;
  z-index: 20 !important;
}

/* Right packets tilt outward to the right */
.footer-product-item.item-3:hover,
.footer-product-item.item-4:hover {
  transform: translateY(45%) rotate(14deg) !important;
  z-index: 20 !important;
}
/* Apply glow color by default to the images */
.footer-product-item img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 18px 28px var(--glow-color)) brightness(1.1) !important;
  transition: filter 0.3s ease !important;
}
/* Maintain hover state */
.footer-product-item:hover img {
  filter: drop-shadow(0 32px 42px var(--glow-color)) brightness(1.25) !important;
}

/* Base Packet Settings - Smooth Transitions Added */
.footer-product-item {
  position: relative;
  width: 25%;
  max-width: 170px;
  flex-shrink: 0;
  cursor: pointer;
  
  /* Smooth transform transition for hover tilt */
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), z-index 0s !important;
  will-change: transform;
}

.footer-product-item img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.4));
  
  /* Smooth filter transition for glow & brightness */
  transition: filter 0.4s ease, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  will-change: filter;
}

@media screen and (max-width: 48em) {
  /* Override fixed 350px width and center the block */
  .m-footer--accordion .m-footer--block-our_store,
  .m-footer--block-our_store {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    flex: 0 0 100% !important;
  }

  /* Ensure internal content wrapper spans full width and centers children */
  .m-footer--block-inner,
  .m-footer--about-block {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Center image and icons inside */
  .m-footer--block-image,
  .social-media-links {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 48em) {
  /* Remove negative horizontal margins on mobile */
  .m-footer--middle .m-footer--accordion,
  .m-footer--accordion {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 48em) {
  /* Fix the container layout */
  .m-footer--accordion {
    justify-content: center !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }

  /* Force all child blocks to stretch 100% full width */
  .m-footer--accordion > .m-footer--block {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Keep accordion titles spanning edge-to-edge */
  .m-footer--block-title,
  .m-accordion--item-button {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
@media screen and (max-width: 48em) {
  .footer-products-wrapper {
    margin-top: 1px !important; /* Adjust pixel value as needed */
  }
}
/* Apply 4-column compact layout ONLY on tablet/desktop screens */
@media screen and (min-width: 768px) {
  .cerebix-features-bar .m-mixed-layout__inner {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem !important; /* Reduces space between the 4 columns */
    max-width: 1000px !important; /* Keeps feature bar compact in the center */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .cerebix-features-bar .m-icon-box {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
/* 1. Set the product card and container background to white */
.m-product-card {
  background-color: #ffffff !important;
}

/* Ensure inner card media/image container is also white */
.m-product-card .m-product-card__media,
.m-product-card .m-product-card__content {
  background-color: #ffffff !important;
}

/* 2. Set button dimensions: width 66% and height 38px */
.m-product-card .m-product-card__action-wrapper button,
.m-product-card .m-product-card__action-wrapper a,
.m-product-card .m-btn {
  width: 66% !important;
  height: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
  margin: 0 auto !important; /* Centers the button horizontally */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
/* 1. Remove the 20px top margin above the action button */
.m-product-card--style-4 .m-product-card__content .m-product-card__action-wrapper,
.m-product-card__action-wrapper {
  margin: 0 auto 0 auto !important;
}
.m-product-card,
.m-product-card .m-product-card__content {
  background-color: #ffffff !important;
}
/* 1. Set outer card background to white and add padding inside the border */
.m-product-card {
  background-color: #ffffff !important;
  padding: 10px !important; /* Adjust this value (e.g., 8px - 12px) to widen/narrow the white gap */
  box-sizing: border-box !important;
}
/* 3. Keep the lower text/content section white */
.m-product-card .m-product-card__content {
  background-color: #ffffff !important;
}
/* Force identical aspect ratio & container height on ALL 4 card media boxes */
.cerebix-products .m-mixed-layout__inner .m-product-card__media {
  aspect-ratio: 0.8 !important;
  width: 100% !important;
}

.cerebix-products .m-mixed-layout__inner .m-product-card__media a,
.cerebix-products .m-mixed-layout__inner .m-product-card__media .m-product-card__main-image,
.cerebix-products .m-mixed-layout__inner .m-product-card__media responsive-image,
.cerebix-products .m-mixed-layout__inner .m-product-card__media .m-image {
  --aspect-ratio: 0.8;
  aspect-ratio: 0.8 !important;
  height: 100% !important;
  padding-top: 0 !important; /* Disables theme-based padding height overrides */
}
/* 1. Card Container (White/Off-white box wrapper) */
.text-card-with-image {
  background-color: #FAF8F5 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* 2. Image Ratio & Positioning */
.text-card-with-image__media {

  width: 100% !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
}

/* 3. Text Block Container Padding */
.text-card-with-image__content {
  padding: 16px 20px 24px 20px !important;
  background-color: #FAF8F5 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex-grow: 1 !important;
}

/* 4. Subtitle / Header (e.g., "GYM MORNINGS") */
.text-card-with-image__content .m-richtext__title,
.text-card-with-image__content h3 {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #2A1568 !important;
  margin: 0 !important;
}

/* 5. Description Paragraph Text */
.text-card-with-image__content .m-richtext__description p,
.text-card-with-image__content p {
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #2A1568 !important;
  margin: 0 !important;
}
.cerebix-testimonials .m-testimonial__image {
  height: 100% !important;
  align-self: stretch !important;
}
/* 1. Force the inner card wrapper to stretch full width of the swiper slide */
.cerebix-testimonials .m-testimonial,
.cerebix-testimonials .m-testimonial__wrapper {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  gap: 16px !important; /* Tight spacing between image & text card inside slide */
}

/* 2. Remove internal margin/padding creating the green dead space */
.cerebix-testimonials .swiper-slide {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3. Reduce distance Swiper leaves between slides */ 
/* Zero out the top margin on the button element inside rich text containers */
.m-richtext .m-richtext__button,
.m-richtext > * + .m-richtext__button,
.m-slide__button {
  margin-top: 0 !important;
}
.m-testimonials .m-stars,
.m-testimonials--layout-6 .m-stars {
  justify-content: center !important;
}
.cerebix-testimonials .m-testimonial__info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; /* Vertically centers the content block */
  align-items: center !important;     /* Horizontally centers child flex elements like .m-stars */
  text-align: center !important;      /* Horizontally centers text paragraphs and headings */
  height: 100% !important;
}
/* Apply rounded corners to product media gallery items */
.m-product-media--item,
.m-product-media--item .m-product-media,
.m-product-media--item img {
  border-radius: 12px !important;
  overflow: hidden !important;
}
/* Custom matching hover effect for Add To Cart button */
.template-product .m-main-product .m-add-to-cart:hover,
.template-product .m-main-product button[name="add"]:hover {
  background-color: #271661 !important; /* Matches the dark purple theme */
  color: #FFFFFF !important;
  opacity: 1 !important; /* Removes the opacity shift */
  transform: translateY(-2px) !important; /* Soft lift effect */
  box-shadow: 0 6px 18px rgba(39, 22, 97, 0.25) !important;
 
}

/* Ensure default state smoothly transitions */
.template-product .m-main-product .m-add-to-cart,
.template-product .m-main-product button[name="add"] {
 
}
/* Fix Add To Cart button text color on default and hover */
.template-product .m-main-product .m-add-to-cart .m-add-to-cart--text,
.template-product .m-main-product button[name="add"] .m-add-to-cart--text,
.template-product .m-main-product .m-add-to-cart:hover .m-add-to-cart--text,
.template-product .m-main-product button[name="add"]:hover .m-add-to-cart--text {
  color: #FFFFFF !important;
}
.template-product .m-main-product .shopify-payment-button__button--unbranded,
.template-product .m-main-product .m-product-dynamic-checkout button {
  background-color: #271661 !important;
  color: #FFFFFF !important;
}

.template-product .m-main-product .shopify-payment-button__button--unbranded:hover,
.template-product .m-main-product .m-product-dynamic-checkout button:hover {
  background-color: var(--product-primary-color) !important; /* Bright Teal */
  color: #FFFFFF !important;
  opacity: 1 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 163, 173, 0.25) !important;
}

.template-product .m-main-product .shopify-payment-button__button--unbranded:hover *,
.template-product .m-main-product .m-product-dynamic-checkout button:hover * {
  color: #FFFFFF !important;
}
@media screen and (max-width: 767px) {
  .cerebics-banner .m-hero__inner {
    padding-top: 40px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: center !important;
    align-items: flex-start !important; /* Forces top alignment on mobile */
    width: 100% !important;
  }
}
.cerebix-products .m-product-card button:hover,
.cerebix-products .m-product-card .m-button:hover,
.cerebix-products .m-product-card a:hover,
.cerebix-products .m-product-card button:hover *,
.cerebix-products .m-product-card .m-button:hover *,
.cerebix-products .m-product-card a:hover * {
  color: #FFFFFF !important;
}
/* Strictly scoped border-radius for FAQ image in this section */
.cerebix-faq .m-collapsible__image,
.cerebix-faq .m-collapsible__image img {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* 1. Section Gradient Background */
.cerebix-about-us {
  background: linear-gradient(180deg, #FFF68E 0%, #FFFFFF 100%) !important;
}

/* 2. Target wrapper & apply drop-shadow (Offset 18px right, 18px down) */
.cerebix-about-us .m-image-with-text__image-wrapper {
  overflow: visible !important;
  filter: drop-shadow(18px 18px 0px #FAF04F) !important;
}

/* 3. Apply rounded corners directly to image inside wrapper */
.cerebix-about-us .m-image-with-text__image-first,
.cerebix-about-us .m-image-with-text__image-wrapper img {
  border-radius: 20px !important;
  overflow: hidden !important;
}
.cerebix-about-us .m-richtext__description p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  max-width: 521px !important;
}
/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@900&family=DM+Sans:ital,wght@0,400;0,500;1,400&family=Pacifico&display=swap');

/* Section Background Gradient */
.cerebix-letter {
  background: linear-gradient(180deg, #FFFBCD 0%, #FFEC6B 100%) !important;
}

/* Subheading: "A Note From The Founder" */
.cerebix-letter .m-richtext__subheading,
.cerebix-letter [class*="subheading"] {
  font-family: 'Pacifico', cursive !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 15px !important;
  letter-spacing: 2.42px !important;
  color: #937E58 !important;
  text-transform: none !important;
  margin-bottom: 12px !important;
}

/* Main Heading: "A LETTER TO EVERY PERSON WE FEED" */
.cerebix-letter .m-richtext__title,
.cerebix-letter .m-section__heading,
.cerebix-letter h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 48px !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  max-width: 521px !important;
  margin-bottom: 34px !important;
  margin-top: 12px !important;
}

/* Body Paragraphs */
.cerebix-letter .m-richtext__description p,
.cerebix-letter .rte p,
.cerebix-letter p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  max-width: 587px !important;
  margin-bottom: 16px !important;
}


/* Founder Subtitle: "FOUNDER & CEO · CEREBIX · EST. 2024" */
.cerebix-letter .founder-title,
.cerebix-letter .founder-meta,
.cerebix-letter small {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  line-height: 14px !important;
  letter-spacing: 1.2px !important;
  color: #2A1568 !important;
  opacity: 0.8 !important;
  text-transform: uppercase !important;
}

/* Image Border Radius */
.cerebix-letter .m-image-with-text__media,
.cerebix-letter .m-image-with-text__image-wrapper,
.cerebix-letter .m-image-with-text__image-wrapper img,
.cerebix-letter img {
  border-radius: 20px !important;
  overflow: hidden !important;
}
/* Founder Name H3 */
.cerebix-letter h3 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  line-height: 28px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  margin-top: 54px !important;
  margin-bottom: 4px !important;
}
/* Apply yellow-to-white linear gradient only to the Our Story page header */
m-header[data-page="/pages/our-story"],
m-header[data-page="/pages/our-story"] .m-header__wrapper,
m-header[data-page="/pages/our-story"] header {
  background: linear-gradient(180deg, #FFF68F 0%, #FFF68E 100%) !important;
}
@media (max-width: 767px) {
  .m-footer--block-image img {
    max-width: 250px !important;
    height: auto !important;
  }
}
#shopify-section-template--17585932042449__custom_liquid_CkxVXe,
#shopify-section-template--17585932042449__custom_liquid_CkxVXe .m-custom-liquid {
  --color-background: 239, 229, 210 !important;
  background-color: #EFE5D2 !important;
  background-image: none !important;
}
/* Pull block tight under title */
.main-product__block-text {
  margin-top: 4px !important;
  margin-bottom: 12px !important;
}

/* Subheading typography */
.main-product__block-text .m-product-text {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
}
/* Big round corners for blog card images */
.m-article-card__image,
.m-article-card__image img {
  border-radius: 24px !important;
  overflow: hidden !important;
}
/* Zero out section padding, margins, and container side-padding */
#shopify-section-template--17585932173521__video_akznDi,
#shopify-section-template--17585932173521__video_akznDi section,
#shopify-section-template--17585932173521__video_akznDi .m-section-py,
#shopify-section-template--17585932173521__video_akznDi .m-section-my,
#shopify-section-template--17585932173521__video_akznDi .container-full {
  padding: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* ==========================================================================
   STRICT OVERRIDE FOR HERO SECTION ONLY
   ========================================================================== */

/* 1. Subtitle Styling ("BREAKFAST, SOLVED.") */
[id*="17585932173521"] .m-slide__content .m-richtext__subtitle,
[id*="17585932173521"] .m-slide__content .m-slide__subtitle {
  color: #FFFCF2 !important;
  font-family: 'Shoemaker', 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  margin-bottom: 12px !important;
}

/* 2. Heading SVG ("Good mornings start smarter") */
[id*="17585932173521"] .m-slide__content .m-richtext__title {
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
}

[id*="17585932173521"] .m-slide__content .m-richtext__title img {
  content: url("/cdn/shop/files/homepage-banner-text.svg?v=1786525146") !important;
  max-width: 550px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto 16px auto !important;
}

/* 3. Description Text Styling */
[id*="17585932173521"] .m-slide__content .m-richtext__description,
[id*="17585932173521"] .m-slide__content .m-richtext__description p,
[id*="17585932173521"] .m-slide__content .m-slide__description,
[id*="17585932173521"] .m-slide__content .m-slide__description p {
  color: #FFFCF2 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 28px !important;
  text-align: center !important;
  max-width: 100% !important;
  opacity: 1 !important;
  margin-bottom: 0px !important;
}
.smart-ingredients .m\:column {
  padding-left: 0px;
  padding-right : 0px;
}
#scroll-to-top-button {
  display: none !important;
}
@media screen and (max-width: 48em) {
  .footer-products-wrapper {
    max-width: 92% !important;
  }
}
@media screen and (max-width: 767px) {
  /* Gap between the scroll row and the button */
  .m-mixed-layout--mobile-scroll {
    margin-bottom: 24px !important;     /* adjust the gap here */
  }
}
/* ==========================================================================
   HERO BUTTON HOVER: WHITE BACKGROUND + DEEP BLUE TEXT
   ========================================================================== */

/* ==========================================================================
   HERO SECTION MOBILE ALIGNMENT (FLEX-END)
   ========================================================================== */

@media screen and (max-width: 767px) {
  /* Force flex-end vertical alignment on mobile for the hero section */
  [id*="17585932173521"] .m-slide .m-slide__wrapper,
  [id*="17585932173521"] .m-slide[class*="--middle-"] .m-slide__wrapper {
    align-items: flex-end !important;
  }
}
/* Apply 20px border-radius to the image container and img tag */
.m-image-block,
.m-image-block responsive-image,
.m-image-block img {
  border-radius: 20px !important;
  overflow: hidden !important;
}
.m-collapsible--content__inner.rte p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
}
/* Base styles for Desktop */
[id*="17585931452625"] .m-richtext__description,
[id*="17585931452625"] .m-richtext__description p {
  font-family: "DM Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-align: center !important;
  padding-left: 15% !important;
  padding-right: 15% !important;
}

/* Overrides for Mobile */
@media screen and (max-width: 767px) {
  div[id*="17585931452625"] .m-richtext__description,
  div[id*="17585931452625"] .m-richtext__description p {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.m-footer--accordion {
  position: relative !important;
  z-index: 4 !important;
}
/* 1. Subtitle ("Got Questions?") - Scoped to exact section ID */
#m-section-template--17585931550929__rich_text_VpjMPR .m-richtext__subtitle {
  font-family: 'Pacifico', cursive, sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
  letter-spacing: 2.42px !important;
  color: #937E58 !important;
  margin-bottom: 12px !important;
  text-align: center !important;
  padding-bottom:0.7%;
}

/* 2. Description ("Everything you need...") - Scoped to exact section ID */
#m-section-template--17585931550929__rich_text_VpjMPR .m-richtext__description,
#m-section-template--17585931550929__rich_text_VpjMPR .m-richtext__description p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  text-align: center !important;
  padding-top : 1%;
}
  .m-collapsible--content__inner,
  .m-collapsible--content__inner ,
  .metafield-rich_text_field,
  .metafield-rich_text_field  {
    color: #2A1568 !important;
  }
.m-collapsible--content__inner table,
  .metafield-rich_text_field table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 10px 0 !important;
    font-size: 14px !important;
    border: 1px solid #e0d7ed !important;
  }

  /* Header Row */
  .m-collapsible--content__inner th,
  .metafield-rich_text_field th {
    background-color: #2A1568 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 10px 12px !important;
    border: 1px solid #e0d7ed !important;
    text-align: center !important;
  }

  /* Table Body Cells */
  .m-collapsible--content__inner td,
  .metafield-rich_text_field td {
    padding: 10px 12px !important;
    border: 1px solid #e0d7ed !important;
    color: #2A1568 !important;
    text-align: center !important;
  }

  /* Left-align first column (Nutrient names) */
  .m-collapsible--content__inner td:first-child,
  .metafield-rich_text_field td:first-child {
    text-align: left !important;
  }

  /* Zebra Striping */
  .m-collapsible--content__inner tr:nth-child(odd) td,
  .metafield-rich_text_field tr:nth-child(odd) td {
    background-color: #f2eff9 !important;
  }

  .m-collapsible--content__inner tr:nth-child(even) td,
  .metafield-rich_text_field tr:nth-child(even) td {
    background-color: #ffffff !important;
  }
  .m-announcement-bar__content {
  font-size: 14px !important;
}
  @media screen and (max-width: 767px) {
  .m-announcement-bar__content {
    font-size: 13px !important;
  }
}
.m-product-card__action {
  position: absolute;
  top: 15px;      /* Adjust offset from top as needed */
  right: 15px;    /* Adjust offset from right as needed */
  left: auto;     /* Overrides existing left setting */
  bottom: auto;   /* Overrides existing bottom setting */
  transform: none; /* Removes the downward translate setting */
}
.m-button--icon:hover {
  box-shadow: none !important;
}
/* Ensure parent card containers don't clip the overflowing tooltip */
.m-product-card,
.m-product-card__media {
  overflow: visible !important;
}

/* Force tooltip visibility and reset position to render below the icons */
.m-tooltip:hover .m-tooltip__content {
  visibility: visible !important;
  opacity: 1 !important;
  top: 100% !important;   /* Position below the buttons */
  bottom: auto !important; /* Clear bottom positioning */
  margin-top: 8px;        /* Spacing from the icon */
}
/* Hide badges specifically inside the Quick View modal */
.m-product-quickview--media .hero_badges_side {
  display: none !important;
}
.m-product-form .m-add-to-cart {
  background-color: var(--product-primary-color) !important;
  border-color: var(--product-primary-color) !important;
  color: #FFFFFF !important;
}
/* --- Add to Cart Button --- */
/* Default State */
.m-product-form .m-add-to-cart {
  background-color: var(--product-primary-color) !important;
  border-color: var(--product-primary-color) !important;
  color: #FFFFFF !important;
  transition: all 0.3s ease;
}

/* Ensure text inside Add to Cart remains white on hover */
.m-product-form .m-add-to-cart:hover,
.m-product-form .m-add-to-cart:hover .m-add-to-cart--text {
  background-color: #2A1568 !important;
  border-color: #2A1568 !important;
  color: #FFFFFF !important;
}

/* --- Buy It Now Button --- */
/* Default State: Dark Purple */
.m-product-form .m-product-dynamic-checkout button,
.m-product-form .shopify-payment-button__button {
  background-color: #2A1568 !important;
  border-color: #2A1568 !important;
  color: #FFFFFF !important;
  transition: all 0.3s ease;
}

/* Hover State: Primary Color */
.m-product-form .m-product-dynamic-checkout button:hover,
.m-product-form .shopify-payment-button__button:hover {
  background-color: var(--product-primary-color) !important;
  border-color: var(--product-primary-color) !important;
  color: #FFFFFF !important;
}
/* --- Add to Cart Button Hover --- */
.m-product-form .m-add-to-cart:hover,
.m-product-form .m-add-to-cart:hover .m-add-to-cart--text {
  background: #2A1568 !important;
  border-color: #2A1568 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

/* --- Buy It Now Button Hover --- */
.m-product-form .shopify-payment-button__button--unbranded:hover,
.m-product-form .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background: var(--product-primary-color) !important;
  border-color: var(--product-primary-color) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
/* --- Quick View Title --- */
.m-product-quickview .m-product-title,
.m-product-quickview .m-product-title a,
.m-product-quickview .main-product_block-title a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 48px !important;
  font-weight: 900 !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
}

/* --- Quick View Description Text & View Details --- */
.m-product-quickview .main-product_block-description,
.m-product-quickview .main-product_block-description a,
.m-product-quickview .m-product-quickview--viewmore {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
}
/* Apply top-right positioning exclusively on mobile screens */
@media screen and (max-width: 767px) {
  .m-product-card__action {
    position: absolute !important;
    top: 1px !important;
    right: 1px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
}
/* Apply center alignment and top padding ONLY on mobile */
@media screen and (max-width: 767px) {
  .cerebix-about-us .m-richtext__description,
  .cerebix-about-us .m-richtext__description p,
  .cerebix-about-us .m-content-box__description,
  .cerebix-about-us .m-content-box__description p {
    text-align: center !important;
    padding-top: 12px !important;
  }
}
/* Mobile styling for upgrade section heading */
@media screen and (max-width: 767px) {
  .cerebix-upgrade-heading {
    font-size: 30px !important;
  }
}
/* Mobile font size for letter section heading */
@media screen and (max-width: 767px) {
  .cerebix-letter .m-richtext__title,
  .cerebix-letter .m-section__heading,
  .cerebix-letter h2,
  .cerebix-letter h3 {
    font-size: 34px !important;
    line-height: 1.1 !important;
    margin-bottom : 4px !important;
  }
}
/* --- Desktop State --- */
.cerebix-about-us .mobile-heading-img {
  display: none !important;
}

.cerebix-about-us .desktop-heading-img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  height: auto !important;
}

/* --- Mobile State (< 768px) --- */
@media screen and (max-width: 767px) {
  .cerebix-about-us .desktop-heading-img {
    display: none !important;
  }

  .cerebix-about-us .mobile-heading-img {
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
  }
}
/* Stack product card action buttons vertically */
.cerebix-products .m-product-card__action,
.cerebix-products .m-product-card__addons {
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important; /* Spacing between buttons */
}

/* Disable and hide tooltip popup popovers on icon hover */
.cerebix-products .m-tooltip::before,
.cerebix-products .m-tooltip::after,
.cerebix-products .m-tooltip__content,
.cerebix-products [data-tooltip]::before,
.cerebix-products [data-tooltip]::after {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* Update button border-radius for Add to Cart and Buy It Now buttons */
.cerebix-products .m-add-to-cart,
.cerebix-products .shopify-payment-button__button,
.cerebix-products .shopify-payment-button__button--unbranded,
button.shopify-payment-button__button {
  border-radius: 50px !important;
} 
/* Match Buy It Now button typography with Add To Cart */
.m-product-form .shopify-payment-button__button,
button.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}
/* Cart Drawer Heading & Product Title Typography Overrides */
.m-cart-drawer__title,
.m-cart-drawer__header h3 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
  color: #2A1568 !important;
  letter-spacing: 0.5px !important;
}

.m-cart-drawer .m-cart-item__title,
.m-cart-drawer a.m-cart-item__title {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  color: #2A1568 !important;
}
/* Change hover state for Note and Coupon buttons to dark blue (#2A1568) */
.m-cart-addon__trigger-button:hover,
.m-cart-addon__header button:hover {
  background-color: #2A1568 !important;
  color: #FFFFFF !important;
}

/* Also ensure SVG icons inside turn white on hover */
.m-cart-addon__trigger-button:hover svg,
.m-cart-addon__header button:hover svg {
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}
/* Subheading */
.cerebix-products .m-section__subheading,
.m-wishlist-page-content .m-section__subheading {
  font-family: 'Pacifico', cursive !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
  letter-spacing: 2.42px !important;
  color: #937E58 !important;
  text-align: center;
  text-transform: none !important;
}

/* Heading */
.cerebix-products .m-section__heading,
.m-wishlist-page-content .m-section__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 48px !important;
  font-weight: 900 !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  text-align: center;
}

/* Product Card Container */
.cerebix-products .m-product-card,
.m-wishlist-page-content .m-product-card {
  border: 2px solid var(--product-primary-color, #2A1568) !important;
  border-radius: 16px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Product Media */
.cerebix-products .m-product-card__media,
.m-wishlist-page-content .m-product-card__media {
  border-radius: 12px !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* Product Title */
.cerebix-products .m-product-card__title,
.cerebix-products .m-product-card__name,
.m-wishlist-page-content .m-product-card__title,
.m-wishlist-page-content .m-product-card__name {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  color: #2A1568 !important;
  text-align: center !important;
  margin-top: 12px !important;
  margin-bottom: 2px !important;
}

/* Price */
.cerebix-products .m-price-item--regular,
.cerebix-products .m-product-card__price *,
.m-wishlist-page-content .m-price-item--regular,
.m-wishlist-page-content .m-product-card__price * {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-align: center !important;
}

.cerebix-products .m-product-card__price,
.m-wishlist-page-content .m-product-card__price {
  display: flex !important;
  justify-content: center !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

/* Product Options / Swatches */
.cerebix-products .m-product-option--content,
.m-wishlist-page-content .m-product-option--content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

.cerebix-products label.m-product-option--node__label,
.m-wishlist-page-content label.m-product-option--node__label {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 2px !important;
  min-width: auto !important;
  height: auto !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--product-primary-color, #2A1568) !important;
  opacity: 0.7;

}

.cerebix-products label.m-product-option--node__label:not(:last-child)::after,
.m-wishlist-page-content label.m-product-option--node__label:not(:last-child)::after {
  content: " / " !important;
  margin-left: 6px !important;
  color: var(--product-primary-color, #2A1568) !important;
  font-weight: 400 !important;
}

.cerebix-products label.m-product-option--node__label[data-selected="true"],
.cerebix-products label.m-product-option--node__label.selected,
.cerebix-products label.m-product-option--node__label.is-selected,
.cerebix-products label.m-product-option--node__label[aria-checked="true"],
.cerebix-products input:checked + label.m-product-option--node__label,
.cerebix-products .m-product-option--node:has(input:checked) label,
.m-wishlist-page-content label.m-product-option--node__label[data-selected="true"],
.m-wishlist-page-content label.m-product-option--node__label.selected,
.m-wishlist-page-content label.m-product-option--node__label.is-selected,
.m-wishlist-page-content label.m-product-option--node__label[aria-checked="true"],
.m-wishlist-page-content input:checked + label.m-product-option--node__label,
.m-wishlist-page-content .m-product-option--node:has(input:checked) label {
  color: var(--product-primary-color, #2A1568) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

/* Action Buttons */
/* Product Cards & Wishlist Base Styles */
.cerebix-products .m-product-card .m-button,
.cerebix-products .m-product-card button,
.cerebix-products .m-product-card a.m-button,
.m-wishlist-page-content .m-product-card .m-button,
.m-wishlist-page-content .m-product-card button,
.m-wishlist-page-content .m-product-card a.m-button {
  --color-button: transparent !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;

  border: 1.5px solid var(--product-primary-color, #2A1568) !important;
  border-radius: 50px !important;
  background-color: #FFFFFF !important;
  color: var(--product-primary-color, #2A1568) !important;

  padding: 8px 16px !important;
  margin-top: auto !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

/* Product Cards & Wishlist Hover State */
.cerebix-products .m-product-card .m-button:hover,
.cerebix-products .m-product-card button:hover,
.cerebix-products .m-product-card a.m-button:hover,
.m-wishlist-page-content .m-product-card .m-button:hover,
.m-wishlist-page-content .m-product-card button:hover,
.m-wishlist-page-content .m-product-card a.m-button:hover {
  background-color: var(--product-primary-color, #2A1568) !important;
  background: var(--product-primary-color, #2A1568) !important;
  border-color: var(--product-primary-color, #2A1568) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
/* Style the Wishlist Page Header Title */
.m-page-header .m-page-header__title,
h1.m-page-header__title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 48px !important;
  font-weight: 900 !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}
.m-tooltip__content {
  display: none !important;
}
.m-article-card__title a {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0px;
  text-align: center;
  color: #2A1568;
}
a.m-logo__image {
  transition: all var(--m-duration-default, .25s);
}
/* Option 2: Target the first media item inside the gallery grid */
.m-media-gallery__list > div:first-child .m-product-media--zoom-icon {
  position: absolute !important;
  top: 12px !important;
  right: 22% !important;
  left: auto !important;
  bottom: auto !important;
  border-radius: 100% !important;
}
.m-tooltip--style-1 {
  background-color: transparent !important;
}
.m-header__inner .m-header__left {
  column-gap: 12px;
}
/* Direct target for this specific section heading on the Masala Oats page */
body[class*="masala-oats"] .m-slide__content .m-richtext__title,
.template-collection .m-slide__content .m-richtext__title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 64px !important;
  line-height: 70px !important;
  letter-spacing: -1px !important;
  text-transform: uppercase !important;
  color: #2A1568 !important;
  padding-left:1% !important;
  padding-right:1% !important;
}

/* Forces styles on the inner JS-split text blocks */
body[class*="masala-oats"] .m-slide__content .m-richtext__title div,
body[class*="masala-oats"] .m-slide__content .m-richtext__title span {
  font-family: 'Barlow Condensed', sans-serif !important;
  color: #2A1568 !important;
}
/* Mobile Overrides (Screen width 767px or less) */
@media screen and (max-width: 767px) {
  body[class*="masala-oats"] .m-slide__content .m-richtext__title,
  .template-collection .m-slide__content .m-richtext__title {
    font-size: 34px !important;
    line-height: 40px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  body[class*="masala-oats"] .m-richtext__title,
  .template-collection .m-richtext__title {
    font-size: 34px !important;
    line-height: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  /* Product Card Action Gap Fix */
  .cerebix-products .m-product-card__action,
  .cerebix-products .m-product-card__addons,
  .m-product-card__action,
  .m-product-card__addons {
    gap: 0px !important;
  }
}
.m-button,
a.m-button {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;

  padding: 16px 32px !important;
  border-radius: 50px !important;
  border: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
/* Hero Slide Section - Button Base */
.m-slide__content .m-button {
  --color-button: 42, 21, 104 !important;
  --color-button-text: 255, 255, 255 !important;
  background-color: #2A1568 !important;
  color: #ffffff !important;

  transition: all 0.2s ease !important;
}

/* Hover State via .m-button with Box Shadow Control */
.m-slide__content .m-button:hover {
  --color-button-hover: 255, 255, 255 !important;
  --color-button-text: 42, 21, 104 !important;
  background-color: #ffffff !important;
  color: #2A1568 !important;
}
.m-button:hover {
  box-shadow: 0 0 0 0 !important; /* Matches hover border outline */
}
/* Cart Checkout Button */
.m-cart__checkout-button .m-button--primary {
  --color-button: 42, 21, 104 !important;
  --color-button-text: 255, 255, 255 !important;
  background-color: #2A1568 !important;
  color: #ffffff !important;

  transition: all 0.2s ease !important;
}

/* Hover State */
.m-cart__checkout-button .m-button--primary:hover {
  --color-button-hover: 255, 255, 255 !important;
  --color-button-text: 42, 21, 104 !important;
  background-color: #ffffff !important;
  color: #2A1568 !important;
}

.m-cart__checkout-button .m-button--primary:hover {
  box-shadow: 0 0 0 0 !important;
}
/* Base Style Scoped to .button-1 Parent */
.button-1 .m-button {
  --color-button: 255, 98, 0 !important;
  --color-button-text: 255, 255, 255 !important;
  background-color: #FF6200 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

/* Hover State: White Background, #FF6200 Text, No Border/Shadow */
.button-1 .m-button:hover {
  --color-button-hover: 255, 255, 255 !important;
  --color-button-text: 255, 98, 0 !important;
  background-color: #ffffff !important;
  color: #FF6200 !important;
  border: none !important;
  box-shadow: 0 0 0 2px #FF6200  !important;
}
/* Base Style Scoped to .cerebics-banner Parent */
.cerebics-banner .m-button {
  --color-button: 255, 98, 0 !important;
  --color-button-text: 255, 255, 255 !important;
  background-color: #FF6200 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

/* Hover State: White Background, #FF6200 Text, No Border/Shadow */
.cerebics-banner .m-button:hover {
  --color-button-hover: 255, 255, 255 !important;
  --color-button-text: 255, 98, 0 !important;
  background-color: #ffffff !important;
  color: #FF6200 !important;
  border: none !important;
  box-shadow: none !important;
  box-shadow: 0 0 0 2px #FF6200  !important;
}
.custom-blog .m-button{
    --color-button: 255, 98, 0 !important;
  --color-button-text: 255, 255, 255 !important;
  background-color: #FF6200 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}
.custom-blog .m-button:hover {
   --color-button-hover: 255, 255, 255 !important;
  --color-button-text: 255, 98, 0 !important;
  background-color: #ffffff !important;
  color: #FF6200 !important;
  border: none !important;
  box-shadow: none !important;
  box-shadow: 0 0 0 2px #FF6200  !important;
}
.m-blog-grid .m-button {
  --color-button: 255, 98, 0 !important;
  --color-button-text: 255, 255, 255 !important;
  background-color: #FF6200 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

.m-blog-grid .m-button:hover {
  --color-button-hover: 255, 255, 255 !important;
  --color-button-text: 255, 98, 0 !important;
  background-color: #ffffff !important;
  color: #FF6200 !important;
  border: none !important;
  box-shadow: 0 0 0 2px #FF6200 !important;
}
.Cerebix-upbutton .m-button{
    --color-button: 255, 98, 0 !important;
  --color-button-text: 255, 255, 255 !important;
  background-color: #FF6200 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}
.Cerebix-upbutton .m-button:hover {
   --color-button-hover: 255, 255, 255 !important;
  --color-button-text: 255, 98, 0 !important;
  background-color: #ffffff !important;
  color: #FF6200 !important;
  border: none !important;
  box-shadow: none !important;
  box-shadow: 0 0 0 2px #FF6200  !important;
}
/* Circular Icon Buttons (Wishlist & Quick View) Override */
.cerebix-products .m-product-card .m-button--icon,
.m-wishlist-page-content .m-product-card .m-button--icon {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
/* Circular Icon Buttons - Disable Hover Background & Borders */
.cerebix-products .m-product-card .m-button--icon:hover,
.m-wishlist-page-content .m-product-card .m-button--icon:hover {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
/* Fill inner icon with product primary color on hover */
.cerebix-products .m-product-card .m-button--icon:hover svg,
.m-wishlist-page-content .m-product-card .m-button--icon:hover svg {
  fill: var(--product-primary-color) !important;
  stroke: var(--product-primary-color) !important;
  color: var(--product-primary-color) !important;
}
/* Cart Drawer - Primary Action & View Cart Buttons Base (Orange) */
.m-cart-drawer__footer .m-button--primary,
.m-cart-drawer__footer .m-cart-drawer__link-to-cart {
  --color-button: 255, 98, 0 !important;
  --color-button-text: 255, 255, 255 !important;
  background-color: #2A1568 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

/* Cart Drawer - Hover State (White Background, Orange Text) */
.m-cart-drawer__footer .m-button--primary:hover,
.m-cart-drawer__footer .m-cart-drawer__link-to-cart:hover {
  --color-button-hover: 255, 255, 255 !important;
  --color-button-text: 255, 98, 0 !important;
  background-color: #ffffff !important;
  color: #2A1568 !important;
  border: none !important;
  box-shadow: 0 0 0 2px #2A1568  !important;
}
@media only screen and (max-width: 767px) {
  .m-slide--text-h1 .m-slide__wrapper {
    padding-bottom: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .collection-banner .m-slide__content {
    margin-bottom: 82% !important;
  }
}
@media only screen and (max-width: 767px) {
  .collection-banner .m-slide__wrapper {
    justify-content: center !important;
  }
} 
/* Center-align Customer Reviews header & apply exact section heading typography */
.jm-review-widget-minimal-header__title,
p.jm-review-widget-minimal-header__title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 48px !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  display: block !important;
  margin: 0 auto !important;
  width: 100% !important;
}
/* Make social media icon backgrounds transparent and adjust icon color */
.social-media-links a,
.social-media-links--item {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
}

/* Optional: Change the SVG icon fill/stroke color if needed (e.g., white or custom accent) */
.social-media-links a svg,
.social-media-links--item svg {
  fill: #ffffff !important; /* Adjust color as desired */
}
.m-article__title {
  font-family: "Barlow Condensed", sans-serif !important;
  color:#2A1568 !important;
  font-weight: 900 !important;
  font-size: 54px !important;
  line-height: 70px !important;
  letter-spacing: -1px !important;
  text-transform: uppercase !important;
}
.m-related-posts__heading {
  color: #2A1568 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 900 !important;
  font-size: 44px !important;
  line-height: 70px !important;
  letter-spacing: -1px !important;
  text-transform: uppercase !important;
}
.social-media-links a:hover {
  box-shadow: none !important;
}
.m-article__title {
  font-family: "Barlow Condensed", sans-serif !important;
  color:#2A1568 !important;
  font-weight: 900 !important;
  font-size: 54px !important;
  line-height: 70px !important;
  letter-spacing: -1px !important;
  text-transform: uppercase !important;
}
.m-related-posts__heading {
  color: #2A1568 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 900 !important;
  font-size: 44px !important;
  line-height: 70px !important;
  letter-spacing: -1px !important;
  text-transform: uppercase !important;
}
/* Subheading */
.m-blog-grid .m-section__subheading {
  font-family: 'Pacifico', cursive !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 15px !important;
  letter-spacing: 2.42px !important;
  color: #937E58 !important;
}

/* Heading */
.m-blog-grid .m-section__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 48px !important;
  line-height: 42px !important;
  letter-spacing: 0px !important;
  color: #2A1568 !important;
  text-transform: uppercase !important;
}
.m-button--link {
  position:static !important;
}
/* Keeps the heart filled when saved to wishlist */
.m-wishlist-button.active,
.m-wishlist-button.is-active,
.m-wishlist-button[aria-label*="Remove"] {
  color: #2A1568 !important;
}

.m-wishlist-button.active svg,
.m-wishlist-button.active svg path,
.m-wishlist-button.is-active svg,
.m-wishlist-button.is-active svg path,
.m-wishlist-button[aria-label*="Remove"] svg,
.m-wishlist-button[aria-label*="Remove"] svg path {
  fill: #2A1568 !important;
  stroke: #2A1568 !important;
}
/* Fill heart icon using CSS variable format */
.m-wishlist-button.added-to-wishlist svg,
button.m-wishlist-button.added-to-wishlist svg {
  fill: var(--product-primary-color, #2A1568) !important;
  stroke: var(--product-primary-color, #2A1568) !important;
}

.m-wishlist-button.added-to-wishlist svg path,
button.m-wishlist-button.added-to-wishlist svg path {
  fill: var(--product-primary-color, #2A1568) !important;
  stroke: var(--product-primary-color, #2A1568) !important;
}
.m-wishlist-page-content .m-product-card__action,
.m-wishlist-page-content .m-product-card__addons {
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
}
/* Remove hover underline inside the custom .blog-posts section */
.blog-posts .m-button--link::after,
.blog-posts .m-button--link::before,
.blog-posts .m-article-card__readmore::after,
.blog-posts .m-article-card__readmore::before {
  display: none !important;
  content: none !important;
}

/* Also removes standard text underlines on hover if present */
.blog-posts a,
.blog-posts .m-button--link {
  text-decoration: none !important;
}
/* Change footer social media icons color to orange */
.social-media-links a.social-media-links--item svg,
.social-media-links a.social-media-links--item svg path {
  fill: orange !important;
  color: orange !important;
}

/* Optional: Keep them orange or change shade on hover */
.social-media-links a.social-media-links--item:hover svg,
.social-media-links a.social-media-links--item:hover svg path {
  fill: #e67e22 !important; /* Slightly darker orange on hover */
}
/* Normal State */
.m-article-card__readmore.m-button--link {
  --color-button: 255, 98, 0 !important;
  --color-button-text: 255, 255, 255 !important;
  background-color: #FF6200 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;

}

/* Hover State: White Background, #FF6200 Text, Border Ring */
.m-article-card__readmore.m-button--link:hover {
  --color-button-hover: 255, 255, 255 !important;
  --color-button-text: 255, 98, 0 !important;
  background-color: #ffffff !important;
  color: #FF6200 !important;
  border: none !important;
  box-shadow: inset 0 0 0 2px #FF6200 !important;
}

/* Remove hover line underline */
.m-article-card__readmore.m-button--link::before,
.m-article-card__readmore.m-button--link::after,
.m-article-card__readmore.m-button--link:hover::before,
.m-article-card__readmore.m-button--link:hover::after {
  display: none !important;
  content: none !important;
}
.m-testimonials--layout-6 .m-testimonials__header {
  margin-bottom: 20px !important;
  position: static;
}
@media screen and (max-width: 767px) {
  ul.m-footer--block-content.m-link-lists {
    width: 100% !important;
    text-align: left !important;
  }

  ul.m-footer--block-content.m-link-lists .m-link-lists--item {
    width: 100% !important;
    text-align: left !important;
  }
}
.m-product-media--slider__pagination.swiper-pagination {
  position: absolute !important;
  top: 65% !important;
}
@media screen and (max-width: 767px) {
  .m-hero--content-stack .m-hero__inner,
  .m-hero__inner.m-hero__inner--middle-center {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}