#sacguide-panel[hidden],#sacguide-panel [hidden]{display:none!important}
#sacguide-launch{position:fixed;right:90px;bottom:24px;z-index:940;border:1px solid #c2dccd;border-radius:28px;background:#fff;color:#125b39;box-shadow:0 5px 20px #143e2a1a;padding:12px 18px;min-height:48px;font:700 14px/1.3 inherit;cursor:pointer}
#sacguide-launch{font-family:inherit;font-size:14px;font-weight:700;line-height:1.3}
#sacguide-launch span{font-size:21px;margin-left:8px}
#sacguide-panel{position:fixed;right:20px;bottom:90px;z-index:960;width:410px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 115px);display:flex;flex-direction:column;background:#fff;color:#173d2d;border:1px solid #c8ddd2;border-radius:22px;box-shadow:0 15px 55px #163a2b30;font-family:inherit;overflow:hidden}
#sacguide-panel *{box-sizing:border-box}
#sacguide-panel{box-sizing:border-box;max-width:calc(100% - 24px)}
body.admin-bar #sacguide-panel{max-height:calc(100dvh - 155px)}
#sacguide-panel header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(125deg,#edf6ef,#f6fbf7);border-bottom:1px solid #dbe9df;flex-shrink:0}
#sacguide-panel header .sacguide-mascot{width:86px;height:96px;object-fit:contain!important;object-position:center;flex:0 0 86px;max-width:none;filter:drop-shadow(0 4px 5px #143e2a18)}
#sacguide-panel .sacguide-greeting{flex:1;min-width:0}
#sacguide-panel header small{display:block;font-size:9px;letter-spacing:1px;color:#527264}
#sacguide-panel h2{font-size:21px;line-height:1.2;margin:6px 0 0;color:#163e2b}
#sacguide-close{border:0;background:#fff;border-radius:50%;width:44px;height:44px;flex-shrink:0;font-size:26px;cursor:pointer;color:#365d49}
#sacguide-panel .sacguide-content{overflow:auto;overscroll-behavior:contain;padding:18px;min-height:0}
#sacguide-panel p{font-size:14px;line-height:1.5;margin:0 0 14px}
#sacguide-form label{font-size:13px;font-weight:700;display:block;margin-bottom:6px}
#sacguide-form>div{display:flex;gap:7px}
#sacguide-query{min-width:0;flex:1;width:100%;border:1px solid #a9c7b6;border-radius:9px;padding:11px;font:inherit;font-size:16px;background:white;color:#173d2d}
#sacguide-form button{border:0;border-radius:9px;padding:10px 14px;background:#11683d;color:#fff;font-weight:700;cursor:pointer}
#sacguide-panel .sacguide-examples{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 16px}
#sacguide-panel .sacguide-examples button{border:1px solid #cee2d5;border-radius:20px;padding:7px 10px;background:#f6faf7;color:#246140;font-size:12px;cursor:pointer}
#sacguide-panel .sacguide-product{display:flex;gap:12px;padding:13px 0;border-top:1px solid #e0ebe4;text-decoration:none;color:inherit}
#sacguide-panel .sacguide-product img{width:76px;height:84px;object-fit:contain!important;flex-shrink:0;border-radius:8px;background:#f7f8f7}
#sacguide-panel .sacguide-product div{min-width:0}
#sacguide-panel .sacguide-product strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#sacguide-panel .sacguide-product small{display:block;color:#607668;font-size:11px;margin:4px 0}
#sacguide-panel .sacguide-product b{display:block;font-size:16px}
#sacguide-panel .sacguide-stock{font-size:12px;display:block;margin-top:4px}
#sacguide-panel .sacguide-view{display:block;font-size:12px;font-weight:700;color:#126b3e;margin-top:7px}
#sacguide-status:empty{display:none}
#sacguide-query{resize:vertical;min-height:48px;max-height:180px}
#sacguide-panel.sacguide-list-mode #sacguide-form>div{flex-direction:column}
#sacguide-panel.sacguide-list-mode #sacguide-form button{min-height:44px}
#sacguide-panel.sacguide-list-mode .sacguide-examples{display:none}
#sacguide-panel .sacguide-modes{display:flex;gap:6px;margin-bottom:14px}
#sacguide-panel .sacguide-modes button{flex:1;border:1px solid #c8ddd2;border-radius:10px;background:#f5faf7;color:#24523b;min-height:42px;font:600 12px/1.3 inherit;cursor:pointer}
#sacguide-panel .sacguide-modes button[aria-pressed=true]{background:#12683e;color:#fff;border-color:#12683e}
#sacguide-list-hint{display:block;font-size:11px;line-height:1.5;color:#5d7165;margin-top:8px}
#sacguide-panel .sacguide-list-row{min-width:0;border:1px solid #d6e6dd;border-radius:12px;padding:12px;margin:12px 0}
#sacguide-panel .sacguide-list-row legend{font-size:13px;font-weight:700;overflow-wrap:anywhere;max-width:100%;padding:0 4px}
#sacguide-panel .sacguide-list-row select{display:block;width:100%;max-width:100%;min-height:44px;border:1px solid #b8d0c1;border-radius:8px;background:#fff;color:#173d2d;padding:8px;font-size:13px}
#sacguide-panel .sacguide-list-row label{display:flex;align-items:center;gap:12px;font-size:12px;margin:10px 0}
#sacguide-panel .sacguide-list-row input{width:90px;min-height:40px;border:1px solid #b8d0c1;border-radius:8px;padding:8px;font-size:16px}
#sacguide-panel .sacguide-list-row p,#sacguide-panel .sacguide-list-row small{display:block;font-size:12px;overflow-wrap:anywhere;line-height:1.5;margin:8px 0}
#sacguide-panel .sacguide-list-row a{font-size:12px;color:#11683d;text-decoration:underline}
#sacguide-panel .sacguide-list-total{font-weight:700;font-size:17px}
#sacguide-panel .sacguide-list-note{font-size:11px;color:#61766a}
#sacguide-panel .sacguide-confirm{display:block;width:100%;padding:14px;border:0;border-radius:10px;background:#11683d;color:white;text-align:center;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}
#sacguide-panel .sacguide-confirm:disabled{opacity:.45;cursor:not-allowed}
#sacguide-panel .sacguide-about{margin-top:10px;color:#61766a;font-size:11px}
#sacguide-panel .sacguide-about summary{cursor:pointer;padding:5px 0;width:fit-content}
#sacguide-panel .sacguide-about p{font-size:12px;line-height:1.5;margin:8px 0 0}
#sacguide-panel:not([hidden]) .sacguide-mascot{animation:sacguide-wave .7s ease-out 1;transform-origin:50% 85%}
@keyframes sacguide-wave{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}70%{transform:rotate(4deg)}}
@media(prefers-reduced-motion:reduce){#sacguide-panel .sacguide-mascot{animation:none!important}}
@media(max-width:380px){#sacguide-panel header{gap:8px;padding:12px}#sacguide-panel header .sacguide-mascot{width:72px;height:82px;flex-basis:72px}#sacguide-panel h2{font-size:19px}}
#sacguide-panel footer{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;border-top:1px solid #dae8de;flex-shrink:0}
#sacguide-panel footer a{font-size:12px;color:#146740;font-weight:700}
#sacguide-panel :focus-visible,#sacguide-launch:focus-visible{outline:3px solid #319f61;outline-offset:3px}
body.sacguide-open #sac-yunki-help{visibility:hidden;pointer-events:none}
body:has(#mega-menu.is-open) #sacguide-launch,body:has(.promo-modal-backdrop.is-open) #sacguide-launch,body:has(.cart-drawer.is-open) #sacguide-launch{visibility:hidden;pointer-events:none}
@media(max-width:600px){#sacguide-launch{right:78px;bottom:calc(22px + env(safe-area-inset-bottom));font-size:12px;padding:10px 13px}#sacguide-panel{right:12px;bottom:calc(85px + env(safe-area-inset-bottom));max-height:calc(100dvh - 105px - env(safe-area-inset-bottom))}}
@media(max-width:767px){#sacguide-launch{right:18px;bottom:calc(80px + env(safe-area-inset-bottom))}#sacguide-panel{bottom:calc(143px + env(safe-area-inset-bottom));max-height:calc(100dvh - 163px - env(safe-area-inset-bottom))}body.admin-bar #sacguide-panel{max-height:calc(100dvh - 195px - env(safe-area-inset-bottom))}}
@media(max-width:767px){body:has(#sacguide-launch) #sac-yunki-help{bottom:calc(144px + env(safe-area-inset-bottom));max-width:calc(100% - 24px)}}
body:has(#mega-menu.is-open,.promo-modal-backdrop.is-open,.cart-drawer.is-open,.mobile-nav.is-open) :is(#sacguide-launch,#sacguide-panel){visibility:hidden;pointer-events:none}