@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate3d(30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-slideInRight{animation:slideInRight .5s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .5s ease-out forwards}.animate-scaleIn{animation:scaleIn .4s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f6f7f8,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-size:200px 100%}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.floating-action-enter{animation:scaleIn .3s ease-out forwards}.floating-action-exit{animation:scaleIn .3s ease-out reverse forwards}.product-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.15);transform:translateY(-8px) scale(1.02)}*{transition-property:transform,opacity,box-shadow,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.loading-spinner{animation:spin 1s linear infinite;border-radius:50%;border:4px solid #f3f3f3;border-top-color:#ff6b35;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-zoom{cursor:zoom-in;transition:transform .3s ease}.image-zoom:hover{transform:scale(1.05)}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (hover:none) and (pointer:coarse){.product-card:hover{box-shadow:none;transform:none}.image-zoom:hover{transform:none}}