.shopik-assistant{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:95;font-family:inherit;color:#173b38}
.shopik-assistant *{box-sizing:border-box}
.shopik-launcher{position:relative;display:grid;place-items:center;width:82px;height:94px;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 8px 7px #0b514c38);transition:transform .2s ease}
.shopik-launcher,.shopik-stage{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.shopik-assistant.is-dragging .shopik-launcher,.shopik-assistant.is-dragging .shopik-stage{cursor:grabbing}
.shopik-mini-figure{display:block;width:82px;height:94px;overflow:visible}
.shopik-notification-dot{position:absolute;top:5px;right:5px;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#e68c35;box-shadow:0 2px 8px #123f3d55}
.shopik-notification-dot[hidden]{display:none}
.shopik-mini-notice{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:8px;width:min(270px,calc(100vw - 24px));padding:10px 12px 11px;border:1px solid #a8d9cb;border-radius:15px;background:#fff;color:#104d48;box-shadow:0 10px 28px #0c4b4629;animation:shopik-notice-in .36s ease-out}
.shopik-mini-notice[hidden],.shopik-assistant.is-open .shopik-mini-notice{display:none}
.shopik-assistant.notice-flip .shopik-mini-notice{right:auto;left:0}
.shopik-assistant.notice-below .shopik-mini-notice{bottom:auto;top:calc(100% + 8px)}
.shopik-mini-notice-label{grid-column:1/-1;margin-bottom:6px;padding-right:22px;color:#087e76;font-size:9px;font-weight:900;letter-spacing:.13em}
.shopik-mini-notice strong{grid-column:1;display:block;min-width:0;color:#104d48;font-size:13px;line-height:1.2}
.shopik-mini-notice-detail{grid-column:1;display:block;min-width:0;margin-top:2px;color:#5a726c;font-size:11px;line-height:1.3}
.shopik-mini-notice a{grid-column:2;grid-row:2/4;display:inline-flex;align-items:center;gap:3px;align-self:center;padding:7px 8px;border-radius:8px;background:#087e76;color:#fff;font-size:11px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}
.shopik-mini-notice a:hover{background:#07665f}
.shopik-mini-notice a:focus-visible,.shopik-mini-notice button:focus-visible{outline:3px solid #efb64c;outline-offset:2px}
.shopik-mini-notice button{position:absolute;top:6px;right:7px;width:21px;height:21px;border:0;border-radius:50%;background:#e8f6f1;color:#14534d;cursor:pointer;font-size:17px;line-height:1}
.shopik-assistant.has-notification .shopik-mini-figure{animation:shopik-mini-attention .55s ease-in-out 2}
.shopik-assistant.has-notification .shopik-stage::after{content:"";position:absolute;top:7px;right:12px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#e68c35;box-shadow:0 2px 8px #123f3d55}
.shopik-assistant.has-order-notification .shopik-figure,.shopik-assistant.has-order-notification .shopik-mini-figure{filter:drop-shadow(0 9px 8px #087e7638) drop-shadow(0 0 11px #eeb45d99)}
.shopik-assistant.has-order-notification .shopik-stage::before{content:"✦";position:absolute;top:4px;left:8px;color:#e9a940;font-size:25px;line-height:1;animation:shopik-order-spark 1.2s ease-in-out 2}
.shopik-assistant.has-order-notification .shopik-arm-right,.shopik-assistant.has-order-notification .shopik-mini-arm-right{animation:shopik-wave .5s ease-in-out 3}
.shopik-mini-arm-right{transform-box:fill-box;transform-origin:left center;animation:shopik-mini-wave 13s 5s infinite}
.shopik-launcher:hover,.shopik-launcher:focus-visible{transform:translateY(-4px) scale(1.05)}
.shopik-launcher:focus-visible,.shopik-panel button:focus-visible,.shopik-panel a:focus-visible{outline:3px solid #efb64c;outline-offset:3px}
.shopik-panel[hidden]{display:none}
.shopik-assistant.is-open .shopik-launcher{display:none}
.shopik-tour-highlight{outline:3px solid #f1bd56!important;outline-offset:5px;box-shadow:0 0 0 9px #f1bd5633,0 0 26px #f1bd5655!important;transition:box-shadow .25s ease}
.shopik-panel{display:flex;flex-direction:column;align-items:center;gap:9px;width:min(310px,calc(100vw - 24px));background:transparent}
.shopik-speech{position:relative;order:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:9px;row-gap:5px;width:100%;max-height:min(205px,35vh);padding:10px 12px 11px;overflow-y:auto;border:1px solid #a8d9cb;border-radius:16px;background:#fff;box-shadow:0 10px 28px #0c4b4629;transition:opacity .28s ease}
.shopik-speech[hidden]{display:none}
.shopik-panel-top{grid-column:1/-1;display:flex;align-items:center;min-height:0;padding-right:22px;color:#087e76;font-size:9px;font-weight:900;letter-spacing:.13em}
.shopik-panel-top button{position:absolute;top:6px;right:7px;display:grid;place-items:center;width:21px;height:21px;border:0;border-radius:50%;background:#e8f6f1;color:#14534d;cursor:pointer;font-size:17px;line-height:1}
.shopik-panel-top button:hover{background:#d8eee6}
.shopik-assistant.is-intro-start .shopik-speech,.shopik-assistant.is-intro-start .shopik-actions{opacity:0;pointer-events:none}
.shopik-assistant.is-intro-start .shopik-spark,.shopik-assistant.is-intro-start .shopik-idea{opacity:0!important}
.shopik-stage{position:relative;order:1;flex:none;width:145px;height:177px;display:grid;place-items:end center;padding:0;border:0;background:transparent;cursor:pointer}
.shopik-stage:hover .shopik-figure{transform:scale(1.035)}
.shopik-figure{width:145px;height:172px;overflow:visible;filter:drop-shadow(0 11px 9px #087e7638);transform-origin:center bottom}
.shopik-morph-word{position:absolute;top:47%;left:50%;z-index:2;opacity:0;color:#173b38;font-size:30px;font-weight:900;letter-spacing:-.06em;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%);text-shadow:0 2px 12px #ffffffb3}
.shopik-copy{grid-column:1;grid-row:2;min-width:0;margin:0}
.shopik-copy strong{display:block;color:#104d48;font-size:13px;line-height:1.2}
.shopik-copy p{margin:2px 0 0;color:#5a726c;font-size:11px;line-height:1.3}
.shopik-copy small{display:block;margin-top:4px;color:#748982;font-size:9px;font-weight:700}
.shopik-copy small[hidden]{display:none}
.shopik-speech-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
.shopik-speech-actions[hidden],.shopik-notification-link[hidden]{display:none}
.shopik-speech-actions button,.shopik-notification-link{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:6px 10px;border:1px solid #087e76;border-radius:9px;background:#087e76;color:#fff;font:800 11px/1.2 inherit;text-decoration:none;cursor:pointer}
.shopik-speech-actions button:last-child{background:#eff8f5;color:#087e76}
.shopik-speech-actions button:hover,.shopik-notification-link:hover{filter:brightness(.91)}
.shopik-speech-actions button:focus-visible,.shopik-notification-link:focus-visible{outline:3px solid #efb64c;outline-offset:2px}
.shopik-notification-link{grid-column:2;grid-row:2;align-self:center;width:max-content;max-width:100%;min-height:0;margin:0;padding:7px 8px;border-radius:8px;font-size:11px;white-space:nowrap}
.shopik-copy.is-changing{animation:shopik-copy-enter .35s both}
.shopik-tip-next{grid-column:2;grid-row:2;display:grid;place-items:center;width:29px;height:29px;padding:0;border:0;border-radius:9px;background:#087e76;color:#fff;cursor:pointer;font-size:20px;line-height:1}
.shopik-tip-next:hover{background:#087e76}
.shopik-assistant[data-page="admin"] .shopik-tip-next{display:none}
.shopik-assistant[data-page="admin"] .shopik-speech.is-notification{max-height:none}
.shopik-actions{order:3;display:flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:50px;padding:0;background:transparent}
.shopik-actions [hidden]{display:none}
.shopik-action{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #badad0;border-radius:15px;background:#fff;color:#087e76;box-shadow:0 6px 17px #0c4b4626;cursor:pointer;text-decoration:none;transition:transform .16s ease,background .16s ease}
.shopik-action svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.shopik-action:hover,.shopik-action:focus-visible{transform:translateY(-3px);background:#ecf8f3;color:#075f58}
.shopik-action-primary{background:#087e76;color:#fff;border-color:#087e76}
.shopik-action-primary:hover,.shopik-action-primary:focus-visible{background:#07665f;color:#fff}
.shopik-action-minimize{background:#ecf7f2}
.shopik-action::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;z-index:3;width:max-content;max-width:180px;padding:6px 9px;border-radius:8px;background:#164b46;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 5px 14px #0c4b4629;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease}
.shopik-action:hover::after,.shopik-action:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.shopik-primary,.shopik-secondary,.shopik-contact{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 12px;border-radius:999px;text-align:center;text-decoration:none;cursor:pointer;font:800 11px/1.15 inherit}
.shopik-primary{border:1px solid #087e76;background:#087e76;color:#fff}
.shopik-primary:hover{background:#07665f;color:#fff}
.shopik-contact{border:1px solid transparent;background:transparent;color:#286e64}
.shopik-contact:hover{background:#edf7f3;color:#14534d}
.shopik-faq[hidden],.shopik-help-status[hidden]{display:none}
.shopik-faq{order:2;width:100%;max-height:min(280px,34vh);overflow:auto;padding:16px;border:1px solid #b4dcd1;border-radius:22px;background:#fff;box-shadow:0 12px 32px #0c4b4621}
.shopik-faq label{display:block;margin-bottom:7px;color:#104d48;font-size:13px;font-weight:800}
.shopik-faq input{display:block;width:100%;height:39px;padding:8px 10px;border:1px solid #a8c9bf;border-radius:9px;font:inherit;font-size:13px}
.shopik-faq input:focus,.shopik-help-dialog input:focus,.shopik-help-dialog textarea:focus{outline:2px solid #087e76;outline-offset:2px}
.shopik-faq-result{margin:12px 0;color:#4b6963;font-size:12px;line-height:1.5}
.shopik-faq-result strong{display:block;color:#104d48;font-size:13px}
.shopik-faq-result p{margin:5px 0 8px}
.shopik-faq a{color:#087e76;font-size:12px;font-weight:800}
.shopik-help-dialog{position:fixed;width:min(430px,calc(100vw - 28px));max-height:min(680px,calc(100dvh - 28px));padding:24px;border:1px solid #b4dcd1;border-radius:23px;background:#fff;color:#173b38;box-shadow:0 24px 90px #082f2b55;font-family:inherit}
.shopik-help-dialog::backdrop{background:#102c2a8c;backdrop-filter:blur(3px)}
.shopik-help-dialog form{position:relative;display:grid;gap:12px}
.shopik-help-eyebrow{color:#087e76;font-size:10px;font-weight:900;letter-spacing:.12em}
.shopik-help-dialog h2{margin:0;color:#104d48;font-size:23px}
.shopik-help-dialog p{margin:0;color:#4b6963;font-size:13px;line-height:1.4}
.shopik-help-dialog label{display:grid;gap:5px;font-size:12px;font-weight:800}
.shopik-help-dialog input,.shopik-help-dialog textarea{width:100%;padding:10px 11px;border:1px solid #b7d2ca;border-radius:9px;background:#fff;color:#173b38;font:400 14px/1.3 inherit}
.shopik-help-dialog textarea{resize:vertical;min-height:93px}
.shopik-help-close{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border:0;border-radius:50%;background:#e8f6f1;color:#14534d;cursor:pointer;font-size:22px}
.shopik-help-submit{min-height:43px;padding:10px 15px;border:0;border-radius:10px;background:#087e76;color:#fff;cursor:pointer;font:800 13px/1.2 inherit}
.shopik-help-submit:hover{background:#07665f}
.shopik-help-submit:disabled{opacity:.6;cursor:wait}
.shopik-help-status{padding:9px 11px;border-radius:9px;background:#e8f6f1!important;color:#104d48!important}
.shopik-help-status a{color:#087e76;font-weight:800}
.shopik-honeypot{position:absolute!important;left:-10000px!important;opacity:0!important}
.shopik-secondary{flex:0 0 39px;width:39px;padding:0;border:1px solid #c4dfd6;background:#f1faf6;color:#286e64;font-size:21px}
.shopik-secondary:hover{background:#dff2eb}
.shopik-pupil{transition:transform .12s ease-out}
.shopik-spark,.shopik-idea{position:absolute;top:5px;right:3px;opacity:0;pointer-events:none}
.shopik-spark{color:#f5b941;font-size:29px}
.shopik-idea{font-size:25px}
.shopik-assistant.is-birthing .shopik-figure{animation:shopik-appear .55s .9s both}
.shopik-assistant.is-birthing .shopik-morph-word{animation:shopik-word .85s both}
.shopik-assistant.is-birthing .shopik-arm-left{animation:shopik-limb .25s 1.35s both}
.shopik-assistant.is-birthing .shopik-leg-left{animation:shopik-limb .25s 1.65s both}
.shopik-assistant.is-birthing .shopik-arm-right{animation:shopik-limb .25s 1.95s both,shopik-wave .7s 2.8s 2}
.shopik-assistant.is-birthing .shopik-leg-right{animation:shopik-limb .25s 2.2s both}
.shopik-assistant.is-birthing .shopik-eye-first{transform-box:fill-box;transform-origin:center;animation:shopik-reveal .2s 1.15s both,shopik-wink .25s 1.6s 2}
.shopik-assistant.is-birthing .shopik-eye-second{animation:shopik-reveal .2s 2.5s both}
.shopik-assistant.is-birthing .shopik-smile{animation:shopik-reveal .2s 2.7s both}
.shopik-assistant.is-happy .shopik-figure{animation:shopik-hop .5s 2}
.shopik-assistant.is-happy .shopik-spark{animation:shopik-pop .8s both}
.shopik-assistant.is-idea .shopik-idea{animation:shopik-pop .8s both}
.shopik-assistant.is-warning .shopik-arm-right{animation:shopik-wave .55s 2}
.shopik-assistant.is-greeting .shopik-figure{animation:shopik-hop .46s 1}
.shopik-assistant.is-greeting .shopik-arm-right{animation:shopik-wave .45s 2}
.shopik-flight{position:fixed;z-index:96;pointer-events:none;object-fit:contain;transform-origin:center center}
.shopik-field-active{outline:3px solid #efb64c!important;outline-offset:3px;box-shadow:0 0 0 7px #efb64c30!important}
@keyframes shopik-appear{from{opacity:0;transform:scale(.2) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes shopik-word{0%{opacity:0;transform:translate(-50%,-40%) scale(.85)}25%,65%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-60%) scale(1.04)}}
@keyframes shopik-limb{from{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}
@keyframes shopik-reveal{from{opacity:0}to{opacity:1}}
@keyframes shopik-wink{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.12)}}
@keyframes shopik-wave{0%,100%{transform:rotate(0)}25%,75%{transform:rotate(-29deg)}50%{transform:rotate(7deg)}}
@keyframes shopik-mini-wave{0%,3%,12%,100%{transform:rotate(0)}5%,9%{transform:rotate(-24deg)}7%{transform:rotate(5deg)}}
@keyframes shopik-hop{0%,100%{transform:translateY(0)}45%{transform:translateY(-10px)}}
@keyframes shopik-pop{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}
@keyframes shopik-notice-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes shopik-mini-attention{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-7px) rotate(-4deg)}}
@keyframes shopik-order-spark{0%,100%{opacity:.55;transform:scale(.8) rotate(-10deg)}50%{opacity:1;transform:scale(1.22) rotate(12deg)}}
@keyframes shopik-copy-enter{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.shopik-assistant{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.shopik-panel{width:min(310px,calc(100vw - 24px));gap:5px}.shopik-assistant.is-open .shopik-speech,.shopik-assistant.is-open .shopik-actions,.shopik-assistant.is-open .shopik-faq{transform:translateX(var(--shopik-content-shift,0px))}.shopik-speech{max-height:min(190px,31vh)}.shopik-stage{width:105px;height:126px}.shopik-figure{width:104px;height:124px}.shopik-morph-word{font-size:22px}.shopik-actions{min-height:44px;gap:7px}.shopik-action{flex-basis:42px;width:42px;height:42px}.shopik-launcher,.shopik-mini-figure{width:70px;height:82px}.shopik-help-dialog{padding:19px}}
@media(prefers-reduced-motion:reduce){.shopik-assistant *,.shopik-flight{animation:none!important;transition:none!important}.shopik-assistant.is-birthing .shopik-figure,.shopik-assistant.is-birthing .shopik-limb,.shopik-assistant.is-birthing .shopik-eye-first,.shopik-assistant.is-birthing .shopik-eye-second,.shopik-assistant.is-birthing .shopik-smile{opacity:1!important;transform:none!important}.shopik-assistant.is-birthing .shopik-morph-word{display:none}.shopik-assistant.is-intro-start .shopik-speech,.shopik-assistant.is-intro-start .shopik-actions{opacity:1;pointer-events:auto}}