/* AMR mascot 2026-10-16: new sci-fi gold/blue character only; existing storefront layout retained. */
.amr-ai-pet-image {
  width: 104px !important;
  height: 148px !important;
  background-image: url('/assets/amr-pet-poses-v2.webp?v=amr-mascot-v2') !important;
  background-size: 400% 200% !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  transform-origin: 50% 90%;
  filter: drop-shadow(0 3px 9px rgba(20,161,255,.25)) drop-shadow(0 1px 6px rgba(245,196,77,.35));
}
body .amr-ai-launcher {height: 177px !important; width: 112px !important;}
.amr-ai-name {margin-top: -3px; z-index: 5;}
.wf-mascot-image {object-fit: contain; object-position: center bottom; }
@keyframes amr-mascot-v2-float {
  0%,100%{transform:translate3d(0,0,0) rotate(0)}
  50%{transform:translate3d(0,-5px,0) rotate(.45deg)}
}
@keyframes amr-mascot-v2-idle {
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-4px,0)}
}
@media(prefers-reduced-motion:no-preference) {
  .wf-mascot-image {animation:amr-mascot-v2-float 5.5s ease-in-out infinite !important;will-change:transform;}
  .amr-ai-pet-image {animation:amr-mascot-v2-idle 4.5s ease-in-out infinite !important;}
  img[src*="/assets/mascot-"]:not(.wf-mascot-image):not(.amr-ai-pet-image) {
    animation:amr-mascot-v2-idle 6.5s ease-in-out infinite;
    transform-origin:50% 90%;
  }
}
@media(max-width:650px) {
  .amr-ai-pet-image {width:90px !important;height:128px !important;}
  body .amr-ai-launcher {width:98px !important;height:153px !important;}
  .amr-ai-chat {bottom:160px;}
}
@media(prefers-reduced-motion:reduce) {
  .wf-mascot-image,.amr-ai-pet-image,img[src*="/assets/mascot-"] {animation:none !important;transition:none !important;}
}

/* Header mascot: the same new character switches to genuine waving poses. */
.wf-mascot-stage::after {
  content:"";
  position:absolute;
  top:-1%;
  right:0;
  width:100%;
  aspect-ratio:2/3;
  background-image:url('/assets/amr-pet-poses-v2.webp?v=amr-mascot-v2-20261016');
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:400% 200%;
  pointer-events:none;
  opacity:0;
  filter:drop-shadow(0 3px 9px rgba(18,152,255,.18));
}
@keyframes amr-v2-header-main {
  0%,65%,83%,100% {opacity:1}
  66%,82% {opacity:0}
}
@keyframes amr-v2-header-wave {
  0%,65%,83%,100% {opacity:0;background-position:0 0}
  66%,67% {opacity:1;background-position:0 0}
  68%,69% {opacity:1;background-position:33.333% 0}
  70%,71% {opacity:1;background-position:66.667% 0}
  72%,73% {opacity:1;background-position:100% 0}
  74%,75% {opacity:1;background-position:66.667% 0}
  76%,77% {opacity:1;background-position:33.333% 0}
  78%,82% {opacity:1;background-position:0 0}
}
@media(prefers-reduced-motion:no-preference) {
  .wf-mascot-image {animation:amr-mascot-v2-float 5.5s ease-in-out infinite,amr-v2-header-main 18s steps(1,end) infinite !important}
  .wf-mascot-stage::after {animation:amr-v2-header-wave 18s steps(1,end) infinite,amr-mascot-v2-float 5.5s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce) {
  .wf-mascot-stage::after {animation:none !important;opacity:0 !important}
  .wf-mascot-image {opacity:1 !important}
}