#chatbot-container *,#chatbot-container *::before,#chatbot-container *::after{margin:0;box-sizing:border-box}#chatbot-container{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:inherit}#chatbot-button{width:64px;height:64px;background:linear-gradient(135deg, #f3b33d 0%, #ff6104 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(231,160,67,0.4);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}#chatbot-button::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s}#chatbot-button:hover::before{width:120px;height:120px}#chatbot-button:hover{transform:scale(1.1);box-shadow:0 12px 32px rgba(233,155,54,0.5)}#chatbot-button img{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;position:relative;z-index:1}#chatbot-box{width:420px;height:650px;background:#ffffff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.15);display:none;flex-direction:column;overflow:hidden;animation:slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideUp{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}#chat-header{background:linear-gradient(135deg, #f3b33d 0%, #ff6104 100%);color:white;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.header-content{display:flex;align-items:center;gap:12px}.header-avatar{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}.header-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.header-text h3{font-size:16px;font-weight:600;margin-bottom:2px}.header-text p{font-size:12px;opacity:0.9}#close-chat{cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.2s;font-size:24px;line-height:1}#close-chat:hover{background:rgba(255,255,255,0.2)}#chat-area{flex:1;padding:16px;overflow-y:auto;background:#f6f7fb}#chat-area::-webkit-scrollbar{width:6px}#chat-area::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.message-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-row.user{justify-content:flex-end;padding:10px}.message-row.bot{justify-content:flex-start}.message-avatar{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.message-avatar.bot{flex-shrink:0}.message-avatar.user{background:linear-gradient(135deg, #fff 0%, #fd7e14 100%);color:white;flex-shrink:0}.message-bubble{max-width:82%;padding:14px 16px;border-radius:14px;font-size:14.5px;line-height:1.6;word-wrap:break-word;white-space:pre-line}.message-bubble.user{background:linear-gradient(135deg, #ef9d37 0%, #f5b691 100%);color:white;border-bottom-right-radius:4px;box-shadow:0 2px 8px rgba(102,126,234,0.3)}.message-bubble.bot{background:#ffffff;color:#333;max-width:85%;padding:14px 16px 16px;border-radius:14px;border-top-left-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,0.08);animation:fadeInUp 0.25s ease}.bot-card-wrapper{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;max-width:92%;padding-bottom:15px}.bot-card{background:#ffffff;border-radius:16px;border-top-left-radius:4px;padding:14px 16px 12px;max-width:100%;box-shadow:0 8px 22px rgba(0,0,0,0.08);position:relative;flex:1;min-width:0}.bot-card-header{display:flex;align-items:center;margin-bottom:8px}.bot-card-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;margin-top:4px}.bot-card-content{font-size:14.5px;line-height:1.7;color:#222;padding-right:6px}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}.quick-replies{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0}.qr-btn{background:#f8f9fb;border:1px solid #e2e8f0;padding:9px 16px;border-radius:20px;font-size:13px;cursor:pointer;transition:all 0.2s;color:#4a5568;box-shadow:0 2px 4px rgba(0,0,0,0.05);white-space:nowrap}.qr-btn:hover{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;transform:translateY(-2px);box-shadow:0 4px 8px rgba(102,126,234,0.3)}.products-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;margin-top:12px;width:100%}.product-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.product-image{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;background:#f0f0f0}.product-info{padding:12px}.product-title{font-size:13px;font-weight:600;color:#2d3748;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.product-price{font-size:15px;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.product-desc{font-size:12px;color:#718096;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.buy-btn{display:block;width:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;text-align:center;padding:8px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:600;transition:all 0.2s}.buy-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(102,126,234,0.4)}.products-container.single{grid-template-columns:1fr}.products-container.single .product-card{max-width:100%}.products-container.single .product-image{height:200px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;padding:12px 0}.page-btn{width:36px;height:36px;border-radius:50%;background:white;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;font-size:18px;color:#667eea}.page-btn:hover:not(:disabled){background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-color:transparent;transform:scale(1.1)}.page-btn:disabled{opacity:0.3;cursor:not-allowed}.page-info{font-size:13px;color:#4a5568;font-weight:500}#typing-indicator{display:none;padding:20px 24px;background:#f6f7fb;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,0.08);flex-shrink:0;align-items:center;gap:5px}#typing-indicator span{display:inline-block;width:9px;height:9px;margin:0;background:#f3b33d;border-radius:50%;animation:typing 1.4s infinite}#typing-indicator span:nth-child(2){animation-delay:0.2s}#typing-indicator span:nth-child(3){animation-delay:0.4s}@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.4}30%{transform:translateY(-10px);opacity:1}}#chat-input-area{display:flex;flex-direction:column;padding:16px 20px;background:white;border-top:1px solid #e2e8f0;gap:12px}.input-row{display:flex;gap:12px}.powered-by{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#718096;padding-top:8px}.powered-by img{height:20px;width:auto;-o-object-fit:contain;object-fit:contain}#chat-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:24px;font-size:14px;outline:none;transition:all 0.2s;font-family:inherit}#chat-input:focus{border-color:#fa9e48;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}#send-btn{width:46px;height:46px;border-radius:50%;background:#4da6ff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.25)}#send-btn i{color:white;font-size:22px}#send-btn:hover{background:#1c8cff;transform:scale(1.05)}#send-btn:active{transform:scale(0.95)}@media (max-width: 480px){#chatbot-box{width:calc(100vw - 32px);height:calc(100vh - 100px)}}.product-list-wrapper{display:flex;flex-direction:column;gap:15px}.product-card-modern{background:white;border-radius:14px;padding:12px;width:100%;box-shadow:0 3px 12px rgba(0,0,0,0.12)}.product-img-modern{width:100%;height:200px;border-radius:14px;-o-object-fit:cover;object-fit:cover;background:#eee}.product-info-modern{margin-top:8px}.product-title-modern{font-weight:bold;font-size:16px}.product-price-modern{color:#4b7bec;font-size:15px;font-weight:bold;margin:5px 0}.product-desc-modern{color:#555;font-size:14px}.buy-btn-modern{display:inline-block;margin-top:8px;padding:10px 14px;background:#ff6104;color:white;border-radius:12px;text-decoration:none;font-size:14px}.steps-container{padding:10px 5px;font-family:Inter, Arial, sans-serif}.step{display:flex;align-items:center;background:#ffffff;border-radius:12px;padding:10px 14px;margin-bottom:10px;box-shadow:0 4px 10px rgba(0,0,0,0.06);border-left:5px solid #6c63ff;opacity:0;transform:translateY(10px)}.step-number{font-size:20px;margin-right:12px}.step-text{font-size:15px;color:#444}.foot-note{background:#eef3ff;border-left-color:#4e8cff;text-align:center;font-size:14px;padding:12px}.fade-in{animation:fadeInMove 0.6s forwards ease-out}.fade-in.delay-1{animation-delay:0.1s}.fade-in.delay-2{animation-delay:0.2s}.fade-in.delay-3{animation-delay:0.3s}.fade-in.delay-4{animation-delay:0.4s}.fade-in.delay-5{animation-delay:0.5s}.fade-in.delay-6{animation-delay:0.6s}.fade-in.delay-7{animation-delay:0.7s}.fade-in.delay-8{animation-delay:0.8s}@keyframes fadeInMove{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}.qty-wrapper{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}.qty-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f1f1f1;font-size:18px;cursor:pointer}.qty-btn:hover{background:#ddd}.qty-value{min-width:24px;text-align:center;font-weight:bold}.bot-product-list{padding-left:18px;margin-top:10px}.bot-product-list li{margin-bottom:12px;font-size:14.5px;line-height:1.6}.product-link{color:#1a73e8;text-decoration:underline;font-weight:500}.product-price{color:#111;font-weight:600}.product-short-desc{color:#444;margin-top:4px}.bot-desc-toggle{display:inline;color:#1a73e8;cursor:pointer;font-size:13px;font-weight:500;text-decoration:none}.bot-desc-toggle:hover,.bot-desc-toggle:focus-visible{text-decoration:underline}