.chatbot-shell{align-items:stretch;background:#fff;border:1px solid #e6e6f0;border-radius:12px;box-shadow:0 8px 30px rgba(20,20,40,.1);display:flex;gap:0;height:min(80vh,780px);margin:0 auto;max-width:1280px;min-height:520px;overflow:hidden}.chat-sidebar{background:#fff;border-inline-start:1px solid #e6e6f0;display:flex;flex-direction:column;flex-shrink:0;min-height:0;width:320px}.chat-sidebar__header{align-items:center;border-bottom:1px solid #eceaf5;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.chat-sidebar__header h6{color:#222;font-size:.95rem;font-weight:700;margin:0}.chat-sidebar__new{align-items:center;background:var(--color-brand);border:0;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;height:32px;justify-content:center;transition:.15s;width:32px}.chat-sidebar__new:hover:not(:disabled){background:#d6006b}.chat-sidebar__list{flex:1;min-height:0;overflow-y:auto}.chat-sidebar__list::-webkit-scrollbar{width:6px}.chat-sidebar__list::-webkit-scrollbar-thumb{background:#e0deee;border-radius:6px}.chat-sidebar__item{align-items:center;background:transparent;border:0;border-inline-end:3px solid transparent;display:flex;gap:10px;padding:10px 16px;text-align:right;transition:background .12s;width:100%}.chat-sidebar__item:hover{background:#f5f6fa}.chat-sidebar__item.active{background:#ffe6f2;border-inline-end-color:var(--color-brand)}.chat-sidebar__item-avatar{align-items:center;background:linear-gradient(135deg,var(--color-brand) 0,#ff4da6 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;height:40px;justify-content:center;width:40px}.chat-sidebar__item-body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0;text-align:right}.chat-sidebar__item-top{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.chat-sidebar__item-title{color:#222;display:block;font-size:.87rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar__item-time{color:#9a9aa8;flex-shrink:0;font-size:.72rem}.chat-sidebar__item-preview{color:#999;display:block;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar__empty{color:#999;font-size:.85rem;padding:30px 18px;text-align:center}.mobile-list-btn{align-items:center;background:#fff;border:1px solid #e6e6f0;border-radius:50%;color:#555;display:none;flex-shrink:0;font-size:.95rem;height:38px;justify-content:center;width:38px}.chatbot-widget{background:#eef1f6;display:flex;flex:1;flex-direction:column;font-family:inherit;min-width:0}.chatbot-header{background:#fff;border-bottom:1px solid #eceaf5;color:#222;gap:12px;padding:10px 20px}.chatbot-header,.chatbot-header .bot-avatar{align-items:center;display:flex;flex-shrink:0}.chatbot-header .bot-avatar{background:linear-gradient(135deg,var(--color-brand) 0,#ff4da6 100%);border-radius:50%;color:#fff;font-size:18px;height:40px;justify-content:center;width:40px}.chatbot-header h5{color:#222;font-size:.95rem;font-weight:700;margin:0}.chatbot-header small{font-size:.78rem;opacity:.65}.new-chat-btn{align-items:center;background:#fff;border:1px solid #e6e6f0;border-radius:30px;color:#555;display:flex;flex-shrink:0;font-size:.8rem;gap:6px;padding:7px 14px;transition:.15s}.new-chat-btn:hover:not(:disabled){background:#f5f6fa;border-color:var(--color-brand);color:var(--color-brand)}.chatbot-progress{align-items:center;background:#fff;border-bottom:1px solid #eceaf5;display:flex;flex-shrink:0;gap:10px;padding:8px 20px}.chatbot-progress__bar{background:#eee;border-radius:6px;flex:1;height:6px;overflow:hidden}.chatbot-progress__fill{background:linear-gradient(90deg,var(--color-brand) 0,#ff4da6 100%);border-radius:6px;height:100%;transition:width .3s ease}.chatbot-progress__label{color:#888;flex-shrink:0;font-size:.75rem;white-space:nowrap}.chatbot-toolbar{background:#fff;border-bottom:1px solid #eceaf5;display:flex;flex-shrink:0;justify-content:flex-end;padding:8px 20px}.stock-toggle{align-items:center;color:#555;cursor:pointer;display:inline-flex;font-size:.85rem;gap:8px;margin:0;user-select:none}.stock-toggle input{display:none}.stock-toggle__track{background:#e0deee;border-radius:30px;flex-shrink:0;height:22px;position:relative;transition:.2s;width:38px}.stock-toggle__thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);height:18px;position:absolute;right:2px;top:2px;transition:.2s;width:18px}.stock-toggle input:checked~.stock-toggle__track{background:var(--color-brand)}.chatbot-breadcrumb{background:#fff;border-bottom:1px solid #eceaf5;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 20px}.breadcrumb-chip{align-items:center;background:#ffe6f2;border-radius:20px;color:#c2005f;display:inline-flex;font-size:.78rem;gap:6px;padding:4px 10px;white-space:nowrap}.breadcrumb-chip button{background:transparent;border:0;color:inherit;font-size:.7rem;line-height:1;opacity:.7;padding:0}.breadcrumb-chip button:hover:not(:disabled){opacity:1}.breadcrumb-chip .option-count,.chip-btn .option-count{color:#9a9aa8;font-size:.75em;margin-inline-start:2px}.stock-toggle input:checked~.stock-toggle__track .stock-toggle__thumb{transform:translateX(-16px)}.chatbot-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;scroll-behavior:smooth}.chatbot-body::-webkit-scrollbar{width:6px}.chatbot-body::-webkit-scrollbar-thumb{background:#d3d3e6;border-radius:6px}.msg-row{align-items:flex-end;display:flex;gap:8px;margin-bottom:10px}.msg-row.bot{justify-content:flex-start}.msg-row.user{justify-content:flex-end}.msg-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;width:28px}.msg-row.bot .msg-avatar{background:#ffe0ef;color:var(--color-brand)}.msg-row.user .msg-avatar{background:var(--color-brand);color:#fff}.msg-bubble{border-radius:12px;box-shadow:0 1px 1px rgba(0,0,0,.03);font-size:.9rem;line-height:1.6;max-width:62%;padding:8px 14px}.msg-row.bot .msg-bubble{background:#fff;border-bottom-left-radius:3px;color:#333}.msg-row.user .msg-bubble{background:var(--color-brand);border-bottom-right-radius:3px;color:#fff}.msg-error .msg-bubble{background:#fff4f4;border-color:#ffd9d9;color:#c0392b}.msg-answer .msg-text{white-space:pre-line}.chip-group{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px 40px}.chip-btn{align-items:center;background:#fff;border:1px solid #e0deee;border-radius:30px;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:.15s}.chip-btn:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand);transform:translateY(-1px)}.chip-btn:disabled{cursor:not-allowed;opacity:.4}.chip-btn img{height:20px;object-fit:contain;width:20px}.foot-size-card{background:#fff;border:1px dashed #f3b6d4;border-radius:14px;display:flex;flex-direction:column;gap:10px;margin:-8px 0 18px 40px;padding:12px 14px}.foot-size-card__title{color:#555;font-size:.88rem}.foot-size-card__row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.foot-size-card__field{align-items:center;color:#777;display:flex;font-size:.85rem;gap:6px;margin:0}.foot-size-card__field input{border:1px solid #e0deee;border-radius:30px;direction:ltr;outline:none;padding:6px 12px;text-align:center;width:76px}.foot-size-card__field input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(255,0,128,.12)}.foot-size-card__check{align-items:center;cursor:pointer;display:flex;font-size:.85rem;gap:6px;margin:0}.foot-size-card__check input{accent-color:var(--color-brand);height:16px;width:16px}.foot-size-card__submit{background:linear-gradient(135deg,var(--color-brand) 0,#ff4da6 100%);border:0;border-radius:30px;color:#fff;font-size:.85rem;margin-inline-start:auto;padding:7px 16px}.foot-size-card__submit:disabled{opacity:.5}.foot-size-card__error{color:#c0392b;font-size:.8rem}.foot-size-card__links{display:flex;flex-wrap:wrap;gap:6px 16px}.foot-size-card__help.foot-size-card__help--muted{color:#9a9aa8}.foot-size-card__help{background:none;border:0;color:var(--color-brand);font-size:.8rem;padding:0;text-decoration:underline}.chip-swatch{border:1px solid #ddd;border-radius:50%;display:inline-block;height:14px;width:14px}.chip-group [x-cloak]{display:none!important}.chip-btn--more{border-style:dashed;color:var(--color-brand)}.chip-btn--skip{color:#777}.chip-group--swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.chip-btn--swatch{border-radius:14px;flex-direction:column;font-size:.75rem;gap:4px;line-height:1.3;min-width:0;padding:8px 4px;text-align:center}.chip-btn--swatch .chip-swatch{box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);height:28px;width:28px}.chip-btn--swatch .chip-btn__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-btn--swatch .option-count{margin:0}.chip-group--swatches .chip-btn--more,.chip-group--swatches .chip-btn--skip{border-radius:14px;font-size:.75rem;justify-content:center;padding:8px 4px;text-align:center}.typing-dots{display:inline-flex;gap:4px;padding:4px 2px}.typing-dots span{animation:typing-bounce 1.2s ease-in-out infinite;background:#b9b6d6;border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chatbot-footer{align-items:center;background:#fff;border-top:1px solid #eceaf5;display:flex;flex-shrink:0;gap:10px;padding:12px 18px}.chatbot-footer input{border:1px solid #e0deee;border-radius:30px;flex:1;outline:none;padding:10px 18px}.chatbot-footer input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(255,0,128,.12)}.chatbot-footer button.send-btn{align-items:center;background:linear-gradient(135deg,var(--color-brand) 0,#ff4da6 100%);border:0;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.chatbot-footer button.send-btn:disabled{opacity:.5}.products-section .badge{font-weight:500}.skeleton-card{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);background-size:400% 100%;border-radius:8px;height:260px}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:860px){.chatbot-shell{border-radius:16px;height:min(88vh,720px);min-height:0}.chat-sidebar{border-inline-start:0;display:none;width:100%}.chat-sidebar__list{max-height:none}.chatbot-widget{display:none}.chatbot-shell.mobile-show-chat .chatbot-widget,.chatbot-shell.mobile-show-list .chat-sidebar,.mobile-list-btn{display:flex}.foot-size-card{margin-inline:0}.foot-size-card__submit{margin-inline-start:0;width:100%}}