.chat-page-container{display:flex;flex-direction:column;min-height:100vh;background:#f9fafb}.chat-page-body{display:flex;flex:1;margin-top:80px;position:relative;padding-bottom:100px}.chat-main-content{flex:1;overflow-y:auto;min-height:calc(100vh - 180px)}.chat-page-header{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:50;height:80px;display:flex;align-items:center}.chat-header-container{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:20px}.mobile-menu-btn{display:flex}@media (min-width:768px){.mobile-menu-btn{display:none}}.desktop-back-button{display:none}@media (min-width:768px){.desktop-back-button{display:flex}}.desktop-only{display:none}@media (min-width:768px){.desktop-only{display:block}}.chat-header-search{flex:1;max-width:800px;margin:0}.chat-header-search.expanded{position:fixed;top:0;left:0;right:0;background:#fff;z-index:60;padding:12px 16px}@media (min-width:768px){.chat-header-search.expanded{position:static}}.header-cart-btn.filled{background:#22c55e;color:#fff}.header-cart-btn.filled:hover{background:#16a34a}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40}@media (min-width:768px){.sidebar-overlay{display:none!important}}.chat-sidebar{position:fixed;top:80px;bottom:0;left:0;width:288px;background:#fff;box-shadow:2px 0 8px rgba(0,0,0,.06);z-index:50;display:flex;flex-direction:column;transition:transform .3s ease;transform:translateX(-100%);overflow:hidden}@media (min-width:768px){.chat-sidebar{transform:translateX(0)}}.chat-sidebar.open{transform:translateX(0)}.sidebar-container{flex:1;display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.sidebar-new-chat-btn{width:100%;height:60px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#e5f8f0;border:1px solid #bbf7d0;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.sidebar-new-chat-btn:hover{background:#d1f2e8;border-color:#86efac;transform:translateY(-1px)}.sidebar-robot-icon{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);flex-shrink:0}.btn-text-container{display:flex;flex-direction:column;gap:4px;flex:1}.btn-title{font-size:.875rem;font-weight:500;color:#00b56b}.btn-subtitle{font-size:.75rem;color:#00b56b}.sidebar-content{padding:16px}.sidebar-title{font-size:1rem;font-weight:600;color:#2b2845;margin:0 0 16px;line-height:1.2;text-align:left}.sidebar-categories{flex:1;display:flex;flex-direction:column;gap:8px}.category-item{width:100%;height:63px;background:transparent;border:none;border-radius:10px;display:flex;align-items:center;padding:0 16px;gap:12px;cursor:pointer;transition:all .2s ease;text-align:left}.category-item:hover{background:#f8f9fa;transform:translateY(-1px)}.category-item:active{transform:translateY(0)}.category-item.selected{background:#e5e7eb}.category-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-content{flex:1;display:flex;flex-direction:column;gap:0}.category-name{font-size:.875rem;font-weight:700;color:#666a8f;line-height:1.2;margin:0}.category-description{font-size:.75rem;color:#666b8a;line-height:1.2}.mobile-back-button{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:16px;color:#374151;text-decoration:none;border-radius:8px;transition:background-color .2s}.mobile-back-button:hover{background:#f3f4f6}.mobile-back-icon{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(42%) sepia(8%) saturate(1200%) hue-rotate(200deg) brightness(95%) contrast(90%)}.chat-enable-state{flex:1;background:#f9fafb;margin-left:0;margin-bottom:120px}@media (min-width:768px){.chat-enable-state{margin-left:288px}}.chat-container{flex:1;display:flex;flex-direction:column;padding-top:80px;margin-left:0}@media (min-width:768px){.chat-container{margin-left:288px}}.catalog-section{width:100%;overflow-y:auto;padding-top:32px;padding-left:16px;padding-right:16px;margin-left:0}@media (min-width:768px){.catalog-section{margin-left:288px}}.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:50}.cart-drawer{position:fixed;inset-y:0;right:0;width:100%;background:#fff;box-shadow:-4px 0 6px rgba(0,0,0,.1);z-index:50;display:flex;flex-direction:column;margin-top:80px}@media (min-width:640px){.cart-drawer{width:384px}}.login-overlay,.registration-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5)}.login-content,.registration-content{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px}.product-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:200px;position:relative;border:1px solid #e5e7eb;transition:all .2s ease;overflow:hidden}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.product-image-container{position:relative;width:100%;height:160px;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px 8px 0 0;box-sizing:border-box;margin-bottom:12px}.product-image-container img.product-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:12px;box-sizing:border-box}.product-badge{position:absolute;top:8px;left:8px;background:#ff0036;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;z-index:5}.product-info{padding:0}.product-price{display:flex;align-items:center;gap:8px;margin-bottom:16px}.current-price{font-size:1.25rem;font-weight:700;color:#00b56b}.original-price{font-size:1rem;color:#9ca3af;text-decoration:line-through}.product-name{font-size:1rem;font-weight:600;color:#2b2845;margin:0 0 8px;line-height:1.3}.product-description,.product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{font-size:.875rem;color:#6a6a8a;line-height:1.4;margin:0 0 12px}.quantity-btn{background:#00b56b;color:#fff;border:none;border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:4px;cursor:pointer;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px rgba(0,181,106,.3);transition:all .3s ease;min-width:80px;justify-content:center}.quantity-btn:hover{background:#00a55a;transform:scale(1.05);box-shadow:0 4px 12px rgba(0,181,106,.4);min-width:120px}.quantity-controls{background:#00b56b;border:2px solid #00b56b;border-radius:20px;padding:4px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(0,181,106,.3);animation:expandQuantity .3s ease-out;min-width:120px;justify-content:space-between}.quantity-controls button{background:transparent;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .2s ease;color:#fff;font-weight:700}.quantity-controls button:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.quantity-controls span{color:#fff;font-weight:600;font-size:.875rem;min-width:20px;text-align:center}@keyframes expandQuantity{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.catalog-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}@media (min-width:640px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.chat-input-section{position:fixed;bottom:0;left:0;right:0;z-index:40}@media (min-width:768px){.chat-input-section{left:288px}}.chat-suggestions-container{padding:0 20px 20px;flex-shrink:0;transition:all .3s ease;opacity:1;transform:translateY(0)}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestion-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#374151;text-decoration:none;outline:none}.suggestion-chip:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.chip-icon{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(40%) sepia(8%) saturate(1000%) hue-rotate(200deg) brightness(95%) contrast(85%)}.chat-input-form{background:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px}.chat-input{flex:1;border:none;background:transparent;outline:none;font-size:1rem;color:#374151}.chat-input::-moz-placeholder{color:#9ca3af}.chat-input::placeholder{color:#9ca3af}.chat-input-container{display:flex;align-items:center;gap:12px;max-width:1024px;margin:0 auto}.chat-input-wrapper{flex:1;display:flex;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:9999px;padding:12px 20px}.chat-send-btn{width:48px;height:48px;background:#22c55e;border:none;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;flex-shrink:0}.chat-send-btn:hover{transform:scale(1.05)}@media (max-width:767px){.chat-header-search{display:none}.chat-header-search.expanded{display:block}}