/* Stationary page anchors; only the artwork inside them animates. */
.ew-sticker-reveal{display:block;pointer-events:none;user-select:none}
.ew-sticker-reveal>.ew-sticker-art{width:100%;height:100%;object-fit:contain}
.ew-mascot-watcher{position:absolute;right:-30px;top:56px;bottom:auto;width:112px;height:auto;aspect-ratio:1055/1491;z-index:3;contain:layout;--ew-eye-x:0px;--ew-eye-y:0px}
/* The homepage character peeks from the quiet lower corner of its own hero. */
.ew-photo-hero>.ew-mascot-watcher{top:auto;bottom:20px}
.ew-mascot-pose{position:relative;width:100%;aspect-ratio:1055/1491}
.ew-mascot-pose>picture{display:block;width:100%;height:100%}
.ew-mascot-pose img{display:block;width:100%;height:100%;aspect-ratio:1055/1491;object-fit:contain}
.ew-mascot-eyes{position:absolute;inset:0;width:100%;height:100%;opacity:0;overflow:hidden}
.ew-motion-on .ew-mascot-watcher.ew-gaze-ready .ew-mascot-eyes{opacity:1}
.ew-eye-pupils{transform:translate(var(--ew-eye-x),var(--ew-eye-y));transition:transform .38s cubic-bezier(.2,.7,.3,1)}
.ew-eye-crease{opacity:0}
.ew-motion-on .ew-sticker-ready:not(.ew-mascot-entered){opacity:0}
.ew-motion-on .ew-mascot-watcher.ew-mascot-entered>.ew-mascot-pose{animation:ew-mascot-peek-in 1.15s .15s cubic-bezier(.16,1,.3,1) both}
.ew-motion-on .ew-mascot-gift.ew-mascot-entered>.ew-sticker-art{animation:ew-sticker-run-in 1.05s .08s cubic-bezier(.16,1,.3,1) both}
.ew-motion-on .ew-footer-mascot.ew-mascot-entered>.ew-sticker-art{animation:ew-sticker-rise-in 1s .08s cubic-bezier(.16,1,.3,1) both}
.ew-mascot-anchor,.woocommerce-products-header:has(> .ew-mascot-watcher){position:relative;overflow:clip;isolation:isolate;padding-right:120px;min-height:155px}
.ew-mascot-anchor .ew-mascot-watcher,.woocommerce-products-header>.ew-mascot-watcher{top:30px;right:-24px}
.ew-sticker-reveal.ew-mascot-out-of-view>.ew-mascot-pose,.ew-sticker-reveal.ew-mascot-out-of-view>.ew-sticker-art,.ew-page-hidden .ew-mascot-pose,.ew-page-hidden .ew-sticker-art{animation-play-state:paused}
.ew-motion-off .ew-sticker-reveal,.ew-motion-off .ew-sticker-reveal *{animation:none!important;transition:none!important}
@keyframes ew-mascot-peek-in{0%{opacity:0;transform:translateX(115%) rotate(9deg)}62%{opacity:1;transform:translateX(-4%) rotate(-1.5deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}
@keyframes ew-sticker-run-in{0%{opacity:0;transform:translate(22px,20px) rotate(7deg) scale(.88)}64%{opacity:1;transform:translate(-3px,-3px) rotate(-2deg) scale(1.03)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes ew-sticker-rise-in{0%{opacity:0;transform:translateY(26px) rotate(-7deg) scale(.9)}66%{opacity:1;transform:translateY(-3px) rotate(2deg) scale(1.025)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
/* Invisible native buttons keep the click/tap target in place as artwork moves. */
.ew-sticker-reveal>.ew-mascot-pose,.ew-sticker-reveal>.ew-sticker-art{pointer-events:none;transform-origin:50% 85%}
.ew-sticker-reveal>.ew-mascot-trigger{display:none;position:absolute;inset:0;z-index:2;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;border:0!important;border-radius:12px;background:transparent!important;box-shadow:none!important;appearance:none;transform:none!important;transition:none!important;cursor:pointer;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent}
.ew-sticker-reveal>.ew-mascot-trigger:focus-visible{outline:2px solid #e9ae58;outline-offset:-3px}
@media(prefers-reduced-motion:no-preference){
 .ew-motion-on .ew-mascot-interactive>.ew-mascot-trigger{display:block;pointer-events:auto}
}
@media(max-width:767px){
 .ew-mascot-watcher{width:94px;height:auto;right:-26px;top:54px;bottom:auto}
 /* Original upper side peek on phones; no bottom row reserved for the character. */
 .ew-photo-hero>.ew-mascot-watcher{top:54px;bottom:auto;width:94px;right:-26px}
 .ew-photo-hero .ew-photo-inner{padding-bottom:32px}
 .ew-mascot-anchor,.woocommerce-products-header:has(> .ew-mascot-watcher){padding-right:86px;min-height:170px}
 .ew-mascot-anchor .ew-mascot-watcher,.woocommerce-products-header>.ew-mascot-watcher{top:26px;right:-21px}
}
@media(prefers-reduced-motion:reduce){.ew-sticker-reveal,.ew-sticker-reveal *{animation:none!important;transition:none!important}.ew-motion-on .ew-sticker-ready{opacity:1}.ew-mascot-eyes{display:none}}
