.wishlist-button{position:relative;overflow:visible;z-index:10}.heart-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.heart-icon.pop{animation:heartPop .4s cubic-bezier(.17,.89,.32,1.49)}@keyframes heartPop{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(1.3)}75%{transform:scale(.95)}to{transform:scale(1)}}.ring-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid #ef4444;animation:ringExpand .4s ease-out forwards;pointer-events:none}@keyframes ringExpand{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.particles-container{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:#ef4444;border-radius:50%;animation:particleBurst .6s ease-out forwards}.particle-1{animation-delay:0s;transform:rotate(0deg)}.particle-2{animation-delay:.02s;transform:rotate(60deg)}.particle-3{animation-delay:.04s;transform:rotate(120deg)}.particle-4{animation-delay:.06s;transform:rotate(180deg)}.particle-5{animation-delay:.08s;transform:rotate(240deg)}.particle-6{animation-delay:.1s;transform:rotate(300deg)}@keyframes particleBurst{0%{transform:rotate(var(--rotation,0deg)) translateY(0) scale(1);opacity:1}50%{opacity:1}to{transform:rotate(var(--rotation,0deg)) translateY(-20px) scale(0);opacity:0}}.particle:after{content:"";position:absolute;width:4px;height:4px;background:#fbbf24;border-radius:50%;top:-8px;left:2px;animation:sparkle .5s ease-out forwards;animation-delay:inherit}@keyframes sparkle{0%{transform:scale(0);opacity:1}50%{transform:scale(1.2);opacity:1}to{transform:scale(0);opacity:0}}.wishlist-button:hover:not(:disabled) .heart-icon{transform:scale(1.1)}.wishlist-button.wishlist-animate{animation:buttonPulse .3s ease-out}@keyframes buttonPulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.heart-icon.active svg{animation:heartFill .3s ease forwards}@keyframes heartFill{0%{fill:transparent}to{fill:#ef4444}}@keyframes heartShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px) rotate(-5deg)}75%{transform:translateX(2px) rotate(5deg)}}.star-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.star-burst:after,.star-burst:before{content:"★";position:absolute;font-size:8px;color:#fbbf24;animation:starBurst .5s ease-out forwards}.star-burst:before{animation-delay:.1s;top:-15px;left:-10px}.star-burst:after{animation-delay:.15s;top:-12px;right:-10px}@keyframes starBurst{0%{transform:scale(0) rotate(0deg);opacity:1}50%{transform:scale(1.5) rotate(180deg);opacity:1}to{transform:scale(0) rotate(1turn);opacity:0}}