html { scroll-behavior: smooth; }
.lp-reveal { opacity: 0; transform: translateY(18px); transition: opacity .5s ease, transform .5s ease; }
.lp-reveal.visible { opacity: 1; transform: none; }
.lp-open { display: inline-flex; align-items: center; gap: 7px; color: #bfae9f; font-size: .78rem; }
.lp-open i { width: 8px; height: 8px; border-radius: 50%; background: #6ee7b7; display: inline-block; box-shadow: 0 0 0 4px rgba(110,231,183,.15); }
.lp-open.closed i { background: #f4a308; box-shadow: 0 0 0 4px rgba(244,163,8,.15); }
.lp-float { position: fixed; right: 18px; bottom: 18px; z-index: 50; width: 54px; height: 54px; border-radius: 50%; background: #25d366; color: #063d1e; display: grid; place-items: center; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.lp-float:hover { text-decoration: none; transform: translateY(-2px); }
.lp-header-cta { display: none; }
@media (max-width: 680px) { .lp-header-cta { display: inline-flex; } }
.lp-product .media img { transition: transform .25s ease; }
.lp-product:hover .media img { transform: scale(1.04); }
.lp-note { color: #8f7f72; font-size: .74rem; margin-top: 10px; }
@media (max-width: 680px) { .lp-float { width: 50px; height: 50px; } }