/* ===================================================================
   VASORYN (vasoryns.com) — built with Tailwind CSS (CLI-compiled)
   Palette : indigo #1E2A3A | indigo-dk #131C27 | emerald #1F9D6B | emerald-dk #167A54
             cream #F8FAF8 | mist #EEF3EF | ink #1A2321 | slate #5C685F | line #DEE7E0
   Type    : 'Roboto' (clean modern grotesque) + Inter
   Motif   : The Wellness Ring — a 5-segment ring fills in sequence,
             mirroring the brand's own "5 Simple Steps" infographic
             (Natural Ingredients -> Blood Pressure -> Circulation ->
             Heart Health -> Feel Better), ending in a heart glow
   Layout  : HERO IMAGE ON THE RIGHT (desktop)
=================================================================== */

html { scroll-behavior: smooth; }
.pk-img { height: 172px; width: auto; max-width: min(140px,100%); object-fit: contain; margin: 8px auto 16px; }
.faq-body { max-height: 0; overflow: hidden; transition: max-height .28s ease; }
.faq-btn::after { content: '+'; font-size: 1.4rem; color: #1F9D6B; transition: transform .2s; }
.faq-row.on .faq-btn::after { transform: rotate(45deg); }
@media (max-width: 1023px) {
  #stickyBar.show { display: flex; }
  body.has-sticky { padding-bottom: 68px; }
}
/* Wellness Ring signature animation */
.ring-seg { opacity: .16; transition: opacity .45s ease; }
.ring-seg.on { opacity: 1; }
.ring-heart { opacity: 0; transform: scale(.6); transition: opacity .5s ease, transform .5s ease; }
.ring-heart.on { opacity: 1; transform: scale(1); }