#seolsc-root{--seolsc-color:#1e7a46;position:fixed;bottom:22px;z-index:2147483000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;font-size:15px;line-height:1.45;color:#1f2328}
#seolsc-root *{box-sizing:border-box;margin:0;letter-spacing:normal;text-transform:none}
#seolsc-root.seolsc-pos-right{right:22px}
#seolsc-root.seolsc-pos-left{left:22px}

/* launcher */
#seolsc-root .seolsc-launcher{width:60px;height:60px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--seolsc-color);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,0,0,.22);position:relative;transition:transform .2s}
#seolsc-root .seolsc-launcher:hover{transform:scale(1.06)}
#seolsc-root .seolsc-launcher svg{display:block}
#seolsc-root .seolsc-ic-close{display:none!important}
#seolsc-root.seolsc-open .seolsc-ic-chat{display:none!important}
#seolsc-root.seolsc-open .seolsc-ic-close{display:block!important}
#seolsc-root .seolsc-badge{position:absolute;top:-3px;right:-3px;min-width:22px;height:22px;border-radius:11px;background:#e5383b;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid #fff}
#seolsc-root .seolsc-badge[hidden]{display:none}

/* panel */
#seolsc-root .seolsc-panel{position:absolute;bottom:76px;width:380px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 120px);background:#fff;border-radius:18px;box-shadow:0 12px 48px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);pointer-events:none;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
#seolsc-root.seolsc-pos-right .seolsc-panel{right:0}
#seolsc-root.seolsc-pos-left .seolsc-panel{left:0}
#seolsc-root.seolsc-open .seolsc-panel{opacity:1;transform:none;pointer-events:auto;visibility:visible}

#seolsc-root .seolsc-head{background:var(--seolsc-color);color:#fff;padding:14px 14px 14px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0}
#seolsc-root .seolsc-avatar{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.6)}
#seolsc-root .seolsc-avatar img{width:100%;height:100%;object-fit:cover}
#seolsc-root .seolsc-title{flex:1;min-width:0}
#seolsc-root .seolsc-name{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
#seolsc-root .seolsc-sub{font-size:12.5px;opacity:.92;display:flex;align-items:center;gap:6px;color:#fff}
#seolsc-root .seolsc-dot{width:8px;height:8px;border-radius:50%;background:#7CFC9A;display:inline-block}
#seolsc-root .seolsc-x{background:none;border:0;color:#fff;font-size:30px;line-height:1;cursor:pointer;padding:0 6px;opacity:.9}
#seolsc-root .seolsc-x:hover{opacity:1}

#seolsc-root .seolsc-body{flex:1;overflow-y:auto;padding:16px 14px 8px;background:#f6f8f7;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth}
#seolsc-root .seolsc-row{display:flex;flex-direction:column;max-width:85%;margin-bottom:6px}
#seolsc-root .seolsc-row.seolsc-user{align-self:flex-end;align-items:flex-end}
#seolsc-root .seolsc-row.seolsc-bot,#seolsc-root .seolsc-row.seolsc-admin{align-self:flex-start}
#seolsc-root .seolsc-bubble{padding:9px 13px;border-radius:16px;word-wrap:break-word;overflow-wrap:anywhere;font-size:14.5px}
#seolsc-root .seolsc-user .seolsc-bubble{background:var(--seolsc-color);color:#fff;border-bottom-right-radius:4px}
#seolsc-root .seolsc-bot .seolsc-bubble{background:#fff;color:#1f2328;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
#seolsc-root .seolsc-admin .seolsc-bubble{background:#fff8e6;color:#1f2328;border:1px solid #f1d58a;border-bottom-left-radius:4px}
#seolsc-root .seolsc-who{font-size:11px;font-weight:700;color:#a07400;margin-bottom:2px}
#seolsc-root .seolsc-bubble a{color:inherit;text-decoration:underline;word-break:break-all}
#seolsc-root .seolsc-bot .seolsc-bubble a,#seolsc-root .seolsc-admin .seolsc-bubble a{color:var(--seolsc-color)}
#seolsc-root .seolsc-li{display:block;padding-left:2px}
#seolsc-root .seolsc-time{font-size:10.5px;color:#8a9097;margin-top:2px;padding:0 4px}
#seolsc-root .seolsc-pending{opacity:.65}
#seolsc-root .seolsc-failed .seolsc-bubble{background:#c0392b}
#seolsc-root .seolsc-sys{align-self:center;font-size:12px;color:#6b7177;background:#eceff1;padding:4px 10px;border-radius:10px;margin:6px 0;text-align:center;max-width:90%}

#seolsc-root .seolsc-typing .seolsc-bubble{display:flex;gap:4px;padding:12px 14px}
#seolsc-root .seolsc-typing i{width:7px;height:7px;border-radius:50%;background:#9aa3a9;display:block;animation:seolscDot 1.2s infinite ease-in-out}
#seolsc-root .seolsc-typing i:nth-child(2){animation-delay:.15s}
#seolsc-root .seolsc-typing i:nth-child(3){animation-delay:.3s}
@keyframes seolscDot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}

