#ff-shop-guide{position:fixed;right:24px;bottom:22px;z-index:55;display:flex;align-items:flex-end;gap:4px;font-family:Arial,sans-serif;color:#252628;max-width:calc(100vw - 24px);pointer-events:none}
#ff-shop-guide[hidden],#ff-shop-guide [hidden]{display:none!important}
#ff-shop-guide button,#ff-shop-guide a{font:inherit}
#ff-shop-guide .ff-guide-bubble{position:relative;pointer-events:auto;width:288px;box-sizing:border-box;padding:22px;border:1px solid #e1ddd4;border-radius:18px 18px 4px 18px;background:#fffdf8;box-shadow:0 8px 36px #24242424;margin-bottom:24px}
#ff-shop-guide .ff-guide-bubble:after{content:"";position:absolute;right:-8px;bottom:20px;width:14px;height:14px;background:#fffdf8;border-right:1px solid #e1ddd4;border-top:1px solid #e1ddd4;transform:rotate(45deg)}
#ff-shop-guide .ff-guide-eyebrow{display:block;font-size:9px;letter-spacing:1.2px;font-weight:700;color:#93603b;padding-right:12px}
#ff-shop-guide h2{font-size:19px;line-height:1.15;letter-spacing:-.5px;margin:10px 0}
#ff-shop-guide p{font-size:13px;line-height:1.55;margin:0 0 16px;color:#555759}
#ff-shop-guide .ff-guide-action{display:block;background:#ff7a00;color:#171717;text-decoration:none;font-size:12px;font-weight:700;border-radius:7px;padding:11px 12px;line-height:1.3}
#ff-shop-guide .ff-guide-action:hover{background:#ff922d}
#ff-shop-guide .ff-guide-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
#ff-shop-guide .ff-guide-tools button{border:0;background:none;color:#5b5b58;padding:3px 0;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#ff-shop-guide .ff-guide-count{font-size:10px;color:#6b6b66}
#ff-shop-guide .ff-guide-bubble{max-height:calc(100dvh - 70px);overflow:auto;overscroll-behavior:contain}
#ff-shop-guide .ff-guide-questions{margin-top:12px;border-top:1px solid #e6e0d6;padding-top:10px}
#ff-shop-guide .ff-guide-questions summary{font-size:11px;font-weight:700;cursor:pointer;line-height:1.5}
#ff-shop-guide .ff-guide-questions>div{display:grid;gap:5px;margin-top:9px}
#ff-shop-guide .ff-guide-questions button{border:1px solid #e3ddd4;border-radius:6px;background:#f5f1e9;text-align:left;padding:8px 9px;font-size:11px;line-height:1.3;cursor:pointer;color:#353535}
#ff-shop-guide .ff-guide-questions button:hover{border-color:#ff7a00;background:#fff2df}
#ff-shop-guide .ff-guide-close{position:absolute;right:8px;top:5px;width:32px;height:32px;border:0;background:none;color:#555;font-size:23px;cursor:pointer;border-radius:50%}
#ff-shop-guide .ff-guide-character{pointer-events:auto;position:relative;flex:0 0 112px;width:112px;border:0;padding:0;background:none;cursor:pointer;filter:drop-shadow(0 6px 6px #0002);transform-origin:bottom center;animation:ff-guide-hop 5s ease-in-out 2}
#ff-shop-guide .ff-guide-character img{display:block;width:100%;height:auto;transition:transform .2s}
#ff-shop-guide .ff-guide-character:hover img{transform:rotate(-7deg) translateY(-4px)}
#ff-shop-guide .ff-guide-character span{display:none}
#ff-shop-guide.is-collapsed .ff-guide-character{width:62px;flex-basis:62px;animation:none}
#ff-shop-guide.is-collapsed .ff-guide-character span{display:block;background:#252628;color:white;border-radius:16px;font-size:11px;padding:5px 10px;margin-top:2px}
#ff-shop-guide :is(a,button):focus-visible{outline:3px solid #ff7a00;outline-offset:4px}
.ff-guide-highlight{outline:2px solid #ff7a00!important;outline-offset:5px;border-radius:4px}
body:has(dialog[open]) #ff-shop-guide,body:has(.global-search[open]) #ff-shop-guide{visibility:hidden}
@keyframes ff-guide-hop{0%,70%,100%{transform:translateY(0) rotate(0)}78%{transform:translateY(-9px) rotate(-5deg)}86%{transform:translateY(0) rotate(3deg)}92%{transform:translateY(-4px)}}
@media(max-width:600px){#ff-shop-guide{right:12px;bottom:16px;gap:0}#ff-shop-guide .ff-guide-bubble{width:min(255px,calc(100vw - 100px));padding:18px;margin-bottom:14px}#ff-shop-guide .ff-guide-character{flex-basis:76px;width:76px}#ff-shop-guide h2{font-size:17px}#ff-shop-guide p{font-size:12px}#ff-shop-guide .ff-guide-eyebrow{font-size:8px;letter-spacing:.7px}#ff-shop-guide.is-collapsed .ff-guide-character{width:48px;flex-basis:48px}}
@media(prefers-reduced-motion:reduce){#ff-shop-guide .ff-guide-character{animation:none}#ff-shop-guide .ff-guide-character img{transition:none}}
@media print{#ff-shop-guide{display:none!important}}