:root{--color-primary: #533016;--color-prim2:rgb(48, 28, 12);--color-secondary: #cebe66;--color-text-dark: #333333;--color-text-light: #666666;--color-background: #F8F8F8;--color-border: #D3D3D3;--color-navbar-bg: #FFFFFF;--font-primary: "Helvetica Neue", Helvetica, Arial, sans-serif;--space-sm: 8px;--space-md: 16px;--space-lg: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);line-height:1.5;color:var(--color-text-dark);background-color:var(--color-background)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}#root{width:100%;min-height:100vh}@media (max-width: 799px){html{font-size:13px}body{line-height:1.4;overflow-x:hidden;max-width:100vw;font-size:.9em}p{margin:.5em 0;word-break:break-word}h1,h2,h3,h4,h5,h6{margin:.5em 0 .25em;word-break:break-word}button,input,select,textarea{font-size:inherit}img{max-width:100%;height:auto;display:block}a{font-size:.9em}}@media (max-width: 799px){h1{font-size:1.8em!important}h2{font-size:1.4em!important}h3{font-size:1.1em!important}p{font-size:.95em!important}[class*=container],[class*=content],[class*=wrapper]{max-width:100%!important;padding:20px!important}[class*=grid]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:20px!important}[class*=flex],.navbar-left{gap:15px!important}.navbar-right{gap:8px!important}.navbar-hamburger{display:block!important}.navbar-left{display:none!important}.navbar-right{position:fixed!important;top:70px!important;left:0!important;right:0!important;flex-direction:column!important;gap:0!important;max-height:0;overflow:hidden;background:var(--color-navbar-bg);border-bottom:1px solid var(--color-primary)}.navbar-right.mobile-open{max-height:500px!important}aside,[class*=sidebar]{width:100%!important;padding-right:0!important;border-right:none!important;border-bottom:2px solid #E0E0E0;padding-bottom:20px}.cart-content,.checkout-content{grid-template-columns:1fr!important;gap:20px!important}.cart-summary-section,.checkout-summary,[class*=sticky]{position:static!important}button,[class*=btn]{padding:10px 15px!important;font-size:.9em!important}input,textarea,select{width:100%!important;font-size:16px!important;border-radius:6px!important;margin-bottom:10px!important}.cart-items-section,.checkout-section,[class*=card],[class*=section],[class*=summary]{padding:15px!important;border-radius:8px!important;margin-bottom:15px!important}[class*=hero]{height:60vh!important;min-height:300px}[class*=hero] h1{font-size:2em!important}img{max-width:100%!important;height:auto!important}.cart-item,.cart-item-row{grid-template-columns:1fr!important;gap:12px!important;padding:12px 0!important}.cart-item-actions{flex-direction:column!important;width:100%!important}.item-total{width:100%!important;text-align:center!important}.checkout-step{padding:12px!important}.checkout-step-circle{width:35px!important;height:35px!important;font-size:14px!important}.checkout-step-label{display:none!important}[class*=filter]{flex-direction:column!important;gap:10px!important}[class*=filter-button],[class*=tag-button]{padding:6px 10px!important;font-size:.8em!important}.toast-container{bottom:10px!important;left:10px!important;right:10px!important;max-width:calc(100% - 20px)!important}.toast{width:100%!important;padding:12px!important}[class*=product-card],[class*=product-item]{padding:12px!important}[class*=product-image]{max-height:250px!important}.profile-nav{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-nav ul{display:flex!important;gap:0}.profile-nav li{padding:10px 12px!important;font-size:.85em!important;white-space:nowrap;flex-shrink:0}[class*=data-row],[class*=summary-row]{flex-direction:column!important;gap:5px!important;font-size:.85em!important}section,article{margin-bottom:20px!important}.chat-widget{bottom:70px!important;right:10px!important}.chat-toggle-btn{width:50px!important;height:50px!important;font-size:24px!important}.chat-widget.open{position:fixed!important;bottom:0!important;right:0!important;left:0!important;width:100%!important;max-width:100%!important;max-height:85vh!important;border-radius:16px 16px 0 0!important;margin:0!important}.chat-content{height:max(85vh,400px)!important;border-radius:16px 16px 0 0!important}.chat-header{padding:12px 16px!important}.chat-header h3{font-size:14px!important}.chat-close{width:28px!important;height:28px!important;font-size:16px!important}.chat-messages{padding:12px!important;gap:10px!important}.message p{max-width:90%!important;font-size:13px!important;padding:10px 12px!important}.message-time{font-size:11px!important;padding:0 6px!important}.chat-input-area{padding:10px!important;gap:6px!important}.chat-input{font-size:13px!important;padding:8px 12px!important;border-radius:18px!important}.chat-send-btn{width:36px!important;height:36px!important;font-size:16px!important;flex-shrink:0!important}.typing-indicator span{width:6px!important;height:6px!important}.escalate-buttons{gap:8px!important;margin-top:10px!important;flex-wrap:wrap!important}}@media (min-width: 800px){.navbar-hamburger{display:none!important}.navbar-left{display:flex!important}.navbar-right{position:static!important;flex-direction:row!important}}button,[class*=btn],a[class*=btn]{font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;border:none;font-weight:600;text-decoration:none}.btn-primary,.btn-checkout,.btn-place-order,.btn-checkout-next{padding:14px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-prim2) 100%);color:#fff;border-radius:8px;font-size:1em;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #53301633}.btn-primary:hover:not(:disabled),.btn-checkout:hover:not(:disabled),.btn-place-order:hover:not(:disabled),.btn-checkout-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #5330164d}.btn-primary:active:not(:disabled),.btn-checkout:active:not(:disabled),.btn-place-order:active:not(:disabled),.btn-checkout-next:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled,.btn-checkout:disabled,.btn-place-order:disabled,.btn-checkout-next:disabled{opacity:.6;cursor:not-allowed}.btn-continue-shopping,.btn-checkout-back,.btn-return-shop{padding:14px 24px;background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:8px;font-size:1em;text-transform:uppercase;letter-spacing:.5px;margin-top:10px}.btn-continue-shopping:hover:not(:disabled),.btn-checkout-back:hover:not(:disabled),.btn-return-shop:hover:not(:disabled){background-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #53301633}.btn-continue-shopping:active:not(:disabled),.btn-checkout-back:active:not(:disabled),.btn-return-shop:active:not(:disabled){transform:translateY(0)}.btn-continue-shopping:disabled,.btn-checkout-back:disabled,.btn-return-shop:disabled{opacity:.6;cursor:not-allowed}.btn-add-to-cart,.btn-back{padding:12px 20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-prim2) 100%);color:#fff;border-radius:6px;font-size:.95em;font-weight:700;box-shadow:0 3px 10px #53301626}.btn-add-to-cart:hover:not(.disabled),.btn-back:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 16px #53301640}.btn-add-to-cart:active:not(.disabled),.btn-back:active:not(.disabled){transform:translateY(0)}.btn-add-to-cart.disabled,.btn-back.disabled{opacity:.5;cursor:not-allowed}.btn-remove{padding:8px 12px;background-color:transparent;color:var(--color-text-light);border:1px solid var(--color-border);border-radius:6px;font-size:1.2em;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;font-weight:600}.btn-remove:hover{background-color:#ffe8e8;border-color:#ff6b6b;color:#ff6b6b;transform:scale(1.1)}.btn-remove:active{transform:scale(.95)}.filter-button,.tag-button,.btn-small{padding:6px 12px;border:1px solid var(--color-border);border-radius:20px;background-color:#fff;color:#666;font-size:.9em;cursor:pointer;transition:all .2s}.filter-button:hover,.tag-button:hover,.btn-small:hover{border-color:var(--color-primary);background-color:#5330161a;color:var(--color-primary)}.filter-button.active,.tag-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-dark)}.btn-icon:hover{background-color:var(--color-secondary);border-color:var(--color-primary);transform:scale(1.05)}.button-group{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}.button-group.vertical{flex-direction:column;width:100%;gap:12px}.button-group.vertical button,.button-group.vertical [class*=btn]{width:100%}button:disabled,[class*=btn]:disabled{opacity:.6;cursor:not-allowed}button:focus,[class*=btn]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn-loading{pointer-events:none;opacity:.8}.btn-loading:after{content:" ...";animation:dots 1.4s infinite}@keyframes dots{0%,20%{content:" ·"}40%{content:" ··"}60%,to{content:" ···"}}@media (max-width: 799px){button,[class*=btn],a[class*=btn]{min-height:44px;font-size:.9em}.btn-primary,.btn-checkout,.btn-place-order,.btn-checkout-next,.btn-continue-shopping,.btn-checkout-back,.btn-return-shop{width:100%;padding:12px 16px;margin-bottom:8px}.button-group{flex-direction:column;gap:8px}.button-group button,.button-group [class*=btn]{width:100%}.btn-add-to-cart,.btn-back{width:100%;padding:12px 16px}.btn-remove{min-width:35px;min-height:35px;padding:6px 8px;font-size:.95em}.filter-button,.tag-button,.btn-small{padding:6px 10px;font-size:.8em}.btn-icon{width:36px;height:36px;font-size:16px}}.navbar-hamburger{display:none!important}.navbar-left{display:flex;align-items:center}.navbar-right{display:flex;align-items:center;gap:var(--space-md)}.navbar-right a,.navbar-right button{font-size:.95em;padding:8px 14px}@media (max-width: 799px){.navbar-left{display:none!important}.navbar-hamburger{display:block!important;z-index:1001;background:none;border:none;cursor:pointer;font-size:24px}.navbar-right{position:fixed!important;top:70px!important;left:0!important;right:0!important;background:var(--color-navbar-bg);flex-direction:column!important;gap:0!important;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease;border-bottom:1px solid var(--color-primary);box-shadow:0 2px 5px #0000001a;z-index:1000}.navbar-right.mobile-open{max-height:500px!important;padding:10px 0}.navbar-right a,.navbar-right button{width:100%;text-align:left;padding:12px 16px;margin:0!important;border-radius:0;border-bottom:1px solid #f0f0f0;display:block;font-size:.9em}.navbar-right a:last-child,.navbar-right button:last-child{border-bottom:none}.navbar-right a:hover,.navbar-right button:hover{background-color:#f5f5f5}.navbar-right button{justify-content:flex-start;flex-direction:row;background:none;border:none;cursor:pointer;font-weight:600;font-size:.9em;color:var(--color-text-dark)}.navbar-right a{color:var(--color-text-dark);text-decoration:none}.navbar-right a span{font-size:1em!important}.navbar-right span.welcome-msg{display:block;padding:12px 16px;color:var(--color-primary);font-weight:700;font-size:.85em;border-bottom:1px solid #f0f0f0}.navbar-right a[href="/auth"]{background-color:var(--color-secondary);color:var(--color-text-dark);padding:12px 16px;margin:5px 10px;width:auto;border-radius:6px;text-align:center}}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.chat-toggle-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-prim2) 100%);border:none;color:#fff;font-size:28px;cursor:pointer;box-shadow:0 4px 12px #53301666;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.chat-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #53301699}.chat-toggle-btn:active{transform:scale(.95)}.chat-widget.open{width:400px;max-height:600px;display:flex;flex-direction:column}.chat-widget.closed{width:auto;height:auto}.chat-content{display:flex;flex-direction:column;height:600px;background:#fff;border-radius:12px;box-shadow:0 5px 40px #00000029;overflow:hidden;margin-bottom:10px;animation:chatSlideIn .3s ease-out}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-prim2) 100%);color:#fff;border-bottom:2px solid rgba(0,0,0,.05)}.chat-header h3{margin:0;font-size:18px;font-weight:600}.chat-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-close:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f8f9fa}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#999}.message{display:flex;flex-direction:column;margin:4px 0;animation:messageAppear .3s ease-out}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{align-items:flex-end}.message-bot{align-items:flex-start}.message p{margin:0;padding:12px 16px;border-radius:12px;max-width:80%;word-wrap:break-word;line-height:1.4;font-size:14px}.message-user p{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message-bot p{background:#fff;color:#333;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.message-time{font-size:12px;color:#999;margin-top:4px;margin-right:4px;padding:0 8px}.message-user .message-time{margin-right:0;margin-left:4px}.chat-input-area{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0}.chat-input{flex:1;padding:10px 14px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;outline:none;transition:all .2s;font-family:inherit}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.chat-input::placeholder{color:#999}.chat-send-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px #667eea66}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{display:flex;gap:4px;padding:0;margin:0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#667eea;animation:typing 1.4s infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-link{color:#667eea;text-decoration:none;font-weight:500;border-bottom:1px dashed #667eea;transition:all .2s;pointer-events:all}.chat-link:hover{color:#764ba2;border-bottom-style:solid}.message-bot .chat-link{color:var(--color-primary);border-bottom-color:var(--color-primary)}.message-bot .chat-link:hover{color:var(--color-prim2);border-bottom-color:var(--color-prim2)}.chat-image-wrapper{display:block;margin:8px 0;max-width:100%}.chat-product-image{max-width:180px;max-height:140px;width:auto;height:auto;border-radius:8px;display:block;border:1px solid #e0e0e0}.escalate-buttons{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.escalate-btn{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-prim2) 100%);color:#fff;text-decoration:none;border-radius:20px;font-size:13px;font-weight:500;transition:all .2s}.escalate-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #53301666}@media (max-width: 799px){.chat-widget{bottom:70px;right:10px}.chat-toggle-btn{width:50px;height:50px;font-size:24px}.chat-widget.open{position:fixed;bottom:0;right:0;left:0;width:100%;max-width:100%;max-height:85vh;border-radius:16px 16px 0 0;margin:0}.chat-content{height:max(85vh,400px);border-radius:16px 16px 0 0}.chat-header{padding:12px 16px}.chat-header h3{font-size:14px}.chat-close{width:28px;height:28px;font-size:16px}.chat-messages{padding:12px;gap:10px}.message p{max-width:90%;font-size:13px;padding:10px 12px}.message-time{font-size:11px;padding:0 6px}.chat-input-area{padding:10px;gap:6px}.chat-input{font-size:13px;padding:8px 12px;border-radius:18px}.chat-send-btn{width:36px;height:36px;font-size:16px;flex-shrink:0}.typing-indicator span{width:6px;height:6px}.escalate-buttons{gap:8px;margin-top:10px;flex-wrap:wrap}}.toast-container{position:fixed;bottom:20px;left:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;padding:16px;border-radius:8px;box-shadow:0 4px 12px #0003;min-width:300px;max-width:400px;position:relative;animation:slideIn .3s ease-out;pointer-events:auto;overflow:hidden;background:#fff}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.toast.disappear{animation:slideOut .3s ease-in forwards}.toast-success{border-left:4px solid #2ecc71;background:#f0fff4}.toast-error{border-left:4px solid #e74c3c;background:#fff5f5}.toast-info{border-left:4px solid #3498db;background:#f0f7ff}.toast-warning{border-left:4px solid #f39c12;background:#fffbf0}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0}.toast-success .toast-icon{color:#2ecc71}.toast-error .toast-icon{color:#e74c3c}.toast-info .toast-icon{color:#3498db}.toast-warning .toast-icon{color:#f39c12}.toast-message{margin:0;font-size:14px;color:#333;font-weight:500;line-height:1.4;word-wrap:break-word}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;animation:progressBar 3s linear}.toast-success .toast-progress{background:#2ecc71}.toast-error .toast-progress{background:#e74c3c}.toast-info .toast-progress{background:#3498db}.toast-warning .toast-progress{background:#f39c12}@keyframes progressBar{0%{width:100%}to{width:0%}}@media (max-width: 799px){.toast-container{bottom:10px;left:10px;right:10px;max-width:calc(100% - 20px);width:100%;pointer-events:none}.toast{min-width:auto;max-width:100%;width:100%;padding:12px;border-radius:6px;pointer-events:auto}.toast-content{gap:8px;align-items:flex-start}.toast-icon{font-size:16px;margin-top:2px;flex-shrink:0}.toast-message{font-size:12px;line-height:1.3;word-break:break-word}.toast-progress{height:2px}}