:root{--pinguin-primary: #0073aa;--pinguin-secondary: #f0f0f0;--pinguin-text: #ffffff}.pinguin-bot-button{position: fixed;z-index: 9999;width: 60px;height: 60px;border-radius: 50%;border: none;cursor: pointer;box-shadow: 0 4px 12px rgba(0,0,0,0.15);transition: transform 0.3s,box-shadow 0.3s;overflow: hidden;padding: 0}.pinguin-bot-button:hover{transform: scale(1.1);box-shadow: 0 6px 20px rgba(0,0,0,0.25)}.pinguin-bot-button img{width: 100%;height: 100%;object-fit: cover;pointer-events: none}.pinguin-bot-chat{position: fixed;width: 380px;max-width: calc(100vw - 40px);height: 600px;max-height: calc(100vh - 140px);background: white;border-radius: 16px;box-shadow: 0 8px 32px rgba(0,0,0,0.2);display: flex;flex-direction: column;z-index: 9998;overflow: hidden;animation: slideUp 0.3s ease-out}@keyframes slideUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.pinguin-bot-header{padding: 16px 20px;display: flex;align-items: center;gap: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.1)}.pinguin-bot-avatar{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;flex-shrink: 0}.pinguin-bot-avatar img{width: 100%;height: 100%;object-fit: cover}.pinguin-bot-info{flex: 1}.pinguin-bot-name{font-weight: 600;font-size: 16px}.pinguin-bot-close{background: transparent;border: none;color: white;font-size: 28px;line-height: 1;width: 32px;height: 32px;cursor: pointer;transition: transform 0.2s,opacity 0.2s;opacity: 0.9}.pinguin-bot-close:hover{opacity: 1;transform: scale(1.1)}.pinguin-bot-messages{flex: 1;padding: 20px;overflow-y: auto;display: flex;flex-direction: column;gap: 12px}.pinguin-bot-messages::-webkit-scrollbar{width: 6px}.pinguin-bot-messages::-webkit-scrollbar-thumb{background: #ccc;border-radius: 3px}.pinguin-bot-message{display: flex;gap: 8px;animation: fadeIn 0.3s}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.bot-message{justify-content: flex-start}.user-message{justify-content: flex-end}.message-content{max-width: 75%;padding: 12px 16px;border-radius: 18px;font-size: 14px;line-height: 1.5;word-wrap: break-word}.bot-message .message-content{background: var(--pinguin-secondary);color: #333;border-bottom-left-radius: 4px}.user-message .message-content{background: var(--pinguin-primary);color: white;border-bottom-right-radius: 4px}.search-result-item{padding: 12px;background: #f9f9f9;border-radius: 12px;margin-bottom: 8px;cursor: pointer;transition: background 0.2s;display: flex;gap: 12px;align-items: center}.search-result-item:hover{background: #f0f0f0}.search-result-item[data-type="category"]{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white;border: 2px solid #5568d3}.search-result-item[data-type="category"]:hover{background: linear-gradient(135deg,#5568d3 0%,#6a3f8f 100%);transform: scale(1.02)}.search-result-item[data-type="category"] .result-title{color: white;font-weight: 600;font-size: 16px}.search-result-item[data-type="category"] .result-count{color: rgba(255,255,255,0.9);font-size: 13px;margin-top: 4px}.result-image{width: 60px;height: 60px;border-radius: 8px;object-fit: cover;flex-shrink: 0}.result-info{flex: 1}.result-title{font-weight: 600;font-size: 14px;margin-bottom: 4px;color: #333}.result-price{color: #0073aa;font-weight: 600;font-size: 13px;margin-bottom: 2px}.result-sku{color: #666;font-size: 12px}.pinguin-bot-input{padding: 16px 20px;border-top: 1px solid #e0e0e0;display: flex;gap: 8px;align-items: center}.pinguin-search-input{flex: 1;padding: 12px 16px;border: 1px solid #e0e0e0;border-radius: 24px;font-size: 14px;outline: none;transition: border-color 0.2s}.pinguin-search-input:focus{border-color: var(--pinguin-primary)}.pinguin-voice-btn,.pinguin-send-btn{width: 44px;height: 44px;border: none;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.2s,box-shadow 0.2s;flex-shrink: 0}.pinguin-voice-btn:hover,.pinguin-send-btn:hover{transform: scale(1.05);box-shadow: 0 4px 12px rgba(0,0,0,0.15)}.pinguin-voice-btn:active,.pinguin-send-btn:active{transform: scale(0.95)}@media (max-width: 768px){.pinguin-bot-chat{width: calc(100vw - 20px);height: calc(100vh - 120px);border-radius: 12px}.pinguin-bot-button{width: 56px;height: 56px}}.pinguin-loading{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #666;animation: loading 1.4s infinite}.pinguin-loading:before,.pinguin-loading:after{content: '';display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #666;animation: loading 1.4s infinite}.pinguin-loading:before{margin-right: 6px;animation-delay: -0.32s}.pinguin-loading:after{margin-left: 6px;animation-delay: 0.32s}@keyframes loading{0%,80%,100%{opacity: 0.3;transform: scale(0.8)}40%{opacity: 1;transform: scale(1)}}.pinguin-view-all-container{padding: 10px 15px;border-top: 1px solid #e0e0e0;background: #f9f9f9}.pinguin-view-all-btn{display: flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 16px;background: #0073aa;color: white !important;text-decoration: none !important;border-radius: 6px;font-weight: 500;transition: all 0.2s;font-size: 14px;width: 100%}.pinguin-view-all-btn:hover{background: #005a87;transform: translateY(-1px);box-shadow: 0 2px 8px rgba(0,115,170,0.3)}.pinguin-view-all-btn svg{flex-shrink: 0}.result-count{font-size: 12px;color: #666;margin-top: 4px}.search-result-item[data-type="category"]{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white;border: 2px solid #667eea;box-shadow: 0 4px 12px rgba(102,126,234,0.3)}.search-result-item[data-type="category"]:hover{background: linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform: translateY(-2px);box-shadow: 0 6px 16px rgba(102,126,234,0.5)}.search-result-item[data-type="category"] .result-title{color: white;font-weight: 600;font-size: 16px}.search-result-item[data-type="category"] .result-count{color: rgba(255,255,255,0.9);font-weight: 500}.search-result-item[data-type="blog_category"]{background: linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color: white;border: 2px solid #f093fb}.search-result-item[data-type="blog_category"]:hover{background: linear-gradient(135deg,#f5576c 0%,#f093fb 100%)}