:root{--border-radius: 22.5px;--chatbox-height: 600px;--chatbox-width: 400px;--chat-color-user: #d3d3d3;--chat-color-bot: #f0f0f0}#chatbot{position:fixed;bottom:30px;right:40px;width:45px;height:45px;border-radius:var(--border-radius);background-color:#fff;box-shadow:0 5px 18px #0003;display:flex;align-items:center;justify-content:center;font-size:30px;cursor:pointer;z-index:99;overflow:hidden;flex-direction:column;opacity:1;transition:all .5s ease,border-radius .3s ease-in-out .5s,width .5s ease-in-out .5s,height .5s ease-in-out}#chatbot.active{height:var(--chatbox-height);width:var(--chatbox-width);padding:0 10px;border:1px solid #ccc;border-radius:var(--border-radius);cursor:auto;pointer-events:auto;transition:all .5s ease,border-radius .3s ease-in-out,height .5s ease-in-out .3s}#chatbot:hover{box-shadow:0 0 12px #0000004d;transform:translateY(-2px)}#chatbot.active:hover{box-shadow:0 0 12px #0000004d;transform:translateY(0);cursor:auto}#chatbot.active a,#chatbot.active button,#chatbot.active input{pointer-events:auto;cursor:pointer}#chatbot.active input{cursor:text}.chat-svg:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBMaWNlbnNlOiBQRC4gTWFkZSBieSBzcG90aHE6IGh0dHBzOi8vZ2l0aHViLmNvbS9zcG90aHEvY3J5cHRvY3VycmVuY3ktaWNvbnMgLS0+CjxzdmcgZmlsbD0icmVkIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0id2hpdGUiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiAzMkM3LjE2MyAzMiAwIDI0LjgzNyAwIDE2UzcuMTYzIDAgMTYgMHMxNiA3LjE2MyAxNiAxNi03LjE2MyAxNi0xNiAxNnptLjI4LTguNjc1YzEuMDI4LjcxMSAyLjMzMiAxLjEzNCAzLjc0NCAxLjEzNC4zNTEgMCAuNjk4LS4wMjYgMS4wMzktLjA3Ny4xMTcuMDQ4LjIzLjEwNy4zNjkuMTg3LjMuMTc2LjcwMS40NDYgMS4yLjgxLjQwOS4yOTkuOTg4LjAxLjk4OC0uNDkzdi0xLjQ2MWMuMjEtLjEzNi40MDgtLjI4My41OTUtLjQ0MkMyNS4zNDUgMjIuMDI1IDI2IDIwLjcxNSAyNiAxOS4zMWMwLS45MjUtLjI4LTEuNzktLjc3Mi0yLjUzN2E3LjkyOSA3LjkyOSAwIDAxLS42MjcgMS41M2MuMTA0LjMyMy4xNTkuNjYuMTU5IDEuMDA3IDAgMS4wMzQtLjQ4OCAyLjAxLTEuMzUyIDIuNzQyYTQuNjc5IDQuNjc5IDAgMDEtLjcxNy40OTkuNjEyLjYxMiAwIDAwLS4zMTEuNTMxdi42MjRjLS41OTMtLjM4LTEtLjU1OS0xLjMxLS41NTlhLjYyNy42MjcgMCAwMC0uMTA0LjAwOSA1LjY5NiA1LjY5NiAwIDAxLTIuNjAyLS4xNyAxMS40NSAxMS40NSAwIDAxLTIuMDgzLjM0em0tNy40NjYtMi45MjJhOS4yNyA5LjI3IDAgMDAxLjA0NC43NjV2Mi40OTJjMCAuNjMuNzI1Ljk5IDEuMjM2LjYxNiAxLjQxLTEuMDMgMi4zOS0xLjYxMiAyLjYzNS0xLjY3LjU2Ni4wOSAxLjE0NC4xMzUgMS43MjguMTM1IDUuMiAwIDkuNDU4LTMuNjA3IDkuNDU4LTguMTIgMC00LjUxNC00LjI1OS04LjEyMS05LjQ1OC04LjEyMVM2IDEwLjEwNyA2IDE0LjYyYzAgMi4yMSAxLjAzIDQuMjcxIDIuODE0IDUuNzgzem00Ljk0OS42NjZjLS41MDMgMC0xLjIzOC4zNTUtMi4zNTQgMS4xMDR2LTEuNDM3YS43NjUuNzY1IDAgMDAtLjM5LS42NjQgNy44MTUgNy44MTUgMCAwMS0xLjE5Ni0uODMzQzguMzcgMTguMDEgNy41NSAxNi4zNjYgNy41NSAxNC42MmMwLTMuNjEgMy41MTYtNi41ODggNy45MDctNi41ODggNC4zOTIgMCA3LjkwNyAyLjk3OCA3LjkwNyA2LjU4OHMtMy41MTUgNi41ODktNy45MDcgNi41ODljLS41MyAwLTEuMDUzLS4wNDQtMS41NjQtLjEzYS43ODQuNzg0IDAgMDAtLjEzLS4wMXptLTIuMzM3LTQuOTE2Yy42ODUgMCAxLjI0LS41NSAxLjI0LTEuMjI2IDAtLjY3Ny0uNTU1LTEuMjI2LTEuMjQtMS4yMjYtLjY4NSAwLTEuMjQuNTQ5LTEuMjQgMS4yMjYgMCAuNjc3LjU1NSAxLjIyNiAxLjI0IDEuMjI2em00LjAzMSAwYy42ODUgMCAxLjI0LS41NSAxLjI0LTEuMjI2IDAtLjY3Ny0uNTU1LTEuMjI2LTEuMjQtMS4yMjYtLjY4NSAwLTEuMjQuNTQ5LTEuMjQgMS4yMjYgMCAuNjc3LjU1NSAxLjIyNiAxLjI0IDEuMjI2em00LjAzMSAwYy42ODUgMCAxLjI0LS41NSAxLjI0LTEuMjI2IDAtLjY3Ny0uNTU1LTEuMjI2LTEuMjQtMS4yMjYtLjY4NSAwLTEuMjQuNTQ5LTEuMjQgMS4yMjYgMCAuNjc3LjU1NSAxLjIyNiAxLjI0IDEuMjI2eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:contain;background-position:center;content:"";position:absolute;inset:0;border-radius:inherit;opacity:1;pointer-events:none;transition:opacity 1s cubic-bezier(1,-.5,.75,.75)}#chatbot.active:before{opacity:0;transition:opacity .15s ease-in}.top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:20px;padding:10px 15px;border-bottom:2px solid #eee;background-color:#fafafa}.top-bar-buttons{display:flex;align-items:center;gap:8px}#send-button{background-color:gray;cursor:not-allowed!important}.top-bar button{background:none;border:none;font-size:24px;line-height:1;width:25px;height:25px;cursor:pointer;transition:opacity .2s ease}body.chatbot-open{overflow:hidden;position:fixed;width:100%;top:0;left:0}.top-bar button:hover{opacity:.7}.top-bar .reset-button{font-size:22px;font-variant-emoji:text;-webkit-font-variant-emoji:text}.top-bar .close-button{vertical-align:text-bottom}#chatbot .text-container{background-color:#fff;opacity:0;transform:translateY(-30px);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}#chatbot.active .text-container{flex:1;padding:15px;opacity:1;transform:translateY(0);overflow-y:auto;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;background-color:#fff;transition:opacity .5s ease .3s,transform .6s cubic-bezier(.34,1.56,.64,1) .3s}#chatbot.active .text-container .message{animation:slideInMessage .3s ease forwards}@keyframes slideInMessage{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message{max-width:80%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.4;word-wrap:break-word}.message.bot{align-self:flex-start;background-color:var(--chat-color-bot)}.message.user{align-self:flex-end;background-color:var(--chat-color-user)}.chat-bar{display:flex;align-items:center;padding:10px 15px;border-top:1px solid #ddd;width:100%;background:#fff}.chat-bar input{cursor:not-allowed!important;flex:1;padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:12px;outline:none}.chat-bar button{margin-left:10px;font-size:16px;background:var(--main-red);color:#fff;border:none;border-radius:12px;padding:8px 12px;cursor:pointer}.message.bot .options{display:flex;flex-wrap:wrap;gap:8px}.message.bot .option-button{background:#fff;border:1px solid #ddd;border-radius:10px;padding:6px 10px;font-size:13px;cursor:pointer}.message.bot .option-button:hover{background:#f7f7f7}.message.bot .option-button.option-with-icon{display:flex;align-items:center;gap:10px;flex:1;padding:8px 12px}.message.bot .option-button .option-icon{width:24px;height:24px;flex-shrink:0;object-fit:contain}.message.bot.question-block{display:flex;flex-direction:column;gap:8px}.question-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}.question-header span{flex:1}.back-arrow{background:none;border:none;color:var(--main-red);font-size:18px;cursor:pointer;padding:0 4px;transition:color .2s ease;font-variant-emoji:text;-webkit-font-variant-emoji:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.back-arrow:hover{color:#c0001d}.message.bot .option-button.selected{background:var(--main-red);border-color:var(--main-red);color:#fff}.question-controls{margin-top:4px;display:flex;justify-content:flex-end;gap:8px}.question-controls .control-button{background:var(--main-red);border:none;color:#fff;border-radius:10px;padding:6px 12px;font-size:13px;cursor:pointer}.question-controls .control-button:disabled{opacity:.4;cursor:not-allowed}.question-controls .skip-button{background:#999}.question-controls .skip-button:hover{background:#777}.question-controls .next-button:hover:not(:disabled){background:#c0001d}.chatbot-product-list{max-width:100%}.chatbot-product-list .product-count{font-weight:600;margin-bottom:8px}.chatbot-product-list ul{max-height:350px;overflow-y:auto;padding:4px;list-style:none;margin:0;display:flex;flex-direction:column;gap:10px}.chatbot-product-list ul::-webkit-scrollbar{width:6px}.chatbot-product-list ul::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chatbot-product-list ul::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.chatbot-product-list ul::-webkit-scrollbar-thumb:hover{background:#555}.chatbot-product-list li{animation:fadeIn .3s ease}.chatbot-product-list .product-card{color:#333;text-decoration:none;display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background-color .2s,border-color .2s;border:1px solid #e5e5e5}.chatbot-product-list .product-card:hover{background-color:#f9f9f9;border-color:#2563eb}.chatbot-product-list .product-image{width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background-color:#fff;display:flex;align-items:center;justify-content:center}.chatbot-product-list .product-image img{width:100%;height:100%;object-fit:cover}.chatbot-product-list .product-text{flex:1;min-width:0}.chatbot-product-list .product-title{font-weight:500;font-size:14px;color:#2563eb;margin-bottom:4px}.chatbot-product-list .product-desc{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-message .results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.results-message .results-header p{font-weight:600;margin:0}.results-message .category-link-wrapper{margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}.results-message .category-link-text{font-size:13px;margin-bottom:6px}.results-message .category-link{color:#2563eb;text-decoration:underline;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){#chatbot{right:10px;bottom:10px;transition:all .7s ease cubic-bezier(.25,1,.5,1)}body.chatbot-open{overflow:auto;position:static}#chatbot.active{right:0;bottom:0;z-index:150;width:100vw;height:100vh;max-width:-webkit-fill-available;max-height:100%;border-radius:0;margin:0;border:none}#chatbot.active .top-bar,#chatbot.active .text-container{border-radius:0}#chatbot.active .chat-bar{border-radius:8px}}@media (max-width: 480px){#chatbot{width:40px;height:40px;font-size:26px}.message{font-size:13px;max-width:85%}.chat-bar input{font-size:13px}.top-bar{font-size:18px}}.footer-chatbot{display:flex;justify-content:center;align-items:center;padding:0;min-width:40px;min-height:40px;border-radius:50%;cursor:pointer;opacity:0;transition:all .3s ease,opacity .4s ease-in-out,transform .3s ease;box-shadow:0 2px 8px #00000026}.footer-chatbot.visible{pointer-events:auto}.footer-chatbot .chatbot-trigger{display:flex;align-items:center;justify-content:center;pointer-events:auto}.footer-chatbot:hover{box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.footer-chatbot .chatbot-trigger{display:flex;align-items:center;gap:12px;color:#fff;font-size:16px;font-weight:600}.footer-chatbot .chatbot-trigger svg{flex-shrink:0}.footer-chatbot.active{background-color:#c0001d}