/* Herbal Ape static archive — interactivity styles */
.archive-modal-overlay{position:fixed;inset:0;background:rgba(20,28,22,.72);z-index:99999;
  display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;
  transition:opacity .18s ease;backdrop-filter:blur(2px)}
.archive-modal-overlay.open{opacity:1}
.archive-modal{background:#f4f1e9;color:#26332b;max-width:440px;width:100%;border-radius:16px;
  padding:32px 28px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35);
  transform:translateY(8px);transition:transform .18s ease;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.archive-modal-overlay.open .archive-modal{transform:translateY(0)}
.archive-modal h3{margin:0 0 10px;font-size:22px;letter-spacing:-.3px}
.archive-modal p{margin:0 0 22px;font-size:15px;line-height:1.55;color:#3f5142}
.archive-modal button{background:#3a4a3f;color:#fff;border:0;border-radius:40px;
  padding:13px 30px;font-weight:600;font-size:14px;letter-spacing:.4px;cursor:pointer}
.archive-modal button:hover{background:#2d3b31}
.archive-modal .archive-badge{display:inline-block;font-size:11px;letter-spacing:1.5px;
  text-transform:uppercase;color:#8a9b83;margin-bottom:14px;font-weight:700}
/* smooth scroll for hash nav */
html{scroll-behavior:smooth}
/* ensure swiper slides are visible once initialized */
.swiper-initialized .swiper-slide{visibility:visible}
/* nutrition / generic archive popup image */
.archive-modal img{max-width:100%;border-radius:8px;margin-bottom:16px}

/* The theme reveals sections on scroll via JS (which is stripped). Force every
   scroll-reveal / entrance-animation element to its final visible state so the
   footer and all sections show. */
.scroll-trigger--offscreen,
[class*="scroll-trigger"],
[class*="offscreen"],
.animate--slide-in,
[class*="animate--"],
.slide-in{
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
  animation:none !important;
}
/* background videos should fill their slide */
.swiper-slide video,video[class*="lazy"]{opacity:1 !important;visibility:visible !important}

/* visible selected state for product variant / subscribe options */
.archive-selected{outline:2px solid #3a4a3f !important;outline-offset:1px;border-color:#3a4a3f !important;
  box-shadow:0 0 0 2px rgba(58,74,63,.35) !important;border-radius:8px}

/* injected collapsible answers */
.archive-faq-answer{padding:4px 0 20px;font-size:16px;line-height:1.6}
.archive-faq-answer p{margin:0 0 14px}
.archive-faq-answer ul{margin:0 0 14px;padding-left:22px}
.archive-faq-answer li{margin:0 0 6px}
[data-replo-collapsible][data-state="open"] .archive-faq-answer{opacity:1}

/* sticky Try Herbal Ape CTA */
.archive-sticky-cta{position:fixed;top:84px;right:22px;z-index:9997;background:#8ba888;color:#fff;
  padding:14px 30px;border-radius:40px;font-weight:600;letter-spacing:.5px;text-decoration:none;
  font-family:inherit;box-shadow:0 8px 24px rgba(0,0,0,.22);opacity:0;transform:translateY(-6px);
  pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.archive-sticky-cta.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.archive-sticky-cta:hover{background:#7a9877}
@media (max-width:640px){.archive-sticky-cta{top:auto;bottom:20px;right:16px;padding:12px 24px;font-size:14px}}

/* testimonial dots */
.archive-dots{display:flex;gap:9px;justify-content:center;padding:18px 0 4px}
.archive-dots button{width:11px;height:11px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:rgba(58,74,63,.28);transition:background .2s}
.archive-dots button.on{background:#3a4a3f}

/* videos: make sure shoppable-video slides actually show */
.swiper-slide video,video{max-width:100%}
[class*="shoppable-video"] video,[class*="ss-shoppable"] video{width:100%;height:100%;object-fit:cover;display:block}