*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f7f8fa;color:#222}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#111827;color:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-weight:700;font-size:1.1rem}.navbar-links{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.navbar-link{cursor:pointer;padding:.4rem .8rem;border-radius:999px;font-size:.95rem;border:1px solid transparent;background:transparent;color:#fff;transition:all .2s ease}.navbar-link.active{background-color:#f97316;border-color:#fb923c;font-weight:600}.navbar-link:not(.active):hover{background-color:#ffffff1a}.main-content{flex:1;padding:1.5rem;max-width:960px;margin:0 auto;width:100%}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 30px #0f172a14}.card h1,.card h2,.card h3{margin-top:0;color:#111827}.card p{line-height:1.6;color:#475569}.card ul,.card ol{color:#475569;line-height:1.8}.product-media{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.product-media>div{flex:1 1 250px}.product-media img,.product-media video{max-width:100%;border-radius:.75rem;background:#e5e7eb}.chatbot-container{position:fixed;bottom:16px;right:16px;z-index:50;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.chatbot-toggle-btn{border-radius:999px;padding:.7rem 1.1rem;background-color:#111827;color:#fff;border:none;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 20px #0f172a33;transition:all .2s ease}.chatbot-toggle-btn:hover{background-color:#1f2937;transform:scale(1.05)}.chatbot-panel{width:320px;height:420px;background:#fff;border-radius:1.1rem;box-shadow:0 18px 40px #0f172a40;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{padding:.75rem 1rem;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between}.chatbot-title{font-size:.95rem;font-weight:600}.chatbot-close-btn{border:none;background:transparent;color:#fff;cursor:pointer;font-size:1.1rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.chatbot-close-btn:hover{background-color:#ffffff1a;border-radius:4px}.chatbot-tabs{display:flex;border-bottom:1px solid #e5e7eb}.chatbot-tab{flex:1;padding:.35rem 0;text-align:center;font-size:.8rem;cursor:pointer;border-bottom:2px solid transparent;background:transparent;border:none;font-weight:500;color:#666;transition:all .2s ease}.chatbot-tab.active{border-color:#f97316;font-weight:700;color:#111827}.chatbot-tab:hover:not(.active){color:#333}.chatbot-quick-questions{padding:.4rem .75rem;display:flex;flex-wrap:wrap;gap:.35rem;background:#f9fafb}.chatbot-quick-question-btn{font-size:.75rem;padding:.25rem .5rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s ease;color:#333}.chatbot-quick-question-btn:hover{background:#e5e7eb;border-color:#d1d5db}.chatbot-messages{flex:1;padding:.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.chat-message{font-size:.8rem;display:flex}.chat-message.user{justify-content:flex-end}.chat-message.user span{display:inline-block;background:#e5e7eb;padding:.35rem .6rem;border-radius:.75rem;max-width:85%;word-wrap:break-word;color:#222}.chat-message.bot{justify-content:flex-start}.chat-message.bot span{display:inline-block;background:#eff6ff;padding:.35rem .6rem;border-radius:.75rem;max-width:85%;word-wrap:break-word;color:#222}.chatbot-input-row{padding:.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.4rem}.chatbot-input-row input{flex:1;border-radius:999px;border:1px solid #e5e7eb;padding:.35rem .6rem;font-size:.8rem;outline:none;transition:border-color .2s ease}.chatbot-input-row input:focus{border-color:#f97316}.chatbot-input-row button{border-radius:999px;border:none;background:#f97316;color:#fff;padding:.35rem .7rem;font-size:.8rem;cursor:pointer;transition:background-color .2s ease;font-weight:600}.chatbot-input-row button:hover:not(:disabled){background:#ea580c}.chatbot-input-row button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.navbar{padding:.5rem 1rem}.navbar-logo{font-size:.95rem}.navbar-link{padding:.3rem .6rem;font-size:.85rem}.main-content,.card{padding:1rem}.chatbot-panel{width:280px;height:380px}.product-media{flex-direction:column}.product-media>div{flex:1 1 100%}}