/* Existing site's Font Awesome font, scoped to the chat to avoid global icon overrides. */
@font-face { font-family: InttoolsChatIcons; src: url('/catalog/view/theme/default/fonts/fontawesome-ui.woff2') format('woff2'); font-style: normal; font-weight: normal; font-display: swap; }
.inttools-chat .fa { display: inline-block; font-family: InttoolsChatIcons; font-weight: normal; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; }
.inttools-chat .fa-comments::before { content: '\f086'; }
.inttools-chat .fa-minus::before { content: '\f068'; }
.inttools-chat .fa-paper-plane::before { content: '\f1d8'; }
.inttools-chat .fa-envelope-o::before { content: '\f003'; }
.inttools-chat .fa-phone::before { content: '\f095'; }
.inttools-chat { position: fixed; z-index: 99998; bottom: 20px; right: 20px; font-family: 'Open Sans', Arial, sans-serif; color: #26332d; letter-spacing: 0; }
.inttools-chat *, .inttools-chat *::before, .inttools-chat *::after { box-sizing: border-box; letter-spacing: 0; }
.inttools-chat [hidden] { display: none !important; }
.inttools-chat button { font-family: inherit; cursor: pointer; }
.inttools-chat button:disabled { cursor: not-allowed; opacity: .55; }
.inttools-chat a { color: #436f1c !important; text-decoration: underline; }
.inttools-chat__launcher { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; padding: 0; border: 1px solid #62962d; border-radius: 50%; background: #8cce49; color: #223519 !important; box-shadow: 0 4px 18px #0002; font-size: 25px; }
.inttools-chat button:focus-visible, .inttools-chat a:focus-visible, .inttools-chat input:focus-visible, .inttools-chat textarea:focus-visible { outline: 3px solid #326bb3; outline-offset: 3px; }
.inttools-chat__panel { position: absolute; top: auto; left: auto; bottom: 76px; right: 0; width: 392px; height: min(660px, calc(100dvh - 120px)); min-height: 360px; max-width: none; max-height: none; margin: 0; padding: 0; color: inherit; font: inherit; display: flex; flex-direction: column; background: #fff; border: 1px solid #dce5df; border-radius: 8px; box-shadow: 0 12px 42px #142b2626; overflow: hidden; animation: inttools-chat-open .16s ease-out; }
.inttools-chat__header { display: flex; align-items: flex-start; justify-content: space-between; flex: 0 0 auto; gap: 8px; padding: 16px; border-bottom: 1px solid #dce5df; background: #f5f8f5; }
.inttools-chat__brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.inttools-chat__brand h2 { margin: 0 0 5px; font-size: 15px; line-height: 1.4; font-weight: 700; }
.inttools-chat__logo { flex: 0 0 44px; width: 44px !important; height: 44px !important; object-fit: contain; }
.inttools-chat__status { margin: 0; font-size: 12px; line-height: 1.5; color: #617167; }
.inttools-chat__close { width: 30px; height: 30px; flex: 0 0 30px; padding: 0; border: 0; border-radius: 4px; color: #26332d !important; background: transparent; }
.inttools-chat__close:hover { background: #e8eee8; }
.inttools-chat__history { flex: 1 1 0; min-height: 90px; overflow-y: auto; overscroll-behavior: contain; padding: 16px; background: #fff; }
.inttools-chat__welcome h3 { margin: 6px 0 10px; font-size: 18px; font-weight: 700; line-height: 1.4; }
.inttools-chat__welcome p { margin: 0; font-size: 13px; color: #617167; line-height: 1.7; }
.inttools-chat__message { width: fit-content; max-width: 92%; padding: 10px 12px; margin: 0 0 12px; border-radius: 6px; background: #f0f3f5; }
.inttools-chat__message--visitor { margin-left: auto; background: #eaf5df; }
.inttools-chat__author { display: block; margin-bottom: 5px; font-size: 10px; font-weight: 700; color: #617167; }
.inttools-chat__text { margin: 0 !important; color: #26332d; font-size: 13px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.inttools-chat__time { display: block; margin-top: 5px; color: #617167; font-size: 10px; line-height: 1.4; text-align: right; }
.inttools-chat__composer { flex: 0 1 auto; min-height: 84px; overflow-y: auto; margin: 0; padding: 12px 16px; border-top: 1px solid #dce5df; }
.inttools-chat__name-form { margin: 10px 0 0; }
.inttools-chat__name { display: block; width: 100%; height: 38px; border: 1px solid #cbd9cf; border-radius: 4px; font: inherit; font-size: 13px; color: #26332d; background: #fff; padding: 6px 8px; }
.inttools-chat__message--automation { width: 92%; background: #f5f8f5; border-left: 2px solid #8cce49; }
.inttools-chat__name-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.inttools-chat__name-submit, .inttools-chat__name-skip { min-height: 36px; padding: 6px 10px; border-radius: 4px; font-size: 12px; font-weight: 600; }
.inttools-chat__name-submit { border: 1px solid #62962d; background: #8cce49; color: #223519 !important; }
.inttools-chat__name-skip { border: 1px solid #cbd9cf; background: #fff; color: #26332d !important; }
.inttools-chat__compose-row { display: flex; gap: 4px; align-items: flex-end; padding-right: 4px; border: 1px solid #cbd9cf; border-radius: 6px; background: #fafcf9; }
.inttools-chat__compose-row:focus-within { border-color: #62962d; box-shadow: 0 0 0 2px #8cce4933; }
.inttools-chat__input { display: block; flex: 1 1 auto; width: 0; min-width: 0; min-height: 42px; max-height: 132px; height: 42px; margin: 0; resize: none; overflow-y: hidden; padding: 11px 12px; border: 0; border-radius: 6px; color: #26332d; background: transparent; font: inherit; font-size: 13px; line-height: 20px; }
.inttools-chat .inttools-chat__input:focus-visible { outline: none; }
.inttools-chat__input::placeholder { color: #78857c; opacity: 1; }
.inttools-chat__send { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; margin-bottom: 3px; border: 0; background: #8cce49; color: #223519 !important; padding: 0; border-radius: 5px; font-size: 15px; }
.inttools-chat__send:not(:disabled):hover { background: #7fbd3e; }
.inttools-chat__consent { display: flex; gap: 7px; align-items: flex-start; margin: 10px 0 0; font-size: 11px; font-weight: 400; line-height: 1.5; color: #617167; }
.inttools-chat__consent input { appearance: auto; flex: 0 0 14px; width: 14px; height: 14px; margin: 1px 0 0; accent-color: #62962d; }
.inttools-chat__count { display: block; text-align: right; font-size: 10px; color: #617167; }
.inttools-chat__error { margin: 8px 0 0; padding: 8px 10px; border-left: 3px solid #b34238; font-size: 11px; line-height: 1.5; color: #7c2820; background: #fff5f3; }
.inttools-chat__retry, .inttools-chat__more { padding: 7px 12px; border: 1px solid #cbd9cf; border-radius: 4px; color: #26332d !important; background: #f5f8f5; font-size: 12px; margin-top: 8px; }
.inttools-chat__more { margin: 8px 16px 0; flex: 0 0 auto; }
.inttools-chat__alternatives { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 8px; flex: 0 0 auto; padding: 10px 12px; border-top: 1px solid #dce5df; background: #fff; }
.inttools-chat__alternatives-title { grid-column: 1 / -1; color: #617167; text-align: center; font-size: 11px; line-height: 1.4; }
.inttools-chat a.inttools-chat__contact { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; height: 62px; padding: 6px 2px; border: 1px solid #dce5df; border-radius: 4px; background: #f7faf6; color: #26332d !important; text-decoration: none; transition: background .15s ease, border-color .15s ease; }
.inttools-chat a.inttools-chat__contact:hover { background: #eaf5df; border-color: #8cce49; }
.inttools-chat .inttools-chat__contact-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px !important; height: 22px !important; margin: 0; object-fit: contain; font-size: 21px; line-height: 1; color: #436f1c; }
.inttools-chat__contact-label { font-size: 12px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
@keyframes inttools-chat-open { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px), (max-width: 991px) and (max-height: 560px) {
    html.inttools-chat-page-locked { overflow: hidden; overscroll-behavior: none; }
    body.inttools-chat-page-locked { position: fixed; top: var(--inttools-chat-page-top, 0px); left: 0; right: 0; overflow: hidden; overscroll-behavior: none; }
    body.inttools-chat-page-locked.inttools-chat-native-modal { position: static; top: auto; }
    .inttools-chat { --inttools-chat-browser-gap: min(88px, 18svh); bottom: max(12px, env(safe-area-inset-bottom)); right: 12px; }
    .inttools-chat__launcher { width: 52px; height: 52px; font-size: 23px; }
    /* Keep one viewport-fixed container; nested fixed panels can shift in mobile Safari. */
    .inttools-chat.inttools-chat--open { left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); top: calc(var(--inttools-chat-viewport-top, 0px) + max(12px, env(safe-area-inset-top))); bottom: auto; width: auto; height: calc(var(--inttools-chat-viewport-height, 100dvh) - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom), var(--inttools-chat-browser-gap))); }
    /* Keep contacts above browser toolbars even while the JS viewport height is stale. */
    .inttools-chat.inttools-chat--open { max-height: calc(100svh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom), var(--inttools-chat-browser-gap))); }
    .inttools-chat__panel { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; min-height: 0; animation: none; }
    .inttools-chat--native-modal .inttools-chat__panel { position: fixed; inset: auto; left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); top: calc(var(--inttools-chat-viewport-top, 0px) + max(12px, env(safe-area-inset-top))); width: auto; height: calc(min(var(--inttools-chat-viewport-height, 100dvh), 100svh) - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom), var(--inttools-chat-browser-gap))); }
    .inttools-chat__panel::backdrop { background: #142b2640; }
    .inttools-chat--open .inttools-chat__launcher { display: none; }
    .inttools-chat__header { padding: 12px; }
    .inttools-chat__close { width: 44px; height: 44px; flex-basis: 44px; }
    .inttools-chat__composer { padding: 10px 12px; }
    .inttools-chat__name, .inttools-chat__input { font-size: 16px; }
    .inttools-chat__input { line-height: 22px; padding-top: 10px; padding-bottom: 10px; }
    .inttools-chat__history { padding: 12px; -webkit-overflow-scrolling: touch; }
    .inttools-chat--compact .inttools-chat__alternatives-title { display: none; }
    .inttools-chat--compact .inttools-chat__alternatives { padding: 6px 12px; }
    .inttools-chat--compact a.inttools-chat__contact { height: 54px; gap: 3px; }
    /* Safari's floating toolbar can cover content without reducing VisualViewport. */
    .inttools-chat--compact { --inttools-chat-browser-gap: min(60px, 14svh); }
    .inttools-chat--compact .inttools-chat__history { min-height: 0; }
    .inttools-chat--compact .inttools-chat__input { max-height: 70px; }
    .inttools-chat--compact .inttools-chat__header { padding: 8px 12px; }
}
@media (display-mode: standalone), (display-mode: fullscreen) {
    .inttools-chat, .inttools-chat.inttools-chat--compact { --inttools-chat-browser-gap: 12px; }
}
@media (max-width: 991px) and (max-height: 380px) {
    .inttools-chat--compact .inttools-chat__status { display: none; }
}
@media (max-width: 360px) { .inttools-chat__alternatives { gap: 5px; } .inttools-chat__contact-label { font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { .inttools-chat__panel { animation: none; } .inttools-chat a.inttools-chat__contact { transition: none; } }