/* Ask Rose: compact, readable, keyboard-safe shopping conversation. */
#chatbot { background:#fffdfb; width:min(420px, calc(100vw - 32px)); height:600px; max-height:calc(100dvh - 140px); border:1px solid #ded7d3; border-radius:16px; backdrop-filter:none; }
#chatbot .chatbot-header { background:#291d23 !important; padding:14px 18px; flex-shrink:0; backdrop-filter:none; }
.fab-container.rose-chat-open { visibility:hidden; pointer-events:none; }
#chatbot .chatbot-info span { color:#eee3d3; }
#chatbot .chatbot-close { width:44px; height:44px; font-size:28px; }
#chatbot .chatbot-messages { min-height:0; background:#faf7f5; overscroll-behavior:contain; padding:16px; }
#chatbot .chat-bubble { max-width:95%; border-radius:12px; padding:12px 14px; overflow-wrap:anywhere; white-space:pre-line; }
#chatbot .bot .chat-bubble { background:white; border:1px solid #e8dfdb; box-shadow:none; backdrop-filter:none; }
#chatbot .chat-bubble > a { display:block; margin-top:10px; color:#822b49; text-decoration:underline; font-size:12px; }
#chatbot .chat-chip { min-height:40px; white-space:normal; }
.rose-tools { display:flex; justify-content:space-between; gap:12px; padding:8px 16px; border-bottom:1px solid #e8dfdb; flex-shrink:0; }
.rose-tools button,.rose-tools a { background:none; border:0; color:#762442; font:inherit; font-size:13px; padding:6px 0; cursor:pointer; }
#chatbot .chatbot-input { padding:12px; gap:8px; background:white; flex-shrink:0; }
#chatbot .chatbot-input input { min-width:0; width:0; flex:1; font-size:16px; }
#chatbot .chatbot-input button { flex-shrink:0; width:44px; height:44px; background:#762442; color:white; font-size:20px; }
#chatbot button:disabled { opacity:.5; cursor:wait; }
#chatbot :focus-visible { outline:3px solid #bd9138; outline-offset:2px; }
.rose-disclaimer { margin:0; padding:0 12px 10px; font-size:11px; color:#6e6266; background:white; flex-shrink:0; }
.rose-products { display:grid; gap:10px; margin-top:12px; }
.rose-product { display:flex; align-items:center; gap:10px; color:#291d23; text-decoration:none; border:1px solid #e8dfdb; border-radius:8px; padding:8px; background:#fffcf9; }
.rose-product img { width:54px; height:68px; object-fit:cover; border-radius:5px; flex-shrink:0; }
.rose-product div { min-width:0; flex:1; }
.rose-product strong,.rose-product b,.rose-product div span { display:block; }
.rose-product div span { font-size:11px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rose-product b { font-size:13px; margin-top:4px; }
.rose-product-arrow { flex-shrink:0; }
.rose-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:600px) { #chatbot { left:8px; right:8px; width:auto; max-height:none; border-radius:12px; } }
@media(prefers-reduced-motion:reduce) { #chatbot { animation:none; } }