@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-left{animation:fadeInLeft .5s ease forwards}.animate-fade-in-right{animation:fadeInRight .5s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translate(-24px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal-left.revealed{opacity:1;transform:translate(0)}.book-3d-wrapper{perspective:800px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.book-3d{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.book-3d:hover{transform:rotateY(30deg) rotateX(5deg)}@keyframes bookSpin{0%{transform:rotateY(0)}25%{transform:rotateY(20deg) rotateX(4deg)}50%{transform:rotateY(0) rotateX(0)}75%{transform:rotateY(-20deg) rotateX(-4deg)}to{transform:rotateY(0)}}.book-3d.auto-spin{animation:bookSpin 6s ease-in-out infinite}.book-3d-shadow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:70%;height:12px;background:radial-gradient(ellipse,rgba(0,0,0,.3) 0%,transparent 70%);border-radius:50%;transition:var(--transition, all .3s ease)}.book-3d:hover~.book-3d-shadow{width:85%;opacity:.6}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.btn-ripple:active:after{width:200px;height:200px;opacity:1;transition:0s}@keyframes slideInFromRight{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-60px);opacity:0}to{transform:translate(0);opacity:1}}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .7s ease}.hero-slide.active{opacity:1}.hero-slide.active .hero-banner-content{animation:slideInFromRight .7s ease forwards}.card-lift{transition:transform .3s ease,box-shadow .3s ease}.card-lift:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000024}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float{animation:float 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes starFill{0%{transform:scale(0)}to{transform:scale(1)}}.star-animated{animation:starFill .3s ease backwards}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-notification{animation:slideDown .4s ease forwards}.search-expand{max-width:0;overflow:hidden;transition:max-width .4s ease}.search-expand.open{max-width:400px}@keyframes sidebarIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes bounceTag{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.06) rotate(2deg)}}.discount-tag-animated{animation:bounceTag 2.5s ease-in-out infinite}.img-zoomable{transition:transform .5s cubic-bezier(.4,0,.2,1);cursor:zoom-in}.img-zoomable.zoomed{transform:scale(1.8);cursor:zoom-out}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:3px solid rgba(255,149,0,.2);border-top-color:#ff9500;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}.heart-beat{animation:heartBeat .6s ease}
/*# sourceMappingURL=/cdn/shop/t/14/assets/animations.css.map */