.chatbot-container{font-family:sans-serif}.chatbot-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.chatbot-overlay.open{opacity:1;visibility:visible}@media (min-width: 768px){.chatbot-overlay{background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}}.fab-container{position:fixed;bottom:1.5rem;right:1.5rem;width:4rem;height:4rem;z-index:1000}.fab-button{width:100%;height:100%;background-color:#22c55e;border-radius:9999px;box-shadow:0 25px 50px -12px #00000040;display:flex;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;transition-property:transform,background-color;transition-duration:.2s;transition-timing-function:ease-in-out;position:relative;z-index:10}.fab-button:hover{background-color:#16a34a;transform:scale(1.1)}.fab-badge{position:absolute;top:-.25rem;right:-.25rem;width:1.25rem;height:1.25rem;background-color:#ef4444;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white}.ripple{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#22c55e;animation:ripple-wave 2.5s infinite;opacity:0;z-index:1}.ripple:nth-child(2){animation-delay:.8s}.ripple:nth-child(3){animation-delay:1.6s}@keyframes ripple-wave{0%{transform:scale(1);opacity:.4}to{transform:scale(2.5);opacity:0}}.chat-window{position:fixed;bottom:6rem;right:1rem;width:calc(100% - 2rem);max-width:24rem;height:70vh;max-height:590px;background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;transform-origin:bottom right;z-index:1001}.chat-window.open{animation:slide-up .4s ease-out forwards}.chat-window.closing{animation:shrink-to-fab .4s ease-in forwards}@media (min-width: 640px){.fab-container,.chat-window{right:2rem}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shrink-to-fab{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.chat-header{padding:1rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#22c55e,#16a34a);border-top-left-radius:1rem;border-top-right-radius:1rem;display:flex;align-items:center;justify-content:space-between}.chat-header-info{display:flex;align-items:center;gap:.75rem}.chat-header-icon{width:2rem;height:2rem;border-radius:9999px;background-color:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.chat-header-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:0}.chat-header-subtitle{font-size:.75rem;color:#fffc;margin-top:.125rem}.close-button{background:none;border:none;cursor:pointer;padding:0;color:#fffc;transition:color .15s}.close-button:hover{color:#fff}.close-button svg{display:block}.chat-area{flex:1 1 0%;padding:1rem;overflow-y:auto;background-color:#fff}.message-list{display:flex;flex-direction:column;gap:1rem}.message-wrapper{display:flex;flex-direction:column}.message-bubble{max-width:80%;padding:.75rem;border-radius:1rem;line-height:1.5}.bot-message{background-color:#e5e7eb;color:#1f2937;border-bottom-left-radius:0;align-self:flex-start}.user-message{background-color:#22c55e;color:#fff;border-bottom-right-radius:0;align-self:flex-end}.message-timestamp{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.user-timestamp{text-align:right}.bot-timestamp{text-align:left}.message-title{font-weight:600}.message-subtitle{margin-top:.25rem}.quick-questions{margin-top:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.quick-question-button{background-color:#22c55e;color:#fff;font-size:.875rem;padding:.5rem 1rem;border-radius:9999px;border:none;cursor:pointer;align-self:flex-start;transition:background-color .15s}.quick-question-button:hover{background-color:#16a34a}.store-links-title{margin-top:1rem;font-size:.75rem;font-weight:600;color:#4b5563}.store-links-container{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.store-link{display:flex;align-items:center;gap:.5rem;background-color:#e5e7eb;transition:background-color .15s;color:#1f2937;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;text-decoration:none}.store-link:hover{background-color:#d1d5db}.store-link svg{color:#1f2937}.typing-indicator{display:flex;align-items:center;gap:.375rem;padding:.75rem}.typing-dot{height:.5rem;width:.5rem;background-color:#9ca3af;border-radius:9999px;animation:pulse 1.5s infinite}.typing-dot:nth-child(2){animation-delay:-.15s}.typing-dot:nth-child(3){animation-delay:-.3s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-input-area{padding:.75rem;border-top:1px solid #e5e7eb;background-color:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.chat-input-wrapper{display:flex;align-items:center;background-color:#f3f4f6;border-radius:.75rem;padding:.25rem}.chat-input{width:100%;background-color:transparent;color:#1f2937;border:none;outline:none;padding-left:.75rem;padding-right:.75rem}.chat-input::placeholder{color:#6b7280}.send-button{background-color:#22c55e;transition:background-color .15s;padding:.625rem;border-radius:.75rem;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.send-button:hover{background-color:#16a34a}.send-button:disabled{background-color:#86efac;cursor:not-allowed}.chat-area::-webkit-scrollbar{width:6px}.chat-area::-webkit-scrollbar-track{background:#f1f1f1}.chat-area::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.chat-area::-webkit-scrollbar-thumb:hover{background-color:#555}.chat-area{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}