@keyframes kenBurns{0%{transform:scale(.92) translate(2%)}to{transform:scale(1.03) translate(-1%,1%)}}.ken-burns{animation:kenBurns 10s ease-out forwards;transform-origin:left center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}.hero-float{animation:float 5s ease-in-out infinite}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.star-fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.nav-glass{background:#f8fafae0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow .3s ease}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#78cdd1;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link.active{color:#78cdd1}.nav-link.active:after{width:100%}#scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#78cdd1,#00696d);z-index:100;width:0%}.ambient{box-shadow:0 4px 60px -10px #191c1d1a}.gradient-text{background:linear-gradient(135deg,#78cdd1,#00696d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-lift{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.card-lift:hover{transform:translateY(-6px);box-shadow:0 20px 60px -15px #191c1d24}.h2-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#78cdd12e,#00696d1a);border:1px solid rgba(120,205,209,.55);padding:6px 14px;border-radius:999px;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#00696d}.option-card{border:2px solid transparent;cursor:pointer;transition:all .2s ease}.option-card.selected{border-color:#00696d;background:#fff;box-shadow:0 0 0 4px #78cdd126}.option-card:not(.selected):hover{border-color:#bdc9c9}.thumb{border:2px solid transparent;transition:all .2s ease;cursor:pointer}.thumb.active{border-color:#00696d;box-shadow:0 0 0 3px #78cdd133}.cta-glow:hover{box-shadow:0 10px 40px -8px #00696d73}.noise-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}@media(min-width:1024px){.sticky-gallery{position:sticky;top:7rem}}#main-img{transition:opacity .35s ease,transform .35s ease}#main-img.switching{opacity:0;transform:scale(.95)}.mineral-bar{height:5px;background:linear-gradient(90deg,#78cdd1,#00696d);border-radius:3px;width:0%;transition:width 1.4s cubic-bezier(.34,1.56,.64,1)}.gsap-reveal{opacity:0}.warm-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.electrolyte-hero-bg{background:linear-gradient(160deg,#f0fafa,#e8f5f5 40%,#fdf6ee)}.bottle-hero-bg{background:linear-gradient(160deg,#f8fafa,#f2f4f4 60%,#eceeee)}.sachet-card{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.sachet-card:hover{transform:translateY(-12px) scale(1.02)}.flavor-btn .flavor-img-wrap{border:2px solid transparent;transition:border-color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.flavor-btn:hover .flavor-img-wrap{transform:scale(1.1)}.flavor-btn.active .flavor-img-wrap{border-color:#00696d}.purchase-type-card{border:2px solid transparent;cursor:pointer;transition:all .2s ease}.purchase-type-card.selected{border-color:#00696d;background:#fff;box-shadow:0 0 0 4px #78cdd126}.purchase-type-card:not(.selected):hover{border-color:#bdc9c9}#cart-overlay{transition:opacity .3s ease}#cart-overlay.visible{opacity:1;pointer-events:all}#cart-drawer{transition:transform .4s cubic-bezier(.32,0,.15,1)}#cart-drawer.open{transform:translate(0)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-inner{animation:ticker 22s linear infinite;white-space:nowrap;will-change:transform}.ticker-inner:hover{animation-play-state:paused}.clip-reveal{overflow:hidden;padding-bottom:.15em;margin-bottom:-.15em}.how-to-step{counter-increment:step}@keyframes floatMolecule{0%,to{transform:translateY(0) rotate(0);opacity:.06}50%{transform:translateY(-20px) rotate(180deg);opacity:.12}}.h2-molecule{position:absolute;pointer-events:none;animation:floatMolecule 8s ease-in-out infinite}
/*# sourceMappingURL=/cdn/shop/t/11/assets/fluence.css.map */