.opbot{position:fixed;right:24px;bottom:24px;z-index:999999;font-family:Inter,Arial,sans-serif;color:#202027}.opbot *{box-sizing:border-box}.opbot__launcher{width:68px;height:68px;border:0;border-radius:24px;background:linear-gradient(135deg,#5b2a91,#7b3fd1);color:#fff;box-shadow:0 24px 60px rgba(91,42,145,.34);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .25s ease,box-shadow .25s ease}.opbot__launcher:hover{transform:translateY(-4px);box-shadow:0 30px 72px rgba(91,42,145,.44)}.opbot__launcher svg{width:31px;height:31px}.opbot__launcher-dot{position:absolute;right:10px;top:10px;width:13px;height:13px;border-radius:50%;background:#39d98a;border:2px solid #fff;box-shadow:0 0 0 4px rgba(57,217,138,.18)}.opbot__hint{position:absolute;right:82px;bottom:8px;width:230px;padding:13px 15px;border-radius:18px 18px 4px 18px;background:#fff;border:1px solid rgba(91,42,145,.12);box-shadow:0 18px 50px rgba(24,20,36,.16);opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.opbot__hint:after{content:"";position:absolute;right:-7px;bottom:17px;width:14px;height:14px;background:#fff;border-right:1px solid rgba(91,42,145,.12);border-bottom:1px solid rgba(91,42,145,.12);transform:rotate(-45deg)}.opbot__hint--visible{opacity:1;transform:translateY(0) scale(1)}.opbot__hint strong{display:block;color:#202027;font-size:13.5px;font-weight:850;letter-spacing:-.02em}.opbot__hint span{display:block;margin-top:4px;color:#666674;font-size:13px;line-height:1.35}.opbot__panel{position:absolute;right:0;bottom:86px;width:410px;max-width:calc(100vw - 32px);height:640px;max-height:calc(100vh - 122px);display:flex;flex-direction:column;overflow:hidden;border-radius:30px;background:linear-gradient(180deg,#fff,#f7f7fa);border:1px solid rgba(91,42,145,.14);box-shadow:0 32px 100px rgba(24,20,36,.26)}.opbot__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:radial-gradient(circle at top right,rgba(91,42,145,.26),transparent 42%),linear-gradient(135deg,#18181f,#252332);color:#fff}.opbot__brand{display:flex;align-items:center;gap:12px}.opbot__avatar{width:42px;height:42px;border-radius:15px;display:flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b2a91,#7b3fd1);box-shadow:0 12px 28px rgba(91,42,145,.32);color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:-.04em!important}.opbot__header strong{display:block;font-size:17px;font-weight:850;letter-spacing:-.025em}.opbot__header span{display:block;margin-top:4px;font-size:12px;color:rgba(255,255,255,.66);font-weight:650;letter-spacing:.08em;text-transform:uppercase}.opbot__close{width:38px;height:38px;border-radius:13px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;font-size:25px;line-height:1;cursor:pointer;transition:background .2s ease}.opbot__close:hover{background:rgba(255,255,255,.16)}.opbot__messages{flex:1;overflow:auto;padding:18px;background:radial-gradient(circle at top left,rgba(91,42,145,.07),transparent 36%),linear-gradient(135deg,#fbfbfd,#f2f1f6)}.opbot__messages::-webkit-scrollbar{width:8px}.opbot__messages::-webkit-scrollbar-thumb{background:rgba(91,42,145,.22);border-radius:99px}.opbot__msg{display:flex;margin-bottom:14px}.opbot__msg--user{justify-content:flex-end}.opbot__bubble{max-width:84%;padding:13px 15px;border-radius:18px;font-size:14px;line-height:1.55;box-shadow:0 10px 26px rgba(24,20,36,.06)}.opbot__msg--bot .opbot__bubble{background:#fff;color:#34343d;border:1px solid rgba(91,42,145,.08);border-top-left-radius:7px}.opbot__msg--user .opbot__bubble{background:linear-gradient(135deg,#5b2a91,#7b3fd1);color:#fff;border-top-right-radius:7px}.opbot__bubble--products{max-width:92%;width:92%}.opbot__section-label{margin-bottom:10px;color:#5b2a91;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.opbot__typing{display:inline-flex;gap:4px}.opbot__typing i{width:6px;height:6px;border-radius:50%;background:#5b2a91;animation:opbotTyping 1s infinite ease-in-out}.opbot__typing i:nth-child(2){animation-delay:.15s}.opbot__typing i:nth-child(3){animation-delay:.3s}@keyframes opbotTyping{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.opbot__products{display:grid;gap:10px;margin-top:6px}.opbot__product{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:10px;border-radius:17px;background:linear-gradient(180deg,#fff,#faf9fc);border:1px solid rgba(91,42,145,.11);text-decoration:none;color:#202027;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.opbot__product:hover{transform:translateY(-2px);border-color:rgba(91,42,145,.3);box-shadow:0 12px 28px rgba(91,42,145,.10)}.opbot__product img{width:72px;height:72px;border-radius:14px;object-fit:contain;background:#f2f1f6;padding:7px}.opbot__product strong{display:block;font-size:13.5px;line-height:1.25;color:#202027}.opbot__product span{display:block;margin-top:7px;font-size:12px;color:#5b2a91;font-weight:850}.opbot__wa{display:flex;align-items:center;justify-content:center;margin-top:12px;padding:12px 15px;border-radius:999px;background:#25d366;color:#fff!important;text-decoration:none;font-size:13px;font-weight:850;box-shadow:0 14px 28px rgba(37,211,102,.22)}.opbot__chips{display:flex;gap:8px;padding:12px 14px;background:#fff;border-top:1px solid rgba(91,42,145,.08);overflow:auto}.opbot__chips button{flex:0 0 auto;border:1px solid rgba(91,42,145,.14);background:#f7f6fa;color:#5b2a91;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:850;cursor:pointer;transition:background .2s ease,border-color .2s ease}.opbot__chips button:hover{background:rgba(91,42,145,.08);border-color:rgba(91,42,145,.25)}.opbot__form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;background:#fff;border-top:1px solid rgba(91,42,145,.08)}.opbot__hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.opbot__form input:not(.opbot__hp){height:48px;border-radius:999px;border:1px solid rgba(91,42,145,.16);padding:0 16px;outline:none;font-size:14px;background:#fbfbfd;min-width:0}.opbot__form input:focus{border-color:rgba(91,42,145,.42);box-shadow:0 0 0 4px rgba(91,42,145,.08)}.opbot__form button{height:48px;border:0;border-radius:999px;padding:0 18px;background:linear-gradient(135deg,#5b2a91,#7b3fd1);color:#fff;font-weight:850;cursor:pointer}.opbot__form button:disabled,.opbot__form input:disabled{opacity:.65;cursor:not-allowed}@media(max-width:560px){.opbot{right:14px;bottom:14px}.opbot__panel{width:calc(100vw - 28px);height:calc(100vh - 105px);bottom:78px}.opbot__launcher{width:60px;height:60px;border-radius:20px}.opbot__hint{right:72px;width:205px}.opbot__bubble{max-width:88%}.opbot__bubble--products{max-width:96%;width:96%}.opbot__product{grid-template-columns:64px 1fr}.opbot__product img{width:64px;height:64px}.opbot__form{grid-template-columns:1fr}.opbot__form button{width:100%}}


/* 1.1.1 - Message overflow / cut-off fix */
.opbot,
.opbot *,
.opbot *::before,
.opbot *::after{box-sizing:border-box}
.opbot__messages{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important}
.opbot__msg{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex:0 0 auto!important}
.opbot__bubble,
.opbot__bubble--products{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;display:block!important;line-height:1.55!important}
.opbot__bubble p,
.opbot__bubble span:not(.opbot__typing),
.opbot__bubble strong{height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;line-height:inherit!important}
.opbot__products,
.opbot__product{height:auto!important;max-height:none!important;overflow:visible!important}
.opbot__product strong,
.opbot__product span{height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important}
.opbot__panel{isolation:isolate}
@media(max-width:560px){.opbot__panel{max-height:calc(100dvh - 105px)!important}.opbot__messages{padding-bottom:18px!important}.opbot__bubble{font-size:14.5px!important;line-height:1.55!important}}


/* 1.1.2 - OnPro AI Bot frontend polish + robust text wrapping */
.opbot__header strong{font-size:16.5px!important;white-space:normal!important;line-height:1.15!important}
.opbot__bubble{width:auto!important;min-width:0!important;max-width:86%!important;overflow:visible!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:auto!important}
.opbot__bubble--products{max-width:94%!important;width:94%!important}
.opbot__msg{width:100%!important;min-width:0!important;flex-shrink:0!important}
.opbot__msg--bot{justify-content:flex-start!important}.opbot__msg--user{justify-content:flex-end!important}
.opbot__chips{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}.opbot__chips::-webkit-scrollbar{display:none!important}
.opbot__messages{scrollbar-gutter:stable!important}
.opbot__product{min-width:0!important}.opbot__product > div{min-width:0!important}.opbot__product strong{display:block!important;overflow-wrap:break-word!important}
@media(max-width:560px){.opbot__panel{width:min(420px,calc(100vw - 22px))!important;right:-3px!important}.opbot__bubble{max-width:90%!important}.opbot__bubble--products{max-width:97%!important;width:97%!important}}