@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes spin-reverse-slow{to{transform:rotate(-360deg)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-spin-slow{animation:spin-slow 8s linear infinite}.animate-spin-reverse-slow{animation:spin-reverse-slow 12s linear infinite}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}.animate-twinkle{animation:twinkle 2s ease-in-out infinite}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s linear infinite}.animate-spin-once{animation:spin-once .3s ease-in-out}.animate-fade-in-scale{animation:fade-in-scale .2s ease-out}.animate-gradient-x{animation:gradient-x 3s ease infinite;background-size:200% 200%}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.menu-item-1{animation:slideUp .3s ease-out .1s both}.menu-item-2{animation:slideUp .3s ease-out .2s both}.menu-item-3{animation:slideUp .3s ease-out .3s both}.animate-slideIn{animation:slideInFromRight .2s ease-out}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.mobile-menu-wrapper{backface-visibility:hidden}@media (max-width: 768px){.group:hover .mega-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.animate-marquee-smooth{animation-duration:40s}.animate-pulse-glow,.animate-bounce-glow,.animate-shield-glow{animation:none;opacity:.9}.animate-shimmer-slow{animation-duration:6s}.marquee-container{padding-top:.375rem;padding-bottom:.375rem}.marquee-container span{font-size:.75rem;gap:.5rem}.marquee-container span .text-xl{font-size:1rem}.has-mobile-nav{padding-bottom:120px!important}@supports (padding-bottom: env(safe-area-inset-bottom)){.has-mobile-nav{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}.mobile-nav-bar{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}}@media (hover: none){.product-card .action-buttons{transform:translateY(0)!important}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-marquee{display:inline-block;white-space:nowrap;animation:marquee 25s linear infinite;will-change:transform}@keyframes marquee-smooth{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.animate-marquee-smooth{display:flex;white-space:nowrap;animation:marquee-smooth 60s linear infinite;will-change:transform;backface-visibility:hidden;perspective:1000px}@keyframes shimmer-slow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer-slow{animation:shimmer-slow 4s linear infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 4px currentColor);opacity:.8}50%{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 12px currentColor);opacity:1}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}@keyframes slide-h{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.animate-slide-h{animation:slide-h 2.5s ease-in-out infinite}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotate-slow{animation:rotate-slow 8s linear infinite}@keyframes bounce-glow{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 3px currentColor)}50%{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 0 8px currentColor)}}.animate-bounce-glow{animation:bounce-glow 2.5s ease-in-out infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.6;transform:scale(1.1)}}.animate-flash{animation:flash 1.8s ease-in-out infinite}@keyframes celebration{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(5deg)}}.animate-celebration{animation:celebration 2.2s ease-in-out infinite}@keyframes shield-glow{0%,to{filter:drop-shadow(0 0 2px currentColor);transform:scale(1)}50%{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 10px currentColor);transform:scale(1.03)}}.animate-shield-glow{animation:shield-glow 3s ease-in-out infinite}@keyframes truck-move{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.animate-truck-move{animation:truck-move 2.8s ease-in-out infinite}@keyframes pulse-slow-mobile{0%,to{opacity:.7}50%{opacity:1}}.animate-pulse-mobile{animation:pulse-slow-mobile 4s ease-in-out infinite}.hover\:paused:hover{animation-play-state:paused}.marquee-container{position:relative;overflow:hidden}@keyframes pulse-slow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes float-delay{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px #8b5cf680}50%{box-shadow:0 0 20px #8b5cf6cc}}.animate-float-delay{animation:float-delay 4s ease-in-out infinite}.animate-slide-in-up{animation:slide-in-up .5s ease-out}.animate-scale-in{animation:scale-in .3s ease-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animation-delay-100{animation-delay:.1s}.animation-delay-300{animation-delay:.3s}.animation-delay-500{animation-delay:.5s}.animation-delay-1000{animation-delay:1s}.animation-delay-0{animation-delay:0ms}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.mega-menu-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.mega-menu-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.navbar-item-hover{position:relative;overflow:hidden}.navbar-item-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.navbar-item-hover:hover:before{left:100%}.search-focus-ring{box-shadow:0 0 0 3px #8b5cf61a}.user-dropdown-enter{animation:fade-in-scale .15s ease-out}.user-dropdown-exit{animation:fade-in-scale .15s ease-in reverse}@media (max-width: 640px){.animate-marquee{animation-duration:15s}.navbar-item-hover:before{display:none}}@keyframes card-lift{0%{transform:translateY(0) scale(1);box-shadow:0 4px 6px #0000001a}to{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}}@keyframes card-press{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes dots-loading{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes cart-bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-10px) rotate(2deg)}60%{transform:translateY(-5px) rotate(-1deg)}}@keyframes add-to-cart{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes zoom-in{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes slide-reveal{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes price-flash{0%,to{background-color:transparent;color:inherit}50%{background-color:#fbbf24;color:#92400e;transform:scale(1.05)}}@keyframes notification-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes notification-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes button-ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes button-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes search-expand{0%{width:40px}to{width:300px}}@keyframes search-pulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 10px #8b5cf600}}@keyframes star-fill{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes progress-fill{0%{width:0%}to{width:var(--progress-width, 100%)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.animate-card-lift{animation:card-lift .3s ease-out forwards}.animate-card-press{animation:card-press .15s ease-in-out}.animate-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite}.animate-dots-loading{animation:dots-loading 1.4s infinite ease-in-out}.animate-cart-bounce{animation:cart-bounce .6s ease-in-out}.animate-add-to-cart{animation:add-to-cart .3s ease-in-out}.animate-zoom-in{animation:zoom-in .3s ease-out forwards}.animate-slide-reveal{animation:slide-reveal .5s ease-out forwards}.animate-price-flash{animation:price-flash .6s ease-in-out}.animate-notification-in{animation:notification-slide-in .3s ease-out}.animate-notification-out{animation:notification-slide-out .3s ease-in}.animate-button-ripple{animation:button-ripple .4s ease-out}.animate-button-shake{animation:button-shake .5s ease-in-out}.animate-search-expand{animation:search-expand .3s ease-out forwards}.animate-search-pulse{animation:search-pulse 2s infinite}.animate-star-fill{animation:star-fill .3s ease-out forwards}.animate-progress{animation:progress-fill 1s ease-out forwards}.animate-typing{animation:typing 1.4s infinite ease-in-out}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000026}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-brightness{transition:filter .2s ease}.hover-brightness:hover{filter:brightness(1.1)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}.scroll-fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.scroll-slide-left{opacity:0;transform:translate(-50px);transition:opacity .6s ease,transform .6s ease}.scroll-slide-left.visible{opacity:1;transform:translate(0)}.scroll-slide-right{opacity:0;transform:translate(50px);transition:opacity .6s ease,transform .6s ease}.scroll-slide-right.visible{opacity:1;transform:translate(0)}.scroll-scale-in{opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .6s ease}.scroll-scale-in.visible{opacity:1;transform:scale(1)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-marquee,.animate-marquee-smooth,.animate-spin,.animate-spin-slow,.animate-pulse,.animate-bounce{animation:none!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes ripple-animation{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.animate-ripple{will-change:transform,opacity;pointer-events:none}
