:root{--anim-instant: .1s;--anim-fast: .2s;--anim-base: .3s;--anim-smooth: .4s;--anim-slow: .6s;--anim-slower: .8s;--ease-out-smooth: cubic-bezier(.25, .46, .45, .94);--ease-in-smooth: cubic-bezier(.55, .055, .675, .19);--ease-in-out-smooth: cubic-bezier(.645, .045, .355, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--reveal-distance: 24px;--hover-lift: -6px;--button-press: .97;--image-zoom: 1.05;--stagger-delay: 80ms}.reveal-on-scroll{opacity:0;transform:translateY(var(--reveal-distance));transition:opacity var(--anim-slow) var(--ease-out-smooth),transform var(--anim-slow) var(--ease-out-smooth);will-change:opacity,transform}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.reveal-on-scroll--fade{transform:none}.reveal-on-scroll--left{transform:translate(calc(-1 * var(--reveal-distance)))}.reveal-on-scroll--left.revealed{transform:translate(0)}.reveal-on-scroll--right{transform:translate(var(--reveal-distance))}.reveal-on-scroll--right.revealed{transform:translate(0)}.reveal-on-scroll--scale{transform:translateY(var(--reveal-distance)) scale(.95)}.reveal-on-scroll--scale.revealed{transform:translateY(0) scale(1)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(1){transition-delay:calc(var(--stagger-delay) * 0)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(2){transition-delay:calc(var(--stagger-delay) * 1)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(3){transition-delay:calc(var(--stagger-delay) * 2)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(4){transition-delay:calc(var(--stagger-delay) * 3)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(5){transition-delay:calc(var(--stagger-delay) * 4)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(6){transition-delay:calc(var(--stagger-delay) * 5)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(7){transition-delay:calc(var(--stagger-delay) * 6)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(8){transition-delay:calc(var(--stagger-delay) * 7)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(9){transition-delay:calc(var(--stagger-delay) * 8)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(10){transition-delay:calc(var(--stagger-delay) * 9)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(11){transition-delay:calc(var(--stagger-delay) * 10)}[data-reveal-stagger]>.reveal-on-scroll:nth-child(12){transition-delay:calc(var(--stagger-delay) * 11)}@keyframes revealStaggered{0%{opacity:0;transform:translateY(var(--reveal-distance))}to{opacity:1;transform:translateY(0)}}.stagger-in>*{opacity:0;animation:revealStaggered var(--anim-slow) var(--ease-out-smooth) forwards}.stagger-in>*:nth-child(1){animation-delay:0ms}.stagger-in>*:nth-child(2){animation-delay:80ms}.stagger-in>*:nth-child(3){animation-delay:.16s}.stagger-in>*:nth-child(4){animation-delay:.24s}.stagger-in>*:nth-child(5){animation-delay:.32s}.stagger-in>*:nth-child(6){animation-delay:.4s}.card-hover{transition:transform var(--anim-base) var(--ease-out-smooth),box-shadow var(--anim-base) var(--ease-out-smooth)}.card-hover:hover{transform:translateY(var(--hover-lift));box-shadow:0 16px 40px #0d3b661f,0 4px 12px #0d3b6614}.card-hover--subtle{transition:transform var(--anim-base) var(--ease-out-smooth),box-shadow var(--anim-smooth) var(--ease-out-smooth)}.card-hover--subtle:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0d3b661a,0 2px 8px #0d3b660f}.card-hover--glow{transition:transform var(--anim-base) var(--ease-out-smooth),box-shadow var(--anim-smooth) var(--ease-out-smooth)}.card-hover--glow:hover{transform:translateY(var(--hover-lift));box-shadow:0 16px 40px #1167b126,0 4px 12px #1167b11a}.card-hover--border{border:2px solid transparent;transition:transform var(--anim-base) var(--ease-out-smooth),box-shadow var(--anim-base) var(--ease-out-smooth),border-color var(--anim-fast) var(--ease-out-smooth)}.card-hover--border:hover{transform:translateY(-4px);border-color:var(--pawmate-blue, #1167B1);box-shadow:0 12px 32px #0d3b661a}.btn-animate{position:relative;overflow:hidden;transition:transform var(--anim-fast) var(--ease-out-smooth),box-shadow var(--anim-base) var(--ease-out-smooth),background-color var(--anim-fast) var(--ease-out-smooth)}.btn-animate:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5a62366,0 2px 8px #f5a62333}.btn-animate:active{transform:translateY(0) scale(var(--button-press));box-shadow:0 2px 8px #f5a6234d;transition-duration:var(--anim-instant)}.btn-animate--secondary{transition:transform var(--anim-fast) var(--ease-out-smooth),background-color var(--anim-fast) var(--ease-out-smooth),color var(--anim-fast) var(--ease-out-smooth),border-color var(--anim-fast) var(--ease-out-smooth)}.btn-animate--secondary:hover{transform:translateY(-2px);background-color:var(--pawmate-navy, #0D3B66);color:#fff}.btn-animate--secondary:active{transform:translateY(0) scale(var(--button-press));transition-duration:var(--anim-instant)}.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;pointer-events:none}.btn-ripple:active:after{width:200%;height:200%;opacity:0;transition:0s}.image-zoom-container{overflow:hidden;border-radius:inherit}.image-zoom{transition:transform var(--anim-smooth) var(--ease-out-smooth);will-change:transform}.image-zoom-container:hover .image-zoom,.card-hover:hover .image-zoom{transform:scale(var(--image-zoom))}.image-zoom--subtle{--image-zoom: 1.03}.image-zoom--dramatic{--image-zoom: 1.08}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.1)}}.image-ken-burns{animation:kenBurns 20s ease-in-out infinite alternate}.icon-hover-bounce{transition:transform var(--anim-fast) var(--ease-out-smooth)}.icon-hover-bounce:hover{animation:iconBounce .5s var(--ease-out-smooth)}@keyframes iconBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.icon-hover-scale{transition:transform var(--anim-fast) var(--ease-spring)}.icon-hover-scale:hover{transform:scale(1.15)}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:iconSpin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 1.5s var(--ease-in-out-smooth) infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-dots{display:flex;gap:6px;justify-content:center;align-items:center}.loading-dots span{width:8px;height:8px;background:var(--pawmate-blue, #1167B1);border-radius:50%;animation:dotPulse 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.focus-ring{outline:none;transition:box-shadow var(--anim-fast) var(--ease-out-smooth)}.focus-ring:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--pawmate-blue, #1167B1)}.focus-glow:focus-visible{outline:none;box-shadow:0 0 0 3px #1167b14d}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}.page-fade-in{animation:fadeInPage .5s var(--ease-out-smooth) forwards}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-bottom{animation:slideInFromBottom .5s var(--ease-out-smooth) forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 6s var(--ease-in-out-smooth) infinite}.float--slow{animation-duration:8s}.float--fast{animation-duration:4s}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.breathe{animation:breathe 4s var(--ease-in-out-smooth) infinite}@keyframes pulseAttention{0%{box-shadow:0 0 #f5a62380}70%{box-shadow:0 0 0 12px #f5a62300}to{box-shadow:0 0 #f5a62300}}.pulse-attention{animation:pulseAttention 2s infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:shake .5s var(--ease-out-smooth)}.expand-height{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--anim-base) var(--ease-out-smooth)}.expand-height.expanded{grid-template-rows:1fr}.expand-height>*{overflow:hidden}.expand-icon{transition:transform var(--anim-base) var(--ease-out-smooth)}.expanded .expand-icon{transform:rotate(180deg)}@keyframes progressFill{0%{width:0}}.progress-animate{animation:progressFill 1s var(--ease-out-smooth) forwards}.number-animate{transition:all .3s var(--ease-out-smooth)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal-on-scroll{opacity:1;transform:none;transition:none}.reveal-on-scroll.revealed{opacity:1;transform:none}.float,.float--slow,.float--fast,.breathe,.pulse-attention{animation:none}.card-hover:hover,.card-hover--subtle:hover,.card-hover--glow:hover,.btn-animate:hover,.btn-animate:active,.image-zoom-container:hover .image-zoom{transform:none}.image-ken-burns{animation:none}}@media(max-width:768px){:root{--reveal-distance: 16px;--hover-lift: -3px}.card-hover:hover,.card-hover--subtle:hover,.card-hover--glow:hover,.card-hover--border:hover,.btn-animate:hover{transform:none}.image-ken-burns{animation:none}.float{animation-duration:8s}.will-animate,.reveal-on-scroll{will-change:auto}}.delay-100{transition-delay:.1s;animation-delay:.1s}.delay-200{transition-delay:.2s;animation-delay:.2s}.delay-300{transition-delay:.3s;animation-delay:.3s}.delay-400{transition-delay:.4s;animation-delay:.4s}.delay-500{transition-delay:.5s;animation-delay:.5s}.duration-fast{transition-duration:var(--anim-fast)!important}.duration-base{transition-duration:var(--anim-base)!important}.duration-slow{transition-duration:var(--anim-slow)!important}.ease-smooth{transition-timing-function:var(--ease-out-smooth)!important}.ease-spring{transition-timing-function:var(--ease-spring)!important}.will-animate{will-change:transform,opacity}.animation-done{will-change:auto}
/*# sourceMappingURL=/cdn/shop/t/3/assets/animations.css.map */