.cart-drawer-overlay{z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-normal), visibility var(--transition-normal);background-color:#00000080;position:fixed;inset:0}.cart-drawer-overlay.open{opacity:1;visibility:visible}.cart-drawer{background-color:var(--color-background);width:100%;max-width:400px;z-index:var(--z-drawer);transition:transform var(--transition-normal) cubic-bezier(.16, 1, .3, 1);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-5px 0 25px #0000001a}.cart-drawer.open{transform:translate(0)}.cart-drawer-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.cart-drawer-header h2{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin:0}.cart-drawer-close{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);margin:calc(var(--space-2) * -1);transition:color var(--transition-fast);background:0 0;border:none;font-size:20px}.cart-drawer-close:hover{color:var(--color-text-primary)}.cart-drawer-content{background-color:var(--color-background);flex:1;overflow-y:auto}.cart-empty-state{text-align:center;padding:var(--space-12) var(--space-6);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.cart-empty-icon{margin-bottom:var(--space-4);opacity:.5;font-size:48px}.cart-empty-state h3{font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--color-text-primary)}.cart-empty-state p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.cart-item-list{flex-direction:column;display:flex}.cart-drawer-footer{border-top:1px solid var(--color-border);padding:var(--space-6);background-color:var(--color-surface)}.cart-drawer-summary{margin-bottom:var(--space-6);font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);justify-content:space-between;align-items:center;display:flex}.cart-drawer-total{font-size:var(--text-xl);color:var(--color-primary)}.cart-drawer-actions{gap:var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-area-bottom));flex-direction:column;display:flex}.cart-btn-full{justify-content:center;width:100%}@media (max-width:480px){.cart-drawer{max-width:100%}}
.compare-bar{background-color:var(--color-surface);width:100%;z-index:var(--z-sticky);padding:var(--space-4) 0;padding-bottom:calc(var(--space-4) + var(--safe-area-bottom));border-top:2px solid var(--color-primary);animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;box-shadow:0 -4px 12px #0000001a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.compare-bar-inner{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.compare-bar-header{gap:var(--space-2);flex-direction:column;min-width:150px;display:flex}.compare-bar-title{font-weight:600;font-size:var(--text-sm)}.clear-btn{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:left;padding:0}.compare-bar-products{gap:var(--space-4);flex:1;justify-content:center;display:flex}.compare-bar-item{align-items:center;gap:var(--space-3);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);width:200px;display:flex;position:relative}.compare-bar-img{object-fit:contain;border-radius:var(--radius-sm);background-color:#fff;width:48px;height:48px}.compare-bar-info{flex-direction:column;display:flex;overflow:hidden}.compare-bar-name{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.compare-bar-price{font-size:var(--text-xs);color:var(--color-primary);font-weight:600}.compare-bar-remove{background-color:var(--color-danger);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:-8px;right:-8px}.compare-bar-remove:hover{background-color:#8b0000}.empty-slot{color:var(--color-text-secondary);font-size:var(--text-xs);background-color:#0000;border-style:dashed;justify-content:center}.empty-slot-icon{font-size:var(--text-lg);font-weight:300}.compare-bar-actions{align-items:center;gap:var(--space-4);display:flex}.mobile-count{font-size:var(--text-sm);font-weight:600}.btn-compare-go{white-space:nowrap}@media (max-width:768px){.compare-bar{padding:var(--space-3) 0;bottom:60px}.compare-bar-item{width:auto;padding:var(--space-1)}.compare-bar-img{width:40px;height:40px}.compare-bar-remove{top:-5px;right:-5px}}
.chatbot-fab{background:var(--color-primary);color:#fff;cursor:pointer;z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);animation:2s infinite pulse-border;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #1e40af66}@media (max-width:768px){.chatbot-fab{bottom:80px;right:16px}}.chatbot-fab:hover{background:var(--color-primary-dark,#2b4f6b);transform:scale(1.05);box-shadow:0 6px 16px #0003}.chatbot-fab.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.chatbot-window{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);z-index:10000;opacity:0;pointer-events:none;flex-direction:column;width:350px;height:500px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;transform:translateY(20px);box-shadow:0 8px 32px #0000001f}.chatbot-window.open{opacity:1;pointer-events:all;transform:translateY(0)}@media (max-width:480px){.chatbot-window{border:none;border-radius:0;width:100%;height:100%;bottom:0;right:0}}.chatbot-header{background:var(--color-primary);color:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.chatbot-header-info{align-items:center;gap:12px;display:flex}.chatbot-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chatbot-header h3{margin:0;font-size:1rem;font-weight:600}.chatbot-header span{opacity:.8;align-items:center;gap:4px;font-size:.75rem;display:flex}.chatbot-header span:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block}.chatbot-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:4px;transition:opacity .2s}.chatbot-close:hover{opacity:1}.chatbot-messages{background:var(--color-background);flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.chatbot-welcome{text-align:center;color:var(--color-text-secondary);margin-top:20px;margin-bottom:20px;font-size:.9rem}.welcome-icon{color:var(--color-primary);opacity:.5;margin-bottom:12px}.chatbot-message-row{width:100%;display:flex}.chatbot-message-row.user{justify-content:flex-end}.chatbot-message-row.assistant{justify-content:flex-start}.chatbot-message-bubble{border-radius:16px;gap:8px;max-width:85%;padding:12px 16px;font-size:.9rem;line-height:1.5;display:flex}.chatbot-message-row.user .chatbot-message-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chatbot-message-row.assistant .chatbot-message-bubble{color:var(--color-text-primary);border:1px solid var(--color-border);background:#fff;border-bottom-left-radius:4px}.chatbot-message-icon{opacity:.8;flex-shrink:0;margin-top:2px}.chatbot-message-content{word-break:break-word;flex:1}.chatbot-message-content p{margin-top:0;margin-bottom:8px}.chatbot-message-content p:last-child{margin-bottom:0}.chatbot-message-content ul,.chatbot-message-content ol{margin:8px 0;padding-left:20px}.chatbot-quick-actions{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:center;padding:12px 16px;display:flex}.whatsapp-quick-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.whatsapp-quick-btn:hover{background:#128c7e;transform:translateY(-1px)}.chatbot-input-area{background:var(--color-surface);border-top:1px solid var(--color-border);align-items:center;gap:8px;padding:12px 16px;display:flex}.chatbot-input{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-primary);border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:.95rem;transition:border-color .2s}.chatbot-input:focus{border-color:var(--color-primary)}.chatbot-send-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.chatbot-send-btn:disabled{background:var(--color-border);cursor:not-allowed;color:var(--color-text-secondary)}.chatbot-send-btn:not(:disabled):hover{background:var(--color-primary-dark,#2b4f6b)}.typing-indicator{align-items:center;gap:4px;height:20px;display:flex}.typing-indicator span{background:var(--color-text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
.mobile-bottom-nav{background-color:var(--color-background);border-top:1px solid var(--color-border);z-index:1000;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}@media (max-width:768px){.mobile-bottom-nav{display:flex}}.mobile-nav-item{color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;transition:color .2s;display:flex}.mobile-nav-item span{font-size:10px;font-weight:500}.mobile-nav-item:hover,.mobile-nav-item:active,.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-item.active svg{fill:var(--color-primary-light);stroke:var(--color-primary)}