/* CirculaFlow overrides — burgundy palette, force-visible reveal, clean gallery, checkout.
   Loaded LAST. Palette: #8B2233 primary, #5E101C deep, #B23A4E wine. */

:root, body, .shopify-section, .color-background-1, .color-background-2,
.color-accent-1, .color-accent-2, .color-scheme-1, .color-scheme-2, .gradient {
  --color-base-accent-1: 139, 34, 51 !important;
  --color-base-accent-2: 94, 16, 28 !important;
  --accent-color: 139, 34, 51 !important;
  --accent-2-color: 94, 16, 28 !important;
  --color-link: 139, 34, 51 !important;
  --text-accent-color: 139, 34, 51 !important;
  --color-badge-background: 139, 34, 51 !important;
}

/* Any residual teal literals -> burgundy (belt & suspenders) */
[style*="0, 191, 179"], [style*="0,191,179"] { color: #8B2233 !important; }

/* ---- Force-visible: theme reveal animations depend on stripped JS (IntersectionObserver) ---- */
.scroll-trigger, .animate--hidden, .scroll-trigger.animate--slide-in,
[class*="animate--"], [data-cascade],
.deos-journey__week, [data-lp-fade], [data-lp-reveal], [data-aos] {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  animation: none !important;
  filter: none !important;
}

/* ---- Header logo (burgundy wordmark) ---- */
.header__heading-logo, .header__heading-logo-wrapper img {
  max-height: 46px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* ---- Buy button = burgundy ---- */
.main-product-atc, .atc-button, .product-form__submit,
button[name="add"], .button--full-width {
  background: #8B2233 !important;
  color: #fff !important;
  border-color: #8B2233 !important;
}
.main-product-atc:hover, .atc-button:hover, .product-form__submit:hover { background: #5E101C !important; }
a, .link, .deos-faq__question { color: inherit; }

/* =====================  CLEAN GALLERY (built by circulaflow.js)  ===================== */
.product__media-list, .product-media-modal, .thumbnail-list,
.product__media-toggle, .product__media-icon { display: none !important; }

.cf-gallery { display: flex; flex-direction: column; gap: 14px; }
.cf-main {
  width: 100%; aspect-ratio: 1/1; border-radius: 16px; overflow: hidden;
  background: #FBF4F5; box-shadow: 0 6px 24px rgba(94,16,28,.10);
}
.cf-main img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cf-thumbs { display: flex; gap: 10px; flex-wrap: wrap; }
.cf-thumb {
  width: 74px; height: 74px; border-radius: 10px; overflow: hidden; cursor: pointer;
  border: 2px solid transparent; background: #FBF4F5; flex: 0 0 auto; transition: border-color .15s;
}
.cf-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cf-thumb.is-active { border-color: #8B2233; }
@media (min-width: 750px){ .cf-thumb{ width: 84px; height: 84px; } }

/* Hide empty leftovers from removed sections */
.shopify-section:empty { display: none !important; }

/* Neutralize dead Shopify dynamic-checkout / payment-button shells (no backend). */
.shopify-payment-button, .shopify-payment-button__button,
[data-shopify="payment-button"], .shopify-digital-wallet { display: none !important; }

/* CirculaFlow: real product = 2 aminoacidos (L-Arginina + Glicina).
   Niacina card removed -> center a 2-column grid on desktop. */
@media (min-width: 768px) {
  .deos-ingredients__list {
    grid-template-columns: repeat(2, 1fr);
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
}