/* Aww, Look — shop kitten that peeks in and dances */
.aw-kit{position:fixed;left:18px;bottom:0;z-index:9990;width:92px;transform:translateY(110%);transition:transform .55s cubic-bezier(.34,1.56,.64,1);pointer-events:none;font-family:"DM Sans",system-ui,sans-serif}
.aw-kit.is-peek{transform:translateY(54%)}
.aw-kit.is-up{transform:translateY(4%)}
.aw-kit__btn{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 6px 10px rgba(58,44,46,.18))}
.aw-kit__btn:focus-visible{outline:3px solid #a35a67;outline-offset:4px;border-radius:50%}
.aw-kit svg{display:block;width:100%;height:auto;overflow:visible}
.aw-kit__bubble{position:absolute;left:62px;bottom:calc(100% - 18px);min-width:148px;max-width:210px;padding:10px 14px;background:#fff;color:#3a2c2e;border-radius:18px 18px 18px 4px;box-shadow:0 8px 22px rgba(58,44,46,.14);font-size:14px;line-height:1.35;opacity:0;transform:translateY(6px) scale(.92);transform-origin:0 100%;transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
.aw-kit__bubble.is-on{opacity:1;transform:none}
.aw-kit__close{position:absolute;top:-4px;right:-10px;width:28px;height:28px;border-radius:50%;border:0;background:#fbf7f1;color:#3a2c2e;font-size:16px;line-height:28px;text-align:center;cursor:pointer;opacity:0;pointer-events:auto;box-shadow:0 2px 6px rgba(58,44,46,.15);transition:opacity .2s}
.aw-kit:hover .aw-kit__close,.aw-kit:focus-within .aw-kit__close,.aw-kit.is-up .aw-kit__close{opacity:1}
.aw-kit.is-peek:not(:hover):not(:focus-within) .aw-kit__close{opacity:0}

.aw-kit #head{transform-box:view-box;transform-origin:100px 172px}
.aw-kit #pawL{transform-box:view-box;transform-origin:62px 192px}
.aw-kit #pawR{transform-box:view-box;transform-origin:138px 192px}
.aw-kit #tail{transform-box:view-box;transform-origin:136px 200px}
.aw-kit #eyes{transform-box:view-box;transform-origin:100px 114px;animation:aw-blink 5s infinite}
.aw-kit.is-peek #tail{animation:aw-swish 2.4s ease-in-out infinite}

.aw-kit.is-dancing .aw-kit__btn{animation:aw-bop .5s ease-in-out 6}
.aw-kit.is-dancing svg{animation:aw-sway 1s ease-in-out 3}
.aw-kit.is-dancing #head{animation:aw-tilt 1s ease-in-out 3}
.aw-kit.is-dancing #pawL{animation:aw-waveL .5s ease-in-out 6}
.aw-kit.is-dancing #pawR{animation:aw-waveR .5s ease-in-out 6 .25s}
.aw-kit.is-dancing #tail{animation:aw-swish .5s ease-in-out 6}
@keyframes aw-bop{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes aw-sway{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
@keyframes aw-tilt{0%,100%{transform:rotate(0)}25%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}}
@keyframes aw-waveL{0%,100%{transform:rotate(0) translateY(0)}50%{transform:rotate(-28deg) translateY(-14px)}}
@keyframes aw-waveR{0%,100%{transform:rotate(0) translateY(0)}50%{transform:rotate(28deg) translateY(-14px)}}
@keyframes aw-swish{0%,100%{transform:rotate(0)}50%{transform:rotate(-14deg)}}
@keyframes aw-blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}

/* Oct 29: kitten moved to the bottom-RIGHT corner so it never sits on top of the
   10%-off sign / tab in the bottom-left (it was blocking the × on phones). */
.aw-kit{left:auto;right:18px}
.aw-kit__bubble{left:auto;right:62px;border-radius:18px 18px 4px 18px;transform-origin:100% 100%}
.aw-kit__close{right:auto;left:-10px}
@media (max-width:640px){.aw-kit{width:72px;left:auto;right:10px}.aw-kit__bubble{left:auto;right:50px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.aw-kit,.aw-kit__bubble{transition:none}.aw-kit *{animation:none!important}}
@media print{.aw-kit{display:none}}