/* Velora original panda mascot: isolated from all header, store and admin styling. */
.velora-panda{position:fixed;top:48%;left:max(8px,calc((100vw - 1430px)/2 - 32px));width:clamp(100px,10vw,158px);z-index:28;pointer-events:none;display:grid;justify-items:center;opacity:.98;filter:drop-shadow(0 12px 18px rgba(10,23,18,.14));contain:layout style;transition:top .45s ease,opacity .25s ease}
.velora-panda .velora-panda-art{width:100%;height:auto;overflow:visible;display:block;transform-origin:50% 85%;animation:velora-panda-breathe 3.6s ease-in-out infinite}
.velora-panda-bubble{font-family:inherit;position:absolute;bottom:100%;left:50%;transform:translate(-50%,10px);font-size:12px;line-height:1.35;font-weight:800;letter-spacing:.015em;text-align:center;white-space:nowrap;border:1px solid rgba(42,92,63,.2);padding:8px 12px;border-radius:15px 15px 15px 4px;background:#fffef8;color:#27392e;box-shadow:0 8px 23px rgba(0,0,0,.12);max-width:190px;opacity:1;transition:opacity .2s ease,transform .2s ease}
.velora-panda-bubble::after{content:"";position:absolute;left:49%;bottom:-5px;background:inherit;border-right:1px solid rgba(42,92,63,.18);border-bottom:1px solid rgba(42,92,63,.18);width:8px;height:8px;transform:rotate(45deg)}
.velora-panda-platform{height:5px;width:54%;background:radial-gradient(ellipse at center,rgba(35,84,63,.2),transparent 72%);border-radius:100%;transform:translateY(-18px)}
.velora-panda .panda-head,.velora-panda .panda-arm-left,.velora-panda .panda-arm-right,.velora-panda .panda-book,.velora-panda .panda-bamboo,.velora-panda .panda-sparkles,.velora-panda .panda-crown{transform-box:fill-box;transform-origin:center;transition:opacity .26s ease,transform .45s cubic-bezier(.2,.75,.25,1.15)}
.velora-panda .panda-book,.velora-panda .panda-crown{opacity:0;transform:translateY(10px) scale(.72)}
.velora-panda .panda-bamboo{opacity:1;transform:rotate(-6deg)}
.velora-panda .panda-sparkles{opacity:0;transform:scale(.6)}
.velora-panda[data-panda-state="hello"] .panda-arm-right,.velora-panda[data-panda-state="join"] .panda-arm-right{animation:velora-panda-wave .9s ease-in-out infinite alternate}
.velora-panda[data-panda-state="rank"] .panda-crown{opacity:1;transform:translateY(-24px) scale(.9)}
.velora-panda[data-panda-state="rank"] .panda-sparkles,.velora-panda[data-panda-state="join"] .panda-sparkles{opacity:1;transform:scale(1);animation:velora-panda-spark 1.5s ease-in-out infinite alternate}
.velora-panda[data-panda-state="rank"] .panda-bamboo,.velora-panda[data-panda-state="read"] .panda-bamboo{opacity:0;transform:translateY(20px)}
.velora-panda[data-panda-state="read"] .panda-book{opacity:1;transform:translateY(6px) scale(.96)}
.velora-panda[data-panda-state="read"] .panda-head,.velora-panda[data-panda-state="think"] .panda-head{transform:rotate(9deg) translateY(3px)}
.velora-panda[data-panda-state="count"] .panda-head{transform:rotate(-9deg)}
.velora-panda[data-panda-state="count"] .panda-arm-left{transform:rotate(-16deg) translate(-4px,-10px)}
.velora-panda[data-panda-state="think"] .panda-arm-right{transform:rotate(42deg) translate(-8px,-18px)}
.velora-panda[data-panda-state="shop"] .panda-bamboo{transform:rotate(11deg) translateY(-7px)}
.velora-panda[data-panda-state="join"] .velora-panda-art{animation-duration:1.9s}
@keyframes velora-panda-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes velora-panda-wave{from{transform:rotate(-10deg) translateY(0)}to{transform:rotate(27deg) translateY(-8px)}}
@keyframes velora-panda-spark{from{opacity:.65;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}
@media(min-width:901px) and (max-width:1280px){.velora-panda{width:100px;left:5px;top:51%}.velora-panda-bubble{font-size:11px;padding:7px 9px}}
@media(max-width:900px){.velora-panda{width:90px;left:6px;top:auto;bottom:82px;z-index:20}.velora-panda-bubble{font-size:10.5px;padding:5px 8px;max-width:130px}.velora-panda-platform{display:none}}
@media(max-width:360px){.velora-panda{width:65px;left:2px;bottom:74px}.velora-panda-bubble{font-size:10px}}
@media(prefers-reduced-motion:reduce){.velora-panda,.velora-panda *, .velora-panda *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.velora-panda .velora-panda-art{transform:none}}
@media print{.velora-panda{display:none!important}}
