html{scroll-behavior:smooth}.hero-card,.plp-card,.pdp-info-card,.brand-card,.category-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-card:hover,.brand-card:hover,.category-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}button,.btn,.hero-main__btn,.plp-card__btn,.pdp-add-to-cart{position:relative;overflow:hidden;transition:all .3s ease}button:before,.btn:before,.hero-main__btn:before,.plp-card__btn:before,.pdp-add-to-cart:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:hover:before,.btn:hover:before,.hero-main__btn:hover:before,.plp-card__btn:hover:before,.pdp-add-to-cart:hover:before{width:300px;height:300px}.plp-card__img,.hero-card__img,.pdp-gallery__slide img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.hero-card:hover .hero-card__img{transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.plp-card,.hero-card,.brand-card,.category-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.plp-card:nth-child(1){animation-delay:.1s}.plp-card:nth-child(2){animation-delay:.2s}.plp-card:nth-child(3){animation-delay:.3s}.plp-card:nth-child(4){animation-delay:.4s}.plp-card:nth-child(5){animation-delay:.5s}.plp-card:nth-child(6){animation-delay:.6s}.plp-card:nth-child(7){animation-delay:.7s}.plp-card:nth-child(8){animation-delay:.8s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.plp-card__price-disc,.pdp-price__disc{animation:pulse 2s infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.plp-card__img-wrapper,.hero-main__visual{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}.plp-card__img-wrapper img,.hero-main__visual img{background:#fff}.plp-filter__body{transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}@keyframes cartSuccess{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cart-added{animation:cartSuccess .5s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.plp-card__badge,.hero-card__price{animation:float 3s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-main__title{background:linear-gradient(45deg,#1a1a1a,#8fb1d4,#1a1a1a);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 5s ease infinite}.hero-main{background-attachment:fixed;background-size:cover}body{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23d4b88f"><circle cx="12" cy="12" r="3"/></svg>') 12 12,auto}a:hover,button:hover{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ff6b35"><circle cx="12" cy="12" r="5"/></svg>') 12 12,pointer}@keyframes scrollReveal{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{animation:scrollReveal .8s ease-out}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0 80px);background-size:200px 100%;animation:skeleton 1.5s infinite}input:focus,select:focus,textarea:focus{transform:scale(1.02);transition:transform .2s ease}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.success-icon{stroke-dasharray:100;animation:checkmark .5s ease-in-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification{animation:slideInRight .5s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.price-animate{animation:countUp .5s ease-out}@keyframes glow{0%,to{box-shadow:0 0 5px #8fb1d480}50%{box-shadow:0 0 20px #8fb1d4cc}}.btn-primary:hover,.hero-main__btn:hover{animation:glow 2s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/magic-effects.css.map */