/** Shopify CDN: Minification failed

Line 848:0 Unexpected "}"

**/
/* ============================================================
   BOND wing animation — heading_above_products section
   Loaded globally via this file so no script/tag sanitization
   can strip it.
   ============================================================ */
.bond-wing {
  transform-box: fill-box;
  transform-origin: center center;
  will-change: transform, opacity;
  animation-fill-mode: both;
}
.bond-wing--left {
  transform-origin: 90% 50%;
  animation: bond-wing-left 8s ease-in-out infinite alternate;
}
.bond-wing--right {
  transform-origin: 10% 50%;
  animation: bond-wing-right 8s ease-in-out infinite alternate;
}
@keyframes bond-wing-left {
  0%   { transform: translateY(3px)  rotate(-2.5deg); opacity: .88; }
  100% { transform: translateY(-10px) rotate(2.5deg);  opacity: 1;   }
}
@keyframes bond-wing-right {
  0%   { transform: translateY(3px)  rotate(2.5deg);  opacity: .88; }
  100% { transform: translateY(-10px) rotate(-2.5deg); opacity: 1;   }
}

/* ============================================================
   GLOBAL: square every button / CTA / card button site-wide
   Use a very broad selector list with !important to win the
   cascade against the theme's pill defaults.
   ============================================================ */
.btn,
a.btn,
button.btn,
button[type="submit"],
input[type="submit"],
input[type="button"],
.btn-wrap .btn,
.btn-wrap > .btn,
.richtext-wrap .btn-wrap .btn,
.hero-banner .btn,
.hero-banner .btn-wrap .btn,
.type_Hero_Carousel .btn,
.type_Hero_Carousel .btn-wrap .btn,
.product-card-atc,
.product-card .btn,
.product-card__cta,
.product-card add-to-cart-form .btn,
add-to-cart-form .btn,
add-to-cart-form button[type="submit"],
.shopify-payment-button__button,
.shopify-payment-button__more-options,
.spr-button,
.btn.v2,
.cta-button,
a[href*="hormone-quiz"].btn,
a[href*="hormone-quiz"].btn.v2,
.bond-quiz-editorial__btn,
.bond-videos-card__cta,
.bond-vhero__cta,
.bond-pm__routine-btn {
  border-radius: 0 !important;
}

/* ============================================================
   Hide redundant subcategory tile row on collection pages.
   Same labels as homepage tab strip and icons aren't differentiated.
   ============================================================ */
.template-collection .shopify-section[id*="collection_subcategories"],
.template-collection [class*="collection-subcategories"] {
  display: none !important;
}

/* ============================================================
   Hide carousel prev/next arrow buttons + dots globally
   ============================================================ */
.template-index .keen-arrow,
.template-collection .keen-arrow,
.template-index .carousel-dots,
.template-collection .carousel-dots,
.template-index .keen-slider__dots,
.template-collection .keen-slider__dots,
.template-index .slick-arrow,
.template-collection .slick-arrow,
.template-index .slick-dots,
.template-collection .slick-dots,
.ss-carousel-arrows,
.ss-carousel-dots {
  display: none !important;
}

/* ============================================================
   Header: lighter search icon + consistent dropdown arrow
   ============================================================ */
/* Outline magnifying glass instead of filled blob */
.header .icon-search,
.top-utils .icon-search,
header .icon-search,
.mobile-top-utils .icon-search {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  width: 20px !important;
  height: 20px !important;
  opacity: .85;
}

/* Standardize dropdown/submenu arrows — hide any filled triangles, normalize chevrons */
.header .item.has-dropdown > a::after,
.header .has-dropdown > button::after,
.header .main-menu .has-submenu::after {
  content: none !important;
}
.header .item.has-dropdown .icon-chevron-down,
.header .main-menu .icon-chevron-down,
.header .has-dropdown .icon-arrow-down {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  width: 12px !important;
  height: 12px !important;
  margin-left: .35em;
  opacity: .7;
}

