:root{--color-primary: #6B46C1;--color-primary-hover: #7C3AED;--color-primary-dark: #4C1D95;--color-bg-dark: #0a0a0a;--color-bg-card: #1a1a1a;--color-bg-input: #222;--color-bg-hover: #2a2a2a;--color-bg-modal: rgba(0, 0, 0, .8);--color-border: #222;--color-border-light: #333;--color-border-focus: #6B46C1;--color-text: #fff;--color-text-muted: #888;--color-text-secondary: #aaa;--color-text-tertiary: #666;--color-success: #22c55e;--color-success-bg: #224433;--color-error: #ef4444;--color-error-bg: #3a2222;--color-warning: #f59e0b;--color-warning-bg: #3a3322;--color-sold-out: #dc2626;--color-tag-bestseller: #2d7a4f;--color-tag-eta: #5c5c8a;--color-tag-hidden: #8b4513;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 25px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--shadow-glow: 0 0 30px rgba(107, 70, 193, .3);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--gradient-main: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-border: linear-gradient(135deg, rgba(107, 70, 193, .6), rgba(240, 147, 251, .6));--font-xs: .65rem;--font-sm: .75rem;--font-base: .85rem;--font-md: .9rem;--font-lg: 1rem;--font-xl: 1.2rem;--font-2xl: 1.3rem}{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font-family:inherit}#root{min-height:100vh}.menu-container{min-height:100vh;background-color:var(--menu-bg, #000);color:var(--menu-text, #fff);padding:15px;max-width:100%;margin:0 auto;position:relative;overflow-x:hidden;font-family:var(--menu-font, inherit)}.smoke-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.smoke{position:absolute;bottom:-100px;width:150px;height:150px;background:radial-gradient(ellipse at center,rgba(var(--menu-primary-rgb, 138,43,226),.6) 0%,rgba(var(--menu-gradient-2-rgb, 118,75,162),.4) 25%,rgba(var(--menu-gradient-1-rgb, 102,126,234),.15) 50%,transparent 70%);border-radius:50%;filter:blur(30px);opacity:0;animation:smoke-rise 12s infinite ease-out}.smoke-1{left:10%;animation-delay:0s;width:180px;height:180px}.smoke-2{left:30%;animation-delay:3s;width:120px;height:120px}.smoke-3{left:60%;animation-delay:6s;width:200px;height:200px}.smoke-4{left:80%;animation-delay:9s;width:140px;height:140px}@keyframes smoke-rise{0%{transform:translateY(0) scale(.5) rotate(0);opacity:0}10%{opacity:.9}50%{opacity:.5}to{transform:translateY(-120vh) scale(2) rotate(45deg);opacity:0}}.loading{text-align:center;padding:50px;color:var(--menu-muted, #888)}.menu-header{text-align:center;padding:20px 0;border-bottom:1px solid var(--menu-border, #222);margin-bottom:15px;position:relative;z-index:10}.lang-select{position:relative;display:inline-flex;justify-content:center;margin-top:12px}.lang-select-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--menu-card, #1a1a1a);border:1px solid var(--menu-border, #333);color:var(--menu-text, #fff);padding:6px 14px;border-radius:20px;cursor:pointer;font-size:.85rem;transition:all .2s}.lang-select-trigger:hover{border-color:var(--menu-primary, #6B46C1)}.lang-select-code{font-weight:600;font-size:.8rem;letter-spacing:.5px}.lang-select-chevron{font-size:.65rem;opacity:.6}.lang-select-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--menu-card, #1a1a1a);border:1px solid var(--menu-border, #333);border-radius:12px;padding:4px;min-width:160px;max-height:280px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #0006}.lang-select-option{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--menu-text, #fff);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:background .15s;text-align:left}.lang-select-option:hover{background:#ffffff14}.lang-select-option.active{background:rgba(var(--menu-primary-rgb, 107,70,193),.2)}.lang-select-label{flex:1}.lang-select .lang-emoji{font-size:1.1rem;line-height:1}.menu-content{position:relative;z-index:1}.menu-logo{height:160px;width:auto;filter:drop-shadow(0 0 15px rgba(var(--menu-primary-rgb, 138,43,226),.8)) drop-shadow(0 0 30px rgba(var(--menu-primary-rgb, 138,43,226),.6)) drop-shadow(0 0 45px rgba(var(--menu-primary-rgb, 138,43,226),.4));animation:logo-glow 3s ease-in-out infinite alternate}@keyframes logo-glow{0%{filter:drop-shadow(0 0 15px rgba(var(--menu-primary-rgb, 138,43,226),.8)) drop-shadow(0 0 30px rgba(var(--menu-primary-rgb, 138,43,226),.6)) drop-shadow(0 0 45px rgba(var(--menu-primary-rgb, 138,43,226),.4))}to{filter:drop-shadow(0 0 25px rgba(var(--menu-primary-rgb, 138,43,226),1)) drop-shadow(0 0 50px rgba(var(--menu-primary-rgb, 138,43,226),.8)) drop-shadow(0 0 75px rgba(var(--menu-primary-rgb, 138,43,226),.5))}}.menu-subtitle{color:var(--menu-muted, #888);margin-top:5px;font-size:.8rem;text-transform:uppercase;letter-spacing:2px}.menu-tenant-name{font-size:2rem;font-weight:700;margin:0;color:var(--menu-text, #fff)}.section-nav{display:flex;justify-content:center;gap:6px;padding:0 0 15px;margin-bottom:8px;position:relative;z-index:1}.section-btn{background:transparent;border:none;color:var(--menu-muted, #666);padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;position:relative;font-family:inherit}.section-btn:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--menu-gradient-1, #667eea),var(--menu-gradient-2, #764ba2));transition:width .3s ease}.section-btn:hover{color:var(--menu-text, #fff)}.section-btn:hover:after{width:60%}.section-btn.active{color:var(--menu-text, #fff)}.section-btn.active:after{width:100%}.category-nav{position:relative;display:flex;gap:8px;overflow-x:auto;padding:8px 0 15px;margin-bottom:8px;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,black calc(100% - 30px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 30px),transparent 100%)}.category-nav::-webkit-scrollbar{display:none}.category-btn{position:relative;background:var(--menu-bg, #000);border:none;color:var(--menu-muted, #888);padding:8px 16px;border-radius:25px;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-family:inherit}.category-btn:before{content:"";position:absolute;inset:0;border-radius:25px;padding:1px;background:linear-gradient(135deg,var(--menu-gradient-1, #667eea) 0%,var(--menu-gradient-2, #764ba2) 50%,var(--menu-gradient-3, #f093fb) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;transition:opacity .3s ease}.category-btn:hover{color:var(--menu-text, #fff);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--menu-gradient-1-rgb, 102,126,234),.3)}.category-btn:hover:before{opacity:1}.category-btn.active{background:rgba(var(--menu-gradient-2-rgb, 118,75,162),.3);color:var(--menu-text, #fff)}.category-btn.active:before{opacity:1}.subcategory-nav{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px;margin-bottom:8px;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,black calc(100% - 30px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 30px),transparent 100%)}.subcategory-nav::-webkit-scrollbar{display:none}.subcategory-btn{position:relative;background:var(--menu-bg, #000);border:none;color:var(--menu-muted, #666);padding:5px 12px;border-radius:15px;font-size:.7rem;cursor:pointer;white-space:nowrap;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.subcategory-btn:before{content:"";position:absolute;inset:0;border-radius:15px;padding:1px;background:linear-gradient(135deg,var(--menu-gradient-1, #667eea) 0%,var(--menu-gradient-2, #764ba2) 50%,var(--menu-gradient-3, #f093fb) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;transition:opacity .3s ease}.subcategory-btn:hover{color:var(--menu-primary, #a78bfa)}.subcategory-btn:hover:before{opacity:.7}.subcategory-btn.active{background:rgba(var(--menu-gradient-2-rgb, 118,75,162),.3);color:var(--menu-text, #fff)}.subcategory-btn.active:before{opacity:1}.menu-items{display:flex;flex-direction:column;gap:12px}.no-items{text-align:center;color:var(--menu-muted, #666);padding:40px 0}.menu-item{background:var(--menu-card, #1a1a1a);border-radius:12px;position:relative;transition:transform .2s;display:flex;align-items:center;gap:12px;padding:12px}.menu-item:hover{transform:translateY(-2px)}.menu-item.sold-out{opacity:.6}.menu-item.sold-out .item-image,.menu-item.sold-out .item-info{filter:blur(2px)}.menu-item.sold-out .item-image img{filter:grayscale(100%) blur(2px)}.item-image{width:90px;height:90px;min-width:90px;overflow:hidden;background:#111;border-radius:8px;display:flex;align-items:center;justify-content:center}.item-image img{width:100%;height:100%;object-fit:contain;object-position:center}.item-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:auto;padding:0}.item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-right:40px}.item-name{margin:0;font-size:1rem;font-weight:600}.item-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-price-block{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.item-price{color:var(--menu-text, #fff);font-weight:700;font-size:.95rem;white-space:nowrap}.bestseller-tag{position:relative;color:#fff;padding:4px 11px;border-radius:10px;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(90deg,var(--menu-gradient-1, #667eea),var(--menu-gradient-2, #764ba2),var(--menu-gradient-3, #f093fb),var(--menu-gradient-2, #764ba2),var(--menu-gradient-1, #667eea));background-size:400% 100%;animation:shimmer-border 12s ease-in-out infinite}.bestseller-tag:before{content:"";position:absolute;inset:1px;border-radius:9px;background:rgba(var(--menu-gradient-2-rgb, 118,75,162),.5)}.bestseller-tag>span{position:relative;z-index:1}@keyframes shimmer-border{0%{background-position:0% 50%}to{background-position:400% 50%}}.item-extras{color:var(--menu-muted, #888);font-size:.7rem;margin-top:2px}.item-description{color:var(--menu-muted, #888);font-size:.75rem;margin-top:4px;line-height:1.3;padding-right:40px}.sold-out-badge{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:#000000d9;color:var(--menu-muted, #888);padding:6px 12px;border-radius:4px;font-weight:700;font-size:.7rem;letter-spacing:1px;border:1px solid #666;z-index:10}.eta-inline{position:relative;display:inline-flex;align-items:center;gap:3px;background:rgba(var(--menu-gradient-2-rgb, 118,75,162),.3);color:var(--menu-text, #fff);padding:2px 6px;border-radius:8px;font-size:.6rem;font-weight:500;border:1px solid rgba(var(--menu-gradient-2-rgb, 118,75,162),.5);white-space:nowrap;cursor:pointer}.eta-icon{width:10px;height:10px}.eta-inline[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;padding:5px 8px;background:#000000e6;color:#fff;font-size:.65rem;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:20}.eta-inline[data-tooltip]:hover:after,.eta-inline[data-tooltip]:active:after{opacity:1;visibility:visible}.menu-footer{text-align:center;padding:30px 0 15px;color:var(--menu-muted, #444);font-size:.75rem}.menu-footer-address{color:var(--menu-muted, #666);font-size:.8rem;line-height:1.5;white-space:pre-line}.add-to-order{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;color:#ffffff80;font-size:1.8rem;font-weight:300;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-to-order:hover{color:var(--menu-text, #fff);transform:scale(1.2)}.add-to-order:active{transform:scale(.95)}.order-fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--menu-gradient-1, #667eea) 0%,var(--menu-gradient-2, #764ba2) 100%);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(var(--menu-gradient-2-rgb, 118,75,162),.5);z-index:100;transition:all .3s ease}.order-fab:hover{transform:scale(1.1);box-shadow:0 6px 25px rgba(var(--menu-gradient-2-rgb, 118,75,162),.7)}.order-fab svg{width:24px;height:24px}.order-count{position:absolute;top:-4px;right:-4px;background:#fff;color:var(--menu-gradient-2, #764ba2);font-size:.75rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.order-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.order-modal{background:var(--menu-card, #1a1a1a);width:100%;max-width:500px;max-height:70vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.order-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--menu-border, #333)}.order-modal-header h2{margin:0;font-size:1.2rem;color:var(--menu-text, #fff)}.order-modal-hint{margin:4px 0 0;font-size:.75rem;color:var(--menu-muted, #888)}.order-modal-close{background:none;border:none;color:var(--menu-muted, #888);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.order-modal-close:hover{color:var(--menu-text, #fff)}.order-modal-content{flex:1;overflow-y:auto;padding:15px 20px}.order-empty{text-align:center;color:var(--menu-muted, #666);padding:30px 0}.order-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--menu-border, #222);gap:10px}.order-item:last-child{border-bottom:none}.order-item-name{flex:1;color:var(--menu-text, #fff);font-size:.9rem}.order-item-qty{color:var(--menu-primary, #a78bfa);font-weight:600;margin-left:4px}.order-item-price{color:var(--menu-muted, #888);font-size:.85rem;white-space:nowrap}.order-item-remove{background:none;border:none;color:var(--menu-muted, #666);font-size:1.2rem;cursor:pointer;padding:0 5px;line-height:1}.order-item-remove:hover{color:#ff6b6b}.order-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-top:1px solid var(--menu-border, #333);background:var(--menu-border, #222)}.order-clear-btn{background:none;border:1px solid #444;color:var(--menu-muted, #888);padding:8px 14px;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.order-clear-btn:hover{border-color:#ff6b6b;color:#ff6b6b}.order-total-block{display:flex;align-items:center;gap:10px}.order-total-block span{color:var(--menu-muted, #888);font-size:1rem}.order-total{color:var(--menu-text, #fff)!important;font-weight:700;font-size:1.1rem!important}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .2s ease;cursor:pointer}.lightbox-image{max-width:95vw;max-height:95vh;border-radius:4px;display:block;box-shadow:0 0 30px #00000080}