#bhtako-root, #bhtako-root-inline { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.bhtako-button { position: fixed; right: 22px; bottom: 22px; z-index: 999999; border: 0; background: var(--bhtako-primary,#1F4D61); color: #fff; border-radius: 999px; padding: 14px 18px; font-weight: 800; box-shadow: 0 14px 35px rgba(0,0,0,.22); cursor: pointer; display: flex; gap: 9px; align-items: center; }
.bhtako-avatar { width: 34px; height: 34px; min-width: 34px; border-radius: 50%; background: var(--bhtako-accent,#F7C51E); color: var(--bhtako-primary,#1F4D61); display: inline-flex; align-items: center; justify-content: center; font-weight: 900; background-size: cover; background-position: center; }
.bhtako-avatar.has-image { color: transparent; }
.bhtako-panel { position: fixed; right: 22px; bottom: 84px; width: 370px; max-width: calc(100vw - 28px); height: 590px; max-height: calc(100vh - 110px); background: #fff; border-radius: 24px; overflow: hidden; z-index: 999999; box-shadow: 0 22px 70px rgba(0,0,0,.26); display: none; border: 1px solid rgba(31,77,97,.12); }
.bhtako-panel.is-open { display: flex; flex-direction: column; }
.bhtako-header { background: linear-gradient(135deg, var(--bhtako-primary,#1F4D61), #163846); color: #fff; padding: 18px; display: flex; justify-content: space-between; align-items: center; }
.bhtako-head-left { display:flex; align-items:center; gap:11px; min-width:0; }
.bhtako-title { font-size: 18px; font-weight: 900; }
.bhtako-subtitle { font-size: 12px; opacity: .85; margin-top: 3px; }
.bhtako-close { background: rgba(255,255,255,.16); color:#fff; border:0; border-radius: 50%; width: 36px; height:36px; min-width:36px; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; line-height:1; font-size:24px; font-weight:700; }
.bhtako-messages { flex: 1; padding: 16px; overflow-y: auto; background: #f7fafb; }
.bhtako-msg { margin: 0 0 12px; display: flex; }
.bhtako-msg .bhtako-bubble { padding: 11px 13px; border-radius: 18px; max-width: 86%; white-space: pre-wrap; line-height: 1.42; font-size: 14px; }
.bhtako-msg.assistant { justify-content: flex-start; }
.bhtako-msg.assistant .bhtako-bubble { background: #fff; color: #20343d; border-bottom-left-radius: 5px; box-shadow: 0 4px 14px rgba(31,77,97,.08); }
.bhtako-msg.user { justify-content: flex-end; }
.bhtako-msg.user .bhtako-bubble { background: var(--bhtako-primary,#1F4D61); color: #fff; border-bottom-right-radius: 5px; }
.bhtako-typing { font-size: 13px; color: #6e7d84; padding: 0 16px 10px; display:none; background:#f7fafb; }
.bhtako-typing.is-visible { display:block; }
.bhtako-inputbar { padding: 12px; display:flex; gap: 8px; border-top: 1px solid rgba(31,77,97,.12); background:#fff; }
.bhtako-input { flex: 1; resize: none; min-height: 42px; max-height: 90px; border: 1px solid rgba(31,77,97,.18); border-radius: 16px; padding: 11px 12px; outline:none; font: inherit; }
.bhtako-send { border:0; background: var(--bhtako-accent,#F7C51E); color: var(--bhtako-primary,#1F4D61); border-radius: 15px; padding: 0 15px; font-weight: 900; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.bhtako-send:disabled { opacity:.55; cursor:not-allowed; }
.bhtako-proactive { position: fixed; right: 22px; bottom: 84px; max-width: 310px; z-index: 999998; background: #fff; border-radius: 20px; padding: 14px 15px; box-shadow: 0 16px 42px rgba(0,0,0,.18); color:#20343d; display:none; cursor:pointer; border: 1px solid rgba(31,77,97,.12); }
.bhtako-proactive.is-visible { display:block; }
.bhtako-footnote { text-align:center; font-size:11px; color:#7d8b91; padding: 0 10px 9px; background:#fff; }
#bhtako-root-inline .bhtako-button { position: static; display:inline-flex; }
@media (max-width: 600px) { .bhtako-button { right: 14px; bottom: 14px; } .bhtako-panel { right: 0; bottom: 0; width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; } .bhtako-proactive { right: 14px; bottom: 76px; max-width: calc(100vw - 28px); } }
.bhtako-product-row { margin: -2px 0 14px; overflow: visible; }
.bhtako-products { display: grid; grid-auto-flow: column; grid-auto-columns: 138px; gap: 10px; overflow-x: auto; padding: 2px 0 8px; scrollbar-width: thin; }
.bhtako-product-card { text-decoration: none; color: #20343d; background: #fff; border: 1px solid rgba(31,77,97,.12); border-radius: 18px; padding: 9px; box-shadow: 0 6px 18px rgba(31,77,97,.08); display: block; }
.bhtako-product-card:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(31,77,97,.13); }
.bhtako-product-img { width: 100%; aspect-ratio: 1 / 1; border-radius: 14px; background-size: cover; background-position: center; background-color: #f0f4f5; display:flex; align-items:center; justify-content:center; font-weight:900; color: var(--bhtako-primary,#1F4D61); }
.bhtako-product-title { font-size: 12px; line-height: 1.25; font-weight: 800; margin-top: 8px; min-height: 31px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bhtako-product-sku { font-size: 10px; color: #6e7d84; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bhtako-product-btn { display: inline-flex; margin-top: 8px; padding: 6px 10px; border-radius: 999px; background: var(--bhtako-primary,#1F4D61); color: #fff; font-size: 11px; font-weight: 800; }
@media (max-width: 600px) { .bhtako-products { grid-auto-columns: 145px; } }