.btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:hover:before{width:300px;height:300px}.product-image img,.category-card-image img,.brand-story-image img,.banner-image img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image img,.category-card:hover .category-card-image img,.brand-story-image:hover img,.banner-block:hover .banner-image img{transform:scale(1.05)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.reveal-left{animation:fadeInLeft .8s ease forwards}.reveal-right{animation:fadeInRight .8s ease forwards}.reveal:nth-child(1){animation-delay:.1s}.reveal:nth-child(2){animation-delay:.2s}.reveal:nth-child(3){animation-delay:.3s}.reveal:nth-child(4){animation-delay:.4s}html{scroll-behavior:smooth}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s infinite}.product-card,.category-card,.banner-block{transition:transform .3s ease,box-shadow .3s ease}.product-card:hover,.category-card:hover,.banner-block:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}@keyframes highlight{0%,to{background:transparent}50%{background:#0000001a}}@media(max-width:768px){.btn:hover:before{width:200px;height:200px}.product-card:hover,.category-card:hover,.banner-block:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a}}@media(max-width:480px){.product-image img:hover,.category-card-image img:hover,.brand-story-image img:hover,.banner-image img:hover{transform:scale(1.02)}.btn:hover:before{width:150px;height:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/micro-interactions.css.map */