/* Hero carousel mobile buttons side by side */
@media (max-width: 38rem) {
  .hero-banner .btn-wrap,
  .type_Hero_Carousel .btn-wrap {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.5rem !important;
  }
  .hero-banner .btn-wrap .btn,
  .type_Hero_Carousel .btn-wrap .btn {
    white-space: nowrap !important;
    width: auto !important;
    flex-shrink: 0 !important;
  }
}

/* Collection page: square image containers for product cards */
.product-card .img-wrap {
  padding-top: 100% !important;
}


/* Featured collection tabs: enhanced product cards */
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi .product-card-atc {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi .product-card-atc:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* Junip star ratings injected below product titles */
.ss-fc-stars {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.25rem;
  font-size: 0.8rem;
  color: #d4a24e;
}
.ss-fc-stars .star-count {
  color: #888;
  font-size: 0.75rem;
}

/* Product tagline below title */
.ss-fc-tagline {
  font-size: 0.8rem;
  color: #777;
  margin-top: 0.15rem;
  line-height: 1.3;
}


/* Subscription pricing on featured collection cards */
.ss-fc-original-price {
  text-decoration: line-through;
  color: #999 !important;
  font-size: 0.9em;
}
.ss-fc-sub-price {
  display: block;
  color: #204357;
  font-weight: 600;
  font-size: 0.95em;
  margin-top: 0.15rem;
}
.ss-fc-sub-label {
  font-weight: 400;
  font-size: 0.8em;
  color: #395d72;
}


/* Heading section: match cream background — flexible selector so it works
   across any template ID (dev, staging, prod). Hit every wrapper in case
   the background is painted on an inner element. */
[id$="__heading_above_products"],
[id$="__heading_above_products"] > *,
[id$="__heading_above_products"] .custom-code,
[id$="__heading_above_products"] .custom-code.scheme,
[id$="__heading_above_products"] [class*="scheme"],
[id$="__heading_above_products"] [class*="section"] {
  background-color: #F5F0E8 !important;
  background: #F5F0E8 !important;
}

/* Reduce gap between heading and tabs */
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Fix: override scheme-1 white background inside heading section */
#shopify-section-template--22693994889524__heading_above_products .custom-code.scheme {
  background-color: transparent !important;
}

#shopify-section-template--22693994889524__heading_above_products .custom-code.scheme {
  background-color: transparent !important;
}


/* Featured collection tabs — moderate (not aggressive) spacing */
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="tab-content"] {
  padding-top: 1rem !important;
}
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="swiper"] {
  padding-top: 1rem !important;
}

/* Collection tab labels ONLY (Bestsellers, Hormone Balance, etc.) —
   strictly scoped to the tab row, NOT product cards below.
   Uses ARIA role="tab" + tablist container to avoid bleeding into
   product titles that also live inside classes containing "tab". */
[id$="__ss_featured_collection_tabs_ytUaXi"] [role="tab"],
[id$="__ss_featured_collection_tabs_ytUaXi"] [role="tablist"] a,
[id$="__ss_featured_collection_tabs_ytUaXi"] [role="tablist"] button,
[id$="__ss_featured_collection_tabs_ytUaXi"] [role="tablist"] span,
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="tablist"] a,
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="tablist"] button,
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="tabs-nav"] a,
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="tabs-nav"] button,
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="tab-nav"] a,
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="tab-nav"] button {
  text-transform: uppercase !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}