#seolsc-root .seolsc-chips{display:flex;flex-wrap:wrap;gap:7px;padding:8px 12px 10px;background:#f6f8f7;justify-content:flex-end;max-height:170px;overflow-y:auto;flex-shrink:0}
#seolsc-root .seolsc-chips[hidden]{display:none}
#seolsc-root .seolsc-chip{background:#fff;border:1px solid var(--seolsc-color);color:var(--seolsc-color);border-radius:18px;padding:7px 13px;font-size:13.5px;cursor:pointer;font-family:inherit;line-height:1.3;text-align:left}
#seolsc-root .seolsc-chip:hover{background:var(--seolsc-color);color:#fff}

#seolsc-root .seolsc-contact{background:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin:6px 0;max-width:92%}
#seolsc-root .seolsc-contact-t{font-size:13.5px;font-weight:600}
#seolsc-root .seolsc-contact input{width:100%;border:1px solid #d5dbe0;border-radius:9px;padding:9px 11px;font-size:14px;font-family:inherit;background:#fff;color:#1f2328;height:auto;min-height:0;box-shadow:none}
#seolsc-root .seolsc-contact input:focus{outline:none;border-color:var(--seolsc-color)}
#seolsc-root .seolsc-contact button{background:var(--seolsc-color);color:#fff;border:0;border-radius:9px;padding:9px;font-weight:600;cursor:pointer;font-family:inherit;font-size:14px}
#seolsc-root .seolsc-contact button:disabled{opacity:.6}
#seolsc-root .seolsc-contact-err{color:#c0392b;font-size:12.5px}
#seolsc-root .seolsc-contact-err[hidden]{display:none}

#seolsc-root .seolsc-foot{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid #e8ecef;background:#fff;flex-shrink:0}
#seolsc-root .seolsc-foot textarea{flex:1;resize:none;border:1px solid #d5dbe0;border-radius:20px;padding:10px 14px;font-size:14.5px;font-family:inherit;line-height:1.35;max-height:110px;min-height:42px;height:42px;background:#f9fafb;color:#1f2328;box-shadow:none;outline:none;overflow-y:auto}
#seolsc-root .seolsc-foot textarea:focus{border-color:var(--seolsc-color);background:#fff}
#seolsc-root .seolsc-send{width:42px;height:42px;border-radius:50%;border:0;background:var(--seolsc-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}
#seolsc-root .seolsc-meta{text-align:center;padding:0 0 8px;background:#fff;flex-shrink:0}
#seolsc-root .seolsc-human{background:none;border:0;color:var(--seolsc-color);font-size:12.5px;cursor:pointer;font-family:inherit;padding:2px 6px;text-decoration:underline}
#seolsc-root .seolsc-human[hidden]{display:none}

@media (max-width:600px){
	#seolsc-root{bottom:16px}
	#seolsc-root.seolsc-pos-right{right:16px}
	#seolsc-root.seolsc-pos-left{left:16px}
	#seolsc-root.seolsc-open .seolsc-launcher{display:none}
	#seolsc-root .seolsc-panel{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0;bottom:0}
}

/* attention animation */
#seolsc-root .seolsc-launcher::before,#seolsc-root .seolsc-launcher::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--seolsc-color);z-index:-1;opacity:0;pointer-events:none}
#seolsc-root.seolsc-animate:not(.seolsc-open) .seolsc-launcher::before{animation:seolscPulse 2s ease-out infinite}
#seolsc-root.seolsc-animate:not(.seolsc-open) .seolsc-launcher::after{animation:seolscPulse 2s ease-out 1s infinite}
#seolsc-root.seolsc-animate:not(.seolsc-open) .seolsc-launcher svg{animation:seolscWiggle 4s ease-in-out infinite;transform-origin:50% 60%}
#seolsc-root.seolsc-animate:not(.seolsc-open) .seolsc-launcher{animation:seolscBounce 4s ease-in-out infinite}
@keyframes seolscPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.9);opacity:0}}
@keyframes seolscWiggle{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(-16deg)}78%{transform:rotate(14deg)}82%{transform:rotate(-10deg)}86%{transform:rotate(6deg)}90%{transform:rotate(0)}}
@keyframes seolscBounce{0%,60%,100%{transform:translateY(0)}64%{transform:translateY(-8px)}68%{transform:translateY(0)}71%{transform:translateY(-4px)}74%{transform:translateY(0)}}
#seolsc-root .seolsc-launcher:hover{animation-play-state:paused}

