/*
 * Production-only layout overrides.
 *
 * Keep header clearance in a small final stylesheet, matching the gummies PDP.
 * This prevents an older LiteSpeed-optimized copy of the main bundle from
 * pulling the purchase hero back underneath Woodmart's over-content header.
 */
body.nb-capsules-product .capsulesPreview {
  padding-top: 0 !important;
}

body.nb-capsules-product .capsulesPreview .hero {
  padding-top: 86px !important;
}

@media (max-width: 820px) {
  body.nb-capsules-product .capsulesPreview .hero {
    padding-top: 56px !important;
  }
}

/* Keep the dark mechanism chapter crisp even when an older optimized main
 * stylesheet is still present in a visitor's browser cache. */
body.nb-capsules-product .capsulesPreview .mechanismSection h2,
body.nb-capsules-product .capsulesPreview .mechanismSteps strong {
  color: #ffffff !important;
}

body.nb-capsules-product .capsulesPreview .mechanismCopy > p:not(.eyebrow) {
  color: #e4f6fb !important;
}

body.nb-capsules-product .capsulesPreview .mechanismSteps p {
  color: #cdebf3 !important;
}

body.nb-capsules-product .capsulesPreview .mechanismSteps article {
  border-top-color: rgba(255, 255, 255, .24) !important;
}

body.nb-capsules-product .capsulesPreview .mechanismSection .eyebrow,
body.nb-capsules-product .capsulesPreview .mechanismSection .textLink,
body.nb-capsules-product .capsulesPreview .mechanismSteps article > span {
  color: #31e4f4 !important;
}