/* Reset: product card titles should NOT inherit tab styling */
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="tab-content"] *,
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="product-card"] *,
[id$="__ss_featured_collection_tabs_ytUaXi"] .product-card * {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Tighten tabs to product grid spacing */
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi [class*="tab-content"] { padding-top: 0 !important; }
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi [class*="swiper"] { padding-top: 4px !important; }
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi [class*="overflow-container"] { padding-bottom: 0 !important; }

/* Tighten tabs-to-grid */
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi [class*="tab-content"] { padding-top: 0 !important; }
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi [class*="swiper"] { padding-top: 4px !important; }
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi [class*="overflow-container"] { padding-bottom: 0 !important; }

/* Fix: reduce wrapper top padding that creates big gap */
.section-template--22693994889524__ss_featured_collection_tabs_ytUaXi-padding { padding-top: 8px !important; padding-bottom: 12px !important; }

/* Square product images on featured collection tabs */
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi [class*="product-image-wrapper"] {
  padding-top: 100% !important;
  overflow: hidden !important;
}
#shopify-section-template--22693994889524__ss_featured_collection_tabs_ytUaXi [class*="product-image-wrapper"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Crop top whitespace off product card images — flexible selector */
[id$="__ss_featured_collection_tabs_ytUaXi"] [class*="product-image-wrapper"] img {
  top: -18% !important;
  height: 118% !important;
  object-position: top !important;
}


/* ============================================================
   Unified "Take Our Quiz" + hero carousel "Shop Now" buttons —
   gold bg, teal text, 4px radius. Matches quiz-hrefs anywhere,
   and any .btn inside the homepage hero-banner carousel.
   ============================================================ */
a[href*="hormone-quiz"].btn,
a[href*="hormone-quiz"].btn.v2,
a[href*="hormone-quiz"].btn-outline,
a.btn[href*="hormone-quiz"],
button[data-href*="hormone-quiz"],
.cta-button[href*="hormone-quiz"],
.hero-banner .btn,
.hero-banner a.btn,
.hero-banner .btn-wrap .btn,
.type_Hero_Carousel .btn,
.type_Hero_Carousel a.btn,
.type_Hero_Carousel .btn-wrap .btn {
  background: #C5A85F !important;
  background-color: #C5A85F !important;
  color: #1A3A4A !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 1.35rem 2.25rem !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: background .2s ease !important;
}
a[href*="hormone-quiz"].btn:hover,
a[href*="hormone-quiz"].btn.v2:hover,
a.btn[href*="hormone-quiz"]:hover,
.hero-banner .btn:hover,
.type_Hero_Carousel .btn:hover {
  background: #B89849 !important;
  background-color: #B89849 !important;
  color: #1A3A4A !important;
}

/* ============================================================
   Homepage — ALL buttons: square corners + on-brand colors
   Applies to every .btn inside sections on the index template.
   ============================================================ */
.template-index .btn,
.template-index a.btn,
.template-index button.btn,
.template-index .btn-wrap .btn,
.template-index .banner .btn,
.template-index section .btn {
  border-radius: 0 !important;
  background: #C5A85F !important;
  background-color: #C5A85F !important;
  color: #1A3A4A !important;
  border: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: background .2s ease !important;
}
.template-index .btn:hover,
.template-index a.btn:hover,
.template-index button.btn:hover {
  background: #B89849 !important;
  background-color: #B89849 !important;
  color: #1A3A4A !important;
}
/* Keep any intentionally-inverted footer/dark buttons readable */
.template-index footer .btn,
.template-index .footer .btn {
  background: transparent !important;
  color: inherit !important;
  border: 1px solid currentColor !important;
}


/* ============================================================
   BOND COLOR TOKENS
   ============================================================ */
:root {
  --bond-teal:          #1A3A4A;  /* Primary headings, body text */
  --bond-teal-secondary:#5e83af;  /* Secondary headings */
  --bond-powder:        #b7cfda;  /* Highlight / accent bg */
  --bond-gold:          #C5A85F;  /* Eyebrows, CTAs, accents */
  --bond-cream:         #F5F0E8;  /* Soft bg */
  --bond-sage:          #7A8B6F;  /* Button / accent */
  --bond-ink:           #111;     /* Max-contrast text */
}

/* Utility classes for the powder-blue highlight so it can be
   applied to any section, block, badge, or callout via the
   theme editor custom_css or manual class attribute. */
.bond-highlight-bg, .bg-powder {
  background-color: var(--bond-powder) !important;
}
.bond-highlight-border, .border-powder {
  border-color: var(--bond-powder) !important;
}
.bond-highlight-text, .text-powder {
  color: var(--bond-powder) !important;
}


/* ============================================================
   Global heading color system
   - Primary (#1A3A4A): H1, H2 — major section headings
   - Secondary (#5e83af): H3, H4, H5, H6 — subsection headings
   Scoped out of known inverted areas (footer, dark hero banners,
   buttons, promo bars) so white-on-dark text stays white.
   ============================================================ */
/* Primary — big headings */
h1, h2,
.h1, .h1-xl, .h1-xxl, .h1-xxxl,
.h2,
.title {
  color: #1A3A4A !important;
  fill: #1A3A4A !important;
  stroke: #1A3A4A !important;
}
/* Secondary — smaller headings */
h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
  color: #5e83af !important;
  fill: #5e83af !important;
  stroke: #5e83af !important;
}
/* .heading-font + .subheading default to primary teal */
.heading-font,
.subheading {
  color: #1A3A4A !important;
  fill: #1A3A4A !important;
  stroke: #1A3A4A !important;
}
/* Preserve gold/emphasis accents inside headings */
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
.h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em {
  color: var(--scheme-highlights) !important;
  fill: var(--scheme-highlights) !important;
  stroke: var(--scheme-highlights) !important;
}
/* Exclude inverted/dark areas so white-on-dark headings stay white */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer .h1, footer .h2, footer .h3, footer .h4, footer .h5, footer .h6,
footer .heading-font, footer .title, footer .subheading,
.announcement h1, .announcement h2, .announcement h3, .announcement h4, .announcement h5, .announcement h6,
.announcement .title, .announcement .subheading,
.announcement_bar h1, .announcement_bar h2, .announcement_bar h3, .announcement_bar h4, .announcement_bar h5, .announcement_bar h6,
[class*="scheme-2"] h1, [class*="scheme-2"] h2, [class*="scheme-2"] h3, [class*="scheme-2"] h4, [class*="scheme-2"] h5, [class*="scheme-2"] h6,
[class*="scheme-2"] .title, [class*="scheme-2"] .subheading,
[class*="scheme-4"] h1, [class*="scheme-4"] h2, [class*="scheme-4"] h3, [class*="scheme-4"] h4, [class*="scheme-4"] h5, [class*="scheme-4"] h6,
[class*="scheme-4"] .title, [class*="scheme-4"] .subheading,
[class*="scheme-4"] .h1, [class*="scheme-4"] .h2, [class*="scheme-4"] .h3, [class*="scheme-4"] .h4, [class*="scheme-4"] .h5, [class*="scheme-4"] .h6,
.hero-banner .title, .hero-banner h1, .hero-banner h2,
.btn, .btn *,
button, button * {
  color: inherit !important;
  fill: inherit !important;
  stroke: inherit !important;
}


