/* Happy Mammoth upgrade, hand part: rules map to MVP-UPGRADES.md rows */
/* A5 buy button 49 -> 56px tall, label 16 -> 18px; same on the sticky bar */
#MainContent [id$="__frend_buybox"] .shop-add-to-cart-wrapper button { min-height: 56px !important; }
#MainContent [id$="__frend_buybox"] .shop-add-to-cart-wrapper .button-text { font-size: 18px !important; line-height: 1.2 !important; }
/* doubled id: the bar's own rules are "html body #stickyAddToCart .mobile-view ..." and come later in the page */
#stickyAddToCart#stickyAddToCart .sticky-add-to-cart__button { min-height: 56px !important; }
#stickyAddToCart#stickyAddToCart .sticky-add-to-cart__button .button-text { font-size: 18px !important; line-height: 1.2 !important; white-space: nowrap !important; }
/* desktop bar button was a fixed 250px; at 18px the label needs ~270px */
@media (min-width: 768px) { #stickyAddToCart#stickyAddToCart .sticky-add-to-cart__button { width: auto !important; min-width: 250px !important; max-width: none !important; flex: 0 0 auto !important; padding: 0 28px !important; } }
/* A3 buy-box small text: trust labels 10px caps -> 13px, sub-label 7.5 -> 12px, FDA line 9/11 -> 12px, star count 12/11 -> 14px, pill 11 -> 13px */
#MainContent [id$="__frend_buybox"] .frend-trust-label { font-size: 13px !important; text-transform: none !important; letter-spacing: normal !important; line-height: 1.3 !important; }
#MainContent [id$="__frend_buybox"] .frend-trust-sub { font-size: 12px !important; font-weight: 500 !important; letter-spacing: normal !important; color: #6e5a94 !important; }
#MainContent [id$="__frend_buybox"] .custom-text-block-container-bb_reassure .custom-text-description p { font-size: 12px !important; line-height: 1.45 !important; color: #6e5a94 !important; }
/* doubled id: a later phone rule pins these to 11px */
#block-bb_stars#block-bb_stars .rating-text-content, #block-bb_stars#block-bb_stars .rating-text-content p { font-size: 14px !important; line-height: 1.3 !important; }
#block-bb_stars#block-bb_stars .rating-satisfaction { font-size: 13px !important; }
/* B2 star line opens the reviews */
#block-bb_stars .mvp-stars-link { display: flex; align-items: center; gap: 4px; color: inherit; text-decoration: none; cursor: pointer; min-height: 24px; }
#MainContent .shopify-section[id$="__frend_appreviews"] { scroll-margin-top: 90px; }
/* B4 fact strip under the Home hero: the product page's trust icons + labels, same art and words.
   Full-width plum band (the announcement bar's #1f003d) so it stands apart from the pale hero above and the pale
   resources band below (owner 22 Oct: "give it more contrast with the above and below sections overall").
   Icons sit on white discs so their plum line art keeps working on the dark band. */
.mvp-facts { background: #1f003d; padding: 0 20px; }
.mvp-facts__row { list-style: none; max-width: 1180px; margin: 0 auto; padding: 26px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mvp-fact { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0; }
.mvp-fact svg { flex: 0 0 auto; box-sizing: content-box; width: 30px; height: 30px; padding: 11px; border-radius: 50%; background: #fff; }
.mvp-fact__t { font-size: 16px; font-weight: 600; line-height: 1.3; color: #fff; }
.mvp-fact__s { display: block; font-size: 13px; font-weight: 500; color: #cbb0ee; }
.mvp-nowrap { white-space: nowrap; }
@media (max-width: 749px) {
  .mvp-facts { padding: 0 16px; }
  .mvp-facts__row { grid-template-columns: 1fr 1fr; gap: 16px 12px; padding: 22px 0; }
  .mvp-fact { justify-content: flex-start; gap: 10px; }
  .mvp-fact svg { width: 26px; height: 26px; padding: 9px; }
  .mvp-fact__t { font-size: 15px; }
}
/* B5 "You save" in the cart drawer (the template's Savings row, relabelled in mvp_transform.py) */
/* label only: the amount sits in the template's dark tag and keeps its own white text */
.cart-drawer .totals.gb-discounts-cart-values.mvp-you-save .totals__total span, .totals.gb-discounts-cart-values.mvp-you-save .totals__total span { color: #457f79 !important; font-weight: 700 !important; }
