:root{--anim-duration-fast: .2s;--anim-duration-normal: .3s;--anim-duration-slow: .6s;--anim-duration-slower: .8s;--anim-easing: cubic-bezier(.25, .46, .45, .94);--anim-easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--anim-easing-smooth: cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(235, 255, 0, .3)}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes heroScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes heroGlow{0%,to{filter:drop-shadow(0 0 20px rgba(235,255,0,.2))}50%{filter:drop-shadow(0 0 40px rgba(235,255,0,.4))}}.hero-animate-eyebrow{animation:heroSlideIn var(--anim-duration-slow) var(--anim-easing) .1s both}.hero-animate-heading{animation:heroFadeUp var(--anim-duration-slow) var(--anim-easing) .2s both}.hero-animate-text{animation:heroFadeUp var(--anim-duration-slow) var(--anim-easing) .35s both}.hero-animate-cta{animation:heroFadeUp var(--anim-duration-slow) var(--anim-easing) .5s both}.hero-animate-image{animation:heroScaleIn var(--anim-duration-slower) var(--anim-easing) .4s both}.hero-animate-glow{animation:heroGlow 3s ease-in-out infinite}.hero-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.035;pointer-events:none;z-index:1}.hero-product-glow:before{content:"";position:absolute;width:120%;height:120%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(235,255,0,.15) 0%,transparent 70%);pointer-events:none;z-index:-1}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-on-scroll{opacity:0}.animate-on-scroll.is-visible,.animate-fade-up.is-visible{animation:fadeUp var(--anim-duration-slow) var(--anim-easing) both}.animate-fade-in.is-visible{animation:fadeIn var(--anim-duration-slow) var(--anim-easing) both}.animate-scale-up.is-visible{animation:scaleUp var(--anim-duration-slow) var(--anim-easing) both}.animate-slide-left.is-visible{animation:slideInLeft var(--anim-duration-slow) var(--anim-easing) both}.animate-slide-right.is-visible{animation:slideInRight var(--anim-duration-slow) var(--anim-easing) both}.stagger-1{--stagger-delay: .1s}.stagger-2{--stagger-delay: .2s}.stagger-3{--stagger-delay: .3s}.stagger-4{--stagger-delay: .4s}.stagger-5{--stagger-delay: .5s}.stagger-6{--stagger-delay: .6s}.animate-on-scroll[class*=stagger-].is-visible{animation-delay:var(--stagger-delay, 0s)}.card-hover-lift{transition:transform var(--anim-duration-normal) var(--anim-easing),box-shadow var(--anim-duration-normal) var(--anim-easing)}.card-hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-hover-scale{transition:transform var(--anim-duration-normal) var(--anim-easing)}.card-hover-scale:hover{transform:scale(1.03)}.image-hover-zoom{overflow:hidden}.image-hover-zoom img{transition:transform var(--anim-duration-slow) var(--anim-easing)}.image-hover-zoom:hover img{transform:scale(1.08)}.image-hover-reveal{position:relative;overflow:hidden}.image-hover-reveal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1836131a;clip-path:inset(100% 0 0 0);transition:clip-path var(--anim-duration-normal) var(--anim-easing)}.image-hover-reveal:hover:after{clip-path:inset(0 0 0 0)}.btn-hover-lift{transition:transform var(--anim-duration-fast) var(--anim-easing),box-shadow var(--anim-duration-fast) var(--anim-easing)}.btn-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-hover-glow{transition:box-shadow var(--anim-duration-fast) var(--anim-easing)}.btn-hover-glow:hover{box-shadow:var(--shadow-glow)}.link-hover-underline{position:relative;text-decoration:none}.link-hover-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width var(--anim-duration-normal) var(--anim-easing)}.link-hover-underline:hover:after{width:100%}.social-hover{transition:transform var(--anim-duration-fast) var(--anim-easing),color var(--anim-duration-fast) var(--anim-easing)}.social-hover:hover{transform:rotate(5deg) scale(1.1);color:var(--maev-neon, #EBFF00)}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.cart-badge-pop{animation:badgePop .3s var(--anim-easing-bounce)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.btn-ripple:active:after{animation:ripple .4s ease-out}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.input-focus-glow{transition:border-color var(--anim-duration-fast) var(--anim-easing),box-shadow var(--anim-duration-fast) var(--anim-easing)}.input-focus-glow:focus{border-color:var(--maev-green, #183613);box-shadow:0 0 0 3px #18361326;outline:none}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.checkbox-animated:checked+label:before{animation:checkPop .3s var(--anim-easing-bounce)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:2px solid var(--maev-border, #E8E3DA);border-top-color:var(--maev-green, #183613);border-radius:50%;animation:spin .8s linear infinite}.spinner--neon{border-top-color:var(--maev-neon, #EBFF00)}@keyframes toastSlideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.toast-enter{animation:toastSlideIn .3s var(--anim-easing) both}.toast-exit{animation:toastSlideOut .3s var(--anim-easing) both}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s var(--anim-easing)}@keyframes successPulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.success-pulse{animation:successPulse 1s var(--anim-easing)}.bottom-nav-item.is-active{background:#1836131a;border-radius:8px}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.bottom-nav-item:active .bottom-nav-icon{animation:iconBounce .2s var(--anim-easing)}.bottom-nav-badge{transition:transform .2s var(--anim-easing-bounce)}.bottom-nav-badge.updated{animation:badgePop .3s var(--anim-easing-bounce)}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.drawer-animate-in{animation:drawerSlideIn .3s var(--anim-easing) both}.drawer-animate-out{animation:drawerSlideOut .3s var(--anim-easing) both}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.overlay-animate-in{animation:overlayFadeIn .3s var(--anim-easing) both}.overlay-animate-out{animation:overlayFadeOut .3s var(--anim-easing) both}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-animate-in{animation:modalScaleIn .3s var(--anim-easing) both}@keyframes itemSlideOut{0%{opacity:1;transform:translate(0);max-height:200px}to{opacity:0;transform:translate(-30px);max-height:0;padding:0;margin:0}}.cart-item-remove{animation:itemSlideOut .3s var(--anim-easing) both}@keyframes quantityFlash{0%,to{background:transparent}50%{background:#ebff004d}}.quantity-updated{animation:quantityFlash .5s var(--anim-easing)}@keyframes addToCartSuccess{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.atc-success{animation:addToCartSuccess .3s var(--anim-easing)}.floating-label-group{position:relative}.floating-label-group input,.floating-label-group textarea{padding-top:1.5rem}.floating-label-group label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);transition:all .2s var(--anim-easing);pointer-events:none;color:var(--maev-muted, #6B6B6B);font-size:1rem}.floating-label-group input:focus+label,.floating-label-group input:not(:placeholder-shown)+label,.floating-label-group textarea:focus+label,.floating-label-group textarea:not(:placeholder-shown)+label{top:.5rem;transform:translateY(0);font-size:.75rem;color:var(--maev-green, #183613)}@keyframes progressFill{0%{width:0}to{width:var(--progress, 0%)}}.progress-bar-animated .progress-fill{animation:progressFill .8s var(--anim-easing) both}.step-indicator{position:relative}.step-indicator:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--maev-neon, #EBFF00);transform:scaleX(0);transition:transform .3s var(--anim-easing)}.step-indicator.is-active:after{transform:scaleX(1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-on-scroll{opacity:1}}@media (max-width: 768px){:root{--anim-duration-slow: .4s;--anim-duration-slower: .5s}.parallax{transform:none!important}@media (hover: none){.card-hover-lift:hover,.card-hover-scale:hover{transform:none;box-shadow:var(--shadow-sm)}.image-hover-zoom:hover img{transform:none}}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0)}.tap-target{min-height:48px;min-width:48px}}@media print{*{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/mcduffy-premium-animations.css.map */