/* ============================================================
   DAILY BALANCE PDP — Reale Actives inspired overrides
   Scoped via [id$="..."] to match regardless of template ID.
   ============================================================ */

/* ── Section: Is Daily Balance Right for You? (info_cards_hQQ7DU) ── */
/* Override the scheme background CSS variables AND paint the section.
   The theme uses .scheme { background: var(--scheme-background-gradient) }
   so we have to hit the variable, not just the background property. */
[id$="__info_cards_hQQ7DU"] {
  --scheme-background-color: #b7cfda !important;
  --scheme-background-gradient: #b7cfda !important;
  background: #b7cfda !important;
}
[id$="__info_cards_hQQ7DU"] .scheme,
[id$="__info_cards_hQQ7DU"] [class*="scheme-1"],
[id$="__info_cards_hQQ7DU"] [class*="scheme-3"],
[id$="__info_cards_hQQ7DU"] [class*="section-color"],
[id$="__info_cards_hQQ7DU"] .shopify-section,
[id$="__info_cards_hQQ7DU"] > *,
[id$="__info_cards_hQQ7DU"] > * > * {
  background: #b7cfda !important;
  background-color: #b7cfda !important;
  background-image: none !important;
}
/* Card dividers tuned for the powder-blue bg */
[id$="__info_cards_hQQ7DU"] .grid .grid-item {
  border-top: 1px solid rgba(26,58,74,0.15) !important;
}
[id$="__info_cards_hQQ7DU"] .custom-card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 2rem 0 !important;
  transition: transform .3s ease;
}
[id$="__info_cards_hQQ7DU"] .custom-card:hover { transform: translateX(4px); }
[id$="__info_cards_hQQ7DU"] .custom-card .small-label {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #1A3A4A !important;
  margin-bottom: 0.4rem !important;
}
[id$="__info_cards_hQQ7DU"] .custom-card .info-bottom .text,
[id$="__info_cards_hQQ7DU"] .custom-card .info-bottom p {
  font-size: 1.3rem !important;
  line-height: 1.55 !important;
  color: #6B6B6B !important;
}
[id$="__info_cards_hQQ7DU"] .custom-card .image-container {
  width: 40px !important;
  height: 40px !important;
  background: transparent !important;
}
[id$="__info_cards_hQQ7DU"] .grid .grid-item {
  border-top: 1px solid rgba(26,58,74,0.08);
}
[id$="__info_cards_hQQ7DU"] .head .subheading {
  color: #fef1b5 !important;
  letter-spacing: 0.18em !important;
  font-weight: 600 !important;
}