/* greeting bubble */
#seolsc-root .seolsc-teaser{position:absolute;bottom:72px;background:#fff;color:#1f2328;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.18);padding:10px 30px 10px 14px;font-size:14px;line-height:1.35;width:max-content;max-width:240px;cursor:pointer;animation:seolscPop .45s cubic-bezier(.2,1.4,.4,1) both}
#seolsc-root .seolsc-teaser[hidden]{display:none}
#seolsc-root.seolsc-pos-right .seolsc-teaser{right:4px}
#seolsc-root.seolsc-pos-left .seolsc-teaser{left:4px}
#seolsc-root .seolsc-teaser::after{content:"";position:absolute;bottom:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:3px 3px 6px rgba(0,0,0,.06)}
#seolsc-root.seolsc-pos-right .seolsc-teaser::after{right:22px}
#seolsc-root.seolsc-pos-left .seolsc-teaser::after{left:22px}
#seolsc-root .seolsc-teaser-x{position:absolute;top:4px;right:6px;background:none;border:0;color:#8a9097;font-size:18px;line-height:1;cursor:pointer;padding:2px}
#seolsc-root.seolsc-open .seolsc-teaser{display:none}
@keyframes seolscPop{0%{opacity:0;transform:translateY(10px) scale(.85)}100%{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
	#seolsc-root .seolsc-launcher,#seolsc-root .seolsc-launcher svg,#seolsc-root .seolsc-launcher::before,#seolsc-root .seolsc-launcher::after,#seolsc-root .seolsc-teaser{animation:none!important}
}
#seolsc-root .seolsc-credit{font-size:11.5px;color:#8a9097;text-decoration:none;font-family:inherit}
#seolsc-root a.seolsc-credit:hover{color:var(--seolsc-color);text-decoration:underline}

/* product cards */
#seolsc-root .seolsc-row.seolsc-has-cards{max-width:100%;align-self:stretch}
#seolsc-root .seolsc-row.seolsc-has-cards .seolsc-bubble{max-width:85%;align-self:flex-start}
#seolsc-root .seolsc-cards{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
#seolsc-root .seolsc-card{flex:0 0 156px;background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.12);overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column}
#seolsc-root .seolsc-card-img{display:block;position:relative;aspect-ratio:1/1;background:#f2f4f5}
#seolsc-root .seolsc-card-img img{width:100%;height:100%;object-fit:cover;display:block}
#seolsc-root .seolsc-sale{position:absolute;top:6px;left:6px;background:#e5383b;color:#fff;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:8px}
#seolsc-root .seolsc-card-b{padding:8px 9px 9px;display:flex;flex-direction:column;gap:3px;flex:1}
#seolsc-root .seolsc-card-name{font-size:13px;font-weight:600;color:#1f2328;text-decoration:none;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
#seolsc-root .seolsc-card-rate{font-size:12px;color:#f5a623;line-height:1}
#seolsc-root .seolsc-stars i{color:#d5dbe0;font-style:normal}
#seolsc-root .seolsc-card-rate small{color:#8a9097}
#seolsc-root .seolsc-card-price{font-size:14px;font-weight:700;color:#1f2328}
#seolsc-root .seolsc-card-price s{font-size:12px;font-weight:400;color:#8a9097;margin-left:3px}
#seolsc-root .seolsc-oos{font-size:11.5px;color:#c0392b}
#seolsc-root .seolsc-card-btns{display:flex;gap:6px;margin-top:auto;padding-top:5px}
#seolsc-root .seolsc-btn{flex:1;text-align:center;font-size:12px;font-weight:600;padding:6px 4px;border-radius:8px;border:1px solid var(--seolsc-color);color:var(--seolsc-color);text-decoration:none;background:#fff;white-space:nowrap}
#seolsc-root .seolsc-btn-p{background:var(--seolsc-color);color:#fff}
#seolsc-root .seolsc-action{margin-top:6px;align-self:flex-start;background:var(--seolsc-color);color:#fff;border:0;border-radius:18px;padding:8px 14px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}
#seolsc-root .seolsc-action:disabled{opacity:.6;cursor:default}
#seolsc-root .seolsc-who-bot{color:var(--seolsc-color)}
#seolsc-root .seolsc-lead-btns{display:flex;gap:8px}
#seolsc-root .seolsc-lead-btns button{flex:1}
#seolsc-root .seolsc-contact .seolsc-skip{background:#fff;color:#6b7177;border:1px solid #d5dbe0;flex:0 0 72px}
/* Top position */
#seolsc-root.seolsc-v-top .seolsc-panel{bottom:auto;top:76px;max-height:calc(100vh - var(--seolsc-oy,22px) - 96px);transform:translateY(-16px) scale(.98)}
#seolsc-root.seolsc-v-top.seolsc-open .seolsc-panel{transform:none}
#seolsc-root.seolsc-v-top .seolsc-teaser{bottom:auto;top:72px}
#seolsc-root.seolsc-v-top .seolsc-teaser::after{bottom:auto;top:-6px}
@media (max-width:600px){#seolsc-root.seolsc-v-top .seolsc-panel{top:0;bottom:0;transform:none}}

/* Captcha + embedded form inside chat enquiry cards (same checks as the site's own form) */
#seolsc-root .seolsc-rc { margin: 6px 0 2px; min-height: 78px; transform-origin: 0 0; }
#seolsc-root .seolsc-rc.seolsc-rc-inv { min-height: 0; margin: 0; }
#seolsc-root .seolsc-embed { padding-bottom: 8px; }
#seolsc-root .seolsc-embed-f { display: block; width: 100%; height: 320px; border: 0; border-radius: 8px; background: #fff; margin: 6px 0; }
@media (max-width: 400px) { #seolsc-root .seolsc-rc:not(.seolsc-rc-inv) { transform: scale(.86); margin-bottom: -10px; } }
