.chat-launchers { position:fixed; bottom:max(18px,env(safe-area-inset-bottom)); right:18px; z-index:25; display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.chat-launchers a,.chat-launchers button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 18px; border:1px solid var(--gold); border-radius:28px; box-shadow:0 5px 24px #0003; font-size: .9375rem; font-weight:700; }
.whatsapp-chat { background:#146c43; color:white; }
.bot-launcher { background:var(--navy); color:var(--gold-soft); }
body:has(#tea-chat[open]) { overflow:hidden; }
#tea-chat { position:fixed; inset:auto 18px 18px auto; margin:0; padding:0; width:min(420px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 36px); border:1px solid var(--gold); border-radius:14px; background:var(--paper); color:var(--ink); overflow-y:auto; box-shadow:0 16px 60px #0005; }
#tea-chat::backdrop { background:#04101c88; }
.chat-header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:20px; background:var(--navy); color:var(--paper); }
.chat-header h2 { font-size:1.45rem; color:var(--paper); line-height:1.25; }
.chat-header p { font-size:.875rem; margin:6px 0 0; }
.chat-header button { min-height:44px; padding:8px 12px; border:1px solid var(--gold); border-radius:22px; background:transparent; color:white; }
#tea-chat-description { margin:0; padding:14px 20px; font-size:.875rem; line-height:1.5; color:#51483b; }
#tea-chat-log { height: min(260px,30dvh); min-height:110px; overflow-y:auto; padding:0 20px 12px; border-block:1px solid #ded4c5; }
#tea-chat-log p { padding:12px 14px; margin:12px 0 0; border-radius:10px; font-size:1rem; overflow-wrap:anywhere; }
#tea-chat-log strong { display:block; font-size:.875rem; margin-bottom:4px; }
.bot-message { background:#e9e5db; margin-right:16px !important; }
.visitor-message { background:#dcebdc; margin-left:16px !important; }
.chat-suggestions { display:flex; gap:8px; flex-wrap:wrap; padding:12px 20px; }
.chat-suggestions button { min-height:44px; padding:8px 12px; font-size:.875rem; color:var(--ink); background:white; border:1px solid #a8987d; border-radius:22px; }
#tea-chat-form { padding:0 20px 14px; }
#tea-chat-form label { display:block; margin-bottom:6px; font-size:.875rem; }
.chat-input-row { display:flex; gap:8px; }
.chat-input-row input { min-width:0; width:100%; min-height:46px; padding:10px; border:1px solid #a8987d; border-radius:6px; font-size:1rem; }
.chat-input-row button { border:0; border-radius:6px; padding:10px 14px; background:var(--green); color:white; }
.chat-handover { padding:14px 20px; background:#e8eee8; }
.chat-handover a { display:block; color:#104b2e; text-decoration:underline; font-weight:700; font-size:.9375rem; min-height:44px; }
.chat-handover p { margin:0; font-size:.875rem; line-height:1.5; }
footer { padding-bottom:100px; }
.shop-status { bottom:86px; }
@media(max-width:520px) { .chat-launchers { right:12px; bottom:max(12px,env(safe-area-inset-bottom)); } .chat-launchers a,.chat-launchers button { padding:10px 14px; } #tea-chat { right:12px; bottom:12px; max-height:calc(100dvh - 24px); } }