/* ── Section: Why It Works — 4 Pillars (4c12f98a-...) ── */
[id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .custom-card {
  padding: 2.5rem 0 !important;
}
[id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .custom-card .title {
  font-size: 7.2rem !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  font-family: var(--heading-font-family) !important;
  color: #1A3A4A !important;
  line-height: 1 !important;
  margin-bottom: 1.5rem !important;
  transition: color .25s ease;
}
[id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .custom-card:hover .title {
  color: #C5A85F !important;
}
[id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .custom-card .small-label {
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  text-transform: none !important;
  letter-spacing: -0.005em !important;
  font-family: var(--heading-font-family) !important;
  color: #1A3A4A !important;
  line-height: 1.3 !important;
  margin-bottom: 0.75rem !important;
}
[id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .info-bottom {
  margin-top: 0 !important;
}
[id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .info-bottom .text,
[id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .info-bottom p {
  font-size: 1.35rem !important;
  line-height: 1.55 !important;
  color: #5a6b75 !important;
}
@media (min-width: 48rem) {
  [id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .grid-item {
    position: relative;
    padding: 0 2.5rem !important;
  }
  [id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .grid-item + .grid-item::before {
    content: "";
    position: absolute;
    left: 0; top: 15%;
    height: 70%;
    width: 1px;
    background: rgba(26,58,74,0.12);
  }
  [id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .grid-item:first-child {
    padding-left: 0 !important;
  }
  [id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .grid-item:last-child {
    padding-right: 0 !important;
  }
}
@media (max-width: 48rem) {
  [id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .custom-card .title {
    font-size: 3.6rem !important;
    margin-bottom: .5rem !important;
  }
  [id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .custom-card {
    padding: .75rem 0 !important;
  }
  [id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .custom-card .small-label {
    font-size: 1.5rem !important;
    margin-bottom: .25rem !important;
  }
  [id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .grid-item + .grid-item {
    margin-top: 0 !important;
  }
  [id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .grid {
    gap: .5rem !important;
    row-gap: .5rem !important;
  }
  [id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  /* Is Daily Balance Right for You? — tighten mobile spacing
     AND lay icon beside text (horizontal) instead of stacked */
  [id$="__info_cards_hQQ7DU"] .grid-item {
    --margin-bottom: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  [id$="__info_cards_hQQ7DU"] .custom-card {
    padding: 0 !important;
    padding-left: 1rem !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 1.5rem !important;
    min-height: 64px !important;
  }
  [id$="__info_cards_hQQ7DU"] .custom-card .image-container {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }
  [id$="__info_cards_hQQ7DU"] .custom-card .info,
  [id$="__info_cards_hQQ7DU"] .custom-card .richtext-wrap {
    flex: 0 1 auto !important;
    max-width: 66% !important;
    text-align: left !important;
    margin: 0 !important;
    padding-left: 1rem !important;
  }
  [id$="__info_cards_hQQ7DU"] .custom-card .small-label {
    margin-bottom: 0 !important;
  }
  [id$="__info_cards_hQQ7DU"] .custom-card .info-bottom {
    margin-top: .25rem !important;
  }
  [id$="__info_cards_hQQ7DU"] .grid-item + .grid-item {
    margin-top: 0 !important;
  }
  [id$="__info_cards_hQQ7DU"] .grid {
    gap: 0 !important;
    row-gap: 0 !important;
  }
  [id$="__info_cards_hQQ7DU"] {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
[id$="__4c12f98a-743e-47ba-8b61-318ad25df9a6"] .head .text h5 {
  font-size: 1.3rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #C5A85F !important;
  font-weight: 600 !important;
  font-family: var(--body-font-family) !important;
}


/* ── Section: The Nutrients Your Body Craves (ingredients) ──
   Editorial "white box" labels on top of the lifestyle background image,
   inspired by the Reale Actives fact callouts. */
[id$="__dcfb5075-a285-4add-888d-e112dc3c660d"] .grid-item {
  position: relative;
}
[id$="__dcfb5075-a285-4add-888d-e112dc3c660d"] .grid-item .title,
[id$="__dcfb5075-a285-4add-888d-e112dc3c660d"] .grid-item .text {
  background: #FFFFFF !important;
  color: #1A3A4A !important;
  display: inline-block !important;
  padding: 0.4rem 0.7rem !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.35 !important;
}
[id$="__dcfb5075-a285-4add-888d-e112dc3c660d"] .grid-item .title {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.005em !important;
  text-transform: none !important;
  margin-bottom: 0.5rem !important;
  color: #1A3A4A !important;
}
[id$="__dcfb5075-a285-4add-888d-e112dc3c660d"] .grid-item .text,
[id$="__dcfb5075-a285-4add-888d-e112dc3c660d"] .grid-item .text p {
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  color: #1A3A4A !important;
}
/* Heading area — keep legible against photo */
[id$="__dcfb5075-a285-4add-888d-e112dc3c660d"] .section-header .eyebrow {
  color: #FFFFFF !important;
  background: rgba(26,58,74,0.85);
  display: inline-block;
  padding: 0.3rem 0.75rem;
  letter-spacing: 0.18em;
  font-weight: 600;
}
[id$="__dcfb5075-a285-4add-888d-e112dc3c660d"] .section-header .section-title {
  color: #FFFFFF !important;
  text-shadow: 0 2px 16px rgba(0,0,0,0.4);
}
[id$="__dcfb5075-a285-4add-888d-e112dc3c660d"] .section-header .section-subtitle {
  color: #FFFFFF !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.4);
}


/* ── Hide carousel navigation arrows on product gallery (all PDPs) ── */
[id$="__product_main"] product-gallery .keen-arrows,
[id$="__product_main"] product-gallery .keen-arrow,
[id$="__product_main"] .gallery-wrap .keen-arrows.sides,
[id$="__product_main"] .gallery-wrap .keen-arrow {
  display: none !important;
}

/* ── Hide arrows and dots on "What Women Say on Amazon" testimonial carousel ── */
[id$="__testimonials_mQpcVi"] .keen-arrows,
[id$="__testimonials_mQpcVi"] .keen-arrow,
[id$="__testimonials_mQpcVi"] .keen-dots {
  display: none !important;
}


/* ── Product badges: pin to bottom-right of main product IMAGE ──
   JS moves the badges into product-gallery (just the image), then
   CSS positions them absolutely inside it. */
[id$="__product_main"] product-gallery,
[id$="__product_main"] .main-product-media,
[id$="__product_main"] .gallery-wrap {
  position: relative !important;
}
[id$="__product_main"] .product-badges.floating {
  position: absolute !important;
  top: auto !important;
  bottom: 20px !important;
  right: 20px !important;
  left: auto !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
}
[id$="__product_main"] .product-badges.floating .badge { margin: 0 !important; }

/* Kill any stray scrolling_text / recently_viewed on daily-balance PDP */
[id$="__29d854a1-caa9-4f66-8576-739ca162b133"],
[id$="__recently_viewed"],
[id$="__67c47098-85ff-407f-a797-59a3bf7eba2e"] {
  display: none !important;
}


/* ── FAQ accordion: hide image on mobile ── */
@media (max-width: 48rem) {
  [id$="__1a49afe7-77cf-4f81-8599-9c897d407333"] .media-wrap,
  [id$="__1a49afe7-77cf-4f81-8599-9c897d407333"] picture,
  [id$="__1a49afe7-77cf-4f81-8599-9c897d407333"] img,
  [id$="__1a49afe7-77cf-4f81-8599-9c897d407333"] .image-container {
    display: none !important;
  }
}


/* ── Section: product_main — subscription widget & thumbnails (desktop only) ── */
  /* (thumbnail CSS removed — letting the theme's native horizontal
     carousel layout handle position below the main image.) */
  /* Add-to-cart button — match quiz CTA button shape (rectangular, 4px radius) */
  [id$="__product_main"] add-to-cart-form .btn.add,
  [id$="__product_main"] add-to-cart-form button[type="submit"],
  [id$="__product_main"] .btn-buy,
  [id$="__product_main"] button[type="submit"].btn {
    color: #FFFFFF !important;
    border-radius: 0 !important;
  }
  [id$="__product_main"] add-to-cart-form .btn.add *,
  [id$="__product_main"] add-to-cart-form button[type="submit"] *,
  [id$="__product_main"] .btn-buy * {
    color: inherit !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
  }

  /* Shrink Subscribe & Save / Recharge widget text */
  [id$="__product_main"] .block-selling_plans,
  [id$="__product_main"] .block-selling_plans * {
    font-size: 1.35rem !important;
    line-height: 1.4 !important;
  }
  /* Selling-plan price spacing — fix "$39$27.30" running together.
     Theme JS renders <span class="option-compare">$39</span><span
     class="option-price">$27.30</span> with no whitespace between them.
     Force a gap via ::after on the compare element + margin on the price. */
  [id$="__product_main"] .option-compare,
  [id$="__product_main"] .block-selling_plans .option-compare {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  [id$="__product_main"] .option-compare::after,
  [id$="__product_main"] .block-selling_plans .option-compare::after {
    content: "\00a0\00a0";
    display: inline;
  }
  [id$="__product_main"] .option-price,
  [id$="__product_main"] .block-selling_plans .option-price {
    margin-left: .25em !important;
  }
  /* Fallback: word-spacing on the row so any whitespace-separated tokens get spread */
  [id$="__product_main"] .block-selling_plans label,
  [id$="__product_main"] .block-selling_plans .small-label,
  [id$="__product_main"] .block-selling_plans [class*="purchase"] label {
    word-spacing: .15em;
  }
  [id$="__product_main"] .block-selling_plans [class*="price"],
  [id$="__product_main"] .block-selling_plans [class*="Price"] {
    font-size: 1.5rem !important;
  }
  [id$="__product_main"] .block-selling_plans svg {
    width: 16px !important;
    height: 16px !important;
  }
  [id$="__product_main"] .block-selling_plans [class*="title"],
  [id$="__product_main"] .block-selling_plans h3,
  [id$="__product_main"] .block-selling_plans h4 {
    font-size: 1.45rem !important;
    font-weight: 600 !important;
  }
}
/* Mobile: push PURCHASE OPTIONS down and bring it closer to the radio below */
@media (max-width: 48rem) {
  [id$="__product_main"] .block-selling_plans {
    margin-top: 2rem !important;
  }
  [id$="__product_main"] .block-selling_plans .small-label,
  [id$="__product_main"] .block-selling_plans > label:first-child,
  [id$="__product_main"] .block-selling_plans [class*="title"]:first-child {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 48rem) {
  /* Selling plan option boxes — match quiz CTA / ATC shape (4px radius) */
  [id$="__product_main"] .block-selling_plans [class*="option"],
  [id$="__product_main"] .block-selling_plans [class*="radio"],
  [id$="__product_main"] .block-selling_plans [class*="card"],
  [id$="__product_main"] .block-selling_plans [class*="plan"],
  [id$="__product_main"] .block-selling_plans [class*="select"],
  [id$="__product_main"] .block-selling_plans [class*="dropdown"],
  [id$="__product_main"] .block-selling_plans [class*="box"],
  [id$="__product_main"] .block-selling_plans button,
  [id$="__product_main"] .block-selling_plans label,
  [id$="__product_main"] .block-selling_plans input,
  [id$="__product_main"] .block-selling_plans .radio-custom-label {
    border-radius: 0 !important;
  }
}