@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap);:root{--bg:#fff;--primary:#ff7a00;--inactive:#e6e6e6;--text:#1b1b1b;--text-secondary:#666;--border:#e0e0e0;--radius:12px;--card-radius:12px;--font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow:0 2px 8px #00000014;--header-height:60px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1b1b1b;font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}.btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:13px;font-weight:600;gap:6px;justify-content:center;overflow:hidden;padding:10px 14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,#f93 100%);box-shadow:0 2px 8px #ff7a0040;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#e66d00,#ff8c1a);box-shadow:0 4px 16px #ff7a0059;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px #ff7a004d;transform:translateY(0)}.btn-primary:disabled{background:var(--inactive);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background-color:#f5f5f5;box-shadow:0 2px 8px #00000014;color:var(--text)}.btn-secondary:hover{background-color:#e0e0e0;transform:translateY(-1px)}.btn-outline{background-color:initial;border:2px solid var(--primary);border-radius:12px;box-shadow:0 2px 8px #ff7a0026;color:var(--primary)}.btn-outline:hover{background-color:var(--primary);box-shadow:0 4px 12px #ff7a004d;color:#fff;transform:translateY(-2px)}.btn-block{margin-bottom:12px;width:100%}.btn-danger{border-color:#dc3545;box-shadow:0 2px 8px #dc354526;color:#dc3545}.btn-danger:hover{background-color:#dc3545;box-shadow:0 4px 12px #dc35454d;color:#fff;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf504d;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#43a047,#5cb860);transform:translateY(-2px)}.btn-sm{border-radius:8px;font-size:12px;padding:6px 10px}.btn-lg{border-radius:12px;font-size:15px;padding:12px 18px}.card{background-color:var(--bg);box-shadow:var(--shadow);overflow:hidden}.card,.card-image{border-radius:var(--card-radius)}.card-image{aspect-ratio:1/1;object-fit:cover;width:100%}.input{background:#fafafa;border:2px solid var(--border);border-radius:12px;color:var(--text);font-family:var(--font-family);font-size:13px;padding:10px 12px;transition:all .2s ease;width:100%}.input:hover{border-color:#999}.input:focus{background:#fff;border-color:var(--primary);outline:none;transform:translateY(-1px)}.input::placeholder{color:var(--text-secondary)}.container{margin:0 auto;max-width:1200px;padding:0 16px}.loading{align-items:center;display:flex;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:4px solid var(--inactive);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.icon{fill:currentColor;height:24px;width:24px}.icon-sm{height:16px;width:16px}.icon-lg{height:32px;width:32px}.badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:4px 8px}.badge-primary{background-color:var(--primary);color:#fff}.badge-secondary{background-color:var(--inactive);color:var(--text)}.divider{background-color:var(--border);height:1px;margin:16px 0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,html{touch-action:manipulation}body{-webkit-touch-callout:none;background-color:var(--bg);color:var(--text);font-family:var(--font-family);margin:0;overflow-x:hidden;padding:0;-webkit-user-select:none;user-select:none}*{touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text}a{color:inherit;text-decoration:none}button{font-family:inherit;touch-action:manipulation}img{-webkit-user-drag:none;display:block;max-width:100%}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.w-full{width:100%}.h-full{height:100%}.header{background-color:#fff;border-bottom:1px solid #c8c8c84d;box-shadow:0 2px 8px #0000001a;height:48px;left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 12px}.header-menu-btn{align-items:center;background:#0000;border:none;color:var(--primary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:opacity .2s}.header-menu-btn:hover{opacity:.8}.header-menu-btn .icon{height:20px;width:20px}.header-title{flex:1 1;text-align:center}.logo-image{height:24px;object-fit:contain;width:auto}.header-actions{align-items:center;display:flex;gap:8px}.header-cart-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:6px;position:relative;transition:all .2s}.header-cart-btn .icon{height:22px;width:22px}.header-cart-btn:hover{background-color:#0000000d;opacity:.8}.cart-badge{background-color:red;border-radius:8px;color:#fff;font-size:9px;font-weight:700;height:15px;justify-content:center;min-width:15px;padding:0 3px;position:absolute;right:0;top:0}.cart-badge,.header-bonus-display{align-items:center;display:flex}.bonus-text{color:var(--primary);font-size:12px;font-weight:600}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:998}.sidebar-backdrop.active{opacity:1;visibility:visible}.sidebar{-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff!important;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;height:100dvh;left:-300px;overflow-y:auto;position:fixed;top:0;transform:translateZ(0);transition:left .3s ease;width:280px;z-index:999}.sidebar.open{left:0}.sidebar-header{background-color:#fff;border-bottom:1px solid #e6e6e6;padding:12px 16px 8px}.sidebar-close-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;float:right;justify-content:center;margin-bottom:16px;padding:6px;transition:background-color .2s,color .2s}.sidebar-close-btn:active,.sidebar-close-btn:hover{background:#f5f5f5;color:#1b1b1b}.sidebar-close-btn svg{height:18px;width:18px}.sidebar-user-info{-webkit-tap-highlight-color:transparent;align-items:center;background-color:initial;border-radius:10px;clear:both;cursor:pointer;display:flex;gap:10px;padding:4px;transition:background-color .2s}.sidebar-user-info:active,.sidebar-user-info:hover{background:#f5f5f5}.sidebar-avatar{flex-shrink:0;height:48px;width:48px}.sidebar-avatar-img{border:2px solid #e6e6e6;border-radius:50%;height:100%;object-fit:cover;width:100%}.sidebar-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#9b59b6,#e91e63,#ba68c8);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.sidebar-user-details{flex:1 1;min-width:0}.sidebar-user-name{color:#1b1b1b;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-phone{color:#666;font-size:12px;margin-top:2px}.sidebar-username{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-content{background-color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.sidebar-nav{background-color:#fff;flex:1 1;padding:8px}.sidebar-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;background-color:initial;border:none;border-radius:10px;color:#1b1b1b;cursor:pointer;display:flex;font-size:14px;gap:10px;margin-bottom:2px;opacity:1!important;padding:10px 12px;text-align:left;transition:background-color .2s;visibility:visible!important;width:100%}.sidebar-nav-item:active,.sidebar-nav-item:hover{background:#f5f5f5;background-color:#f5f5f5}.sidebar-nav-item:active{transform:scale(.98)}.sidebar-nav-item.admin{color:#ff7a00;font-weight:500}.sidebar-nav-icon{stroke:currentColor;color:#1b1b1b;flex-shrink:0;height:20px;width:20px}.sidebar-nav-item span{color:#1b1b1b;opacity:1!important;visibility:visible!important}.sidebar-footer-menu{background-color:#fff;border-top:1px solid #e6e6e6;padding:8px}.sidebar-nav-item.small{color:#666;font-size:13px;justify-content:space-between;padding:8px 12px}.sidebar-nav-item.small span{color:#666}.sidebar-nav-arrow{color:#999;height:16px;width:16px}.sidebar-footer{background:#f8f8f8;border-top:1px solid #e6e6e6;padding:8px}.sidebar-nav-item.city-selector{background:#5b69bc0d;background-color:#5b69bc0d;border:1px solid #5b69bc33;border-radius:8px;margin-bottom:8px;padding:10px 12px}.sidebar-nav-item.city-selector:active,.sidebar-nav-item.city-selector:hover{background:#5b69bc1a;background-color:#5b69bc1a}.city-selector-content{align-items:center;display:flex;flex:1 1;gap:8px}.city-selector-content svg{color:#5b69bc;color:var(--primary,#5b69bc);flex-shrink:0}.city-selector-content span{color:#5b69bc!important;color:var(--primary,#5b69bc)!important;font-weight:500}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.modal-content.city-modal{background:#fff;background-color:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333;font-size:18px;font-weight:600;margin:0}.modal-close{-webkit-tap-highlight-color:transparent;background:none;border-radius:4px;color:#666;padding:4px;transition:background .2s}.modal-close:active,.modal-close:hover{background:#f5f5f5}.modal-body{-webkit-overflow-scrolling:touch;background-color:#fff;overflow-y:auto;padding:16px}.cities-list{display:flex;flex-direction:column;gap:8px}.city-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;background-color:#fff;border:2px solid #e6e6e6;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;text-align:left;transition:all .2s;width:100%}.city-item:active,.city-item:hover{background:#5b69bc05;background-color:#5b69bc05}.city-item.selected,.city-item:active,.city-item:hover{border-color:#5b69bc;border-color:var(--primary,#5b69bc)}.city-item.selected{background:#5b69bc14;background-color:#5b69bc14}.city-item-content{align-items:center;display:flex;gap:12px}.city-item-content svg{color:#5b69bc;color:var(--primary,#5b69bc);flex-shrink:0}.city-name{color:#333;font-size:15px;font-weight:500}.city-item svg:last-child,.city-item.selected .city-name{color:#5b69bc;color:var(--primary,#5b69bc)}@supports (-webkit-touch-callout:none){.sidebar,.sidebar-content,.sidebar-nav{background-color:#fff!important}.sidebar-nav-item{background-color:initial!important}.sidebar-nav-item,.sidebar-nav-item span{color:#1b1b1b!important;opacity:1!important;visibility:visible!important}.sidebar-nav-item.small span{color:#666!important}.sidebar-nav-item:active{background-color:#f5f5f5!important}.sidebar-footer-menu,.sidebar-header{background-color:#fff!important}}@media (prefers-color-scheme:dark){.sidebar{background:#fff!important}.sidebar,.sidebar-header{background-color:#fff!important}.sidebar-header{border-bottom-color:#e6e6e6}.sidebar-footer{background:#f8f8f8!important;border-top-color:#e6e6e6}.sidebar-content,.sidebar-nav{background-color:#fff!important}.sidebar-nav-item,.sidebar-nav-item span{color:#1b1b1b!important}.sidebar-footer-menu{background-color:#fff!important}}.splash-screen{background:#fff;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.splash-content,.splash-screen{align-items:center;display:flex}.splash-content{flex-direction:column;gap:40px}.splash-logo{animation:pulse 2s ease-in-out infinite;height:auto;width:120px}.splash-loader{display:flex;gap:12px}.loader-dot{animation:bounce 1.4s ease-in-out infinite;background:linear-gradient(135deg,#ff7a00,#ff9500);border-radius:50%;height:12px;width:12px}.loader-dot:first-child{animation-delay:0s}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}}.banner-carousel{border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 8px 16px;overflow:hidden;position:relative;width:calc(100% - 16px)}.banner-track{display:flex;transition:transform .5s ease}.banner-item{aspect-ratio:3/1;flex:0 0 100%;position:relative;transition:all .3s ease;width:100%}.banner-item.clickable{cursor:pointer}.banner-item.clickable:hover{transform:scale(1.02)}.banner-item.clickable:active{transform:scale(.98)}.banner-image{display:block;height:100%;object-fit:cover;width:100%}.banner-link-indicator{animation:pulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2196f3e6;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;font-size:14px;padding:6px 10px;position:absolute;right:12px;top:12px}.banner-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#f93 100%);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.banner-link{height:100%;left:0;position:absolute;top:0;width:100%}.banner-dots{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border-radius:12px;bottom:8px;display:flex;gap:6px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);z-index:10}.banner-dot{background-color:#fff9;border:none;border-radius:50%;cursor:pointer;height:6px;padding:0;transition:all .3s ease;width:6px}.banner-dot.active{background-color:var(--primary);border-radius:3px;width:16px}.banner-dot:hover{background-color:#fffc}.category-scroll{background:#fff;margin-left:calc(-50vw + 50%);width:100vw}.search-bar{align-items:center;background:#f8f8f8;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;padding:8px 16px}.search-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-family:var(--font-family);font-size:14px;padding:8px 12px}.search-input:focus{border-color:var(--primary);outline:none}.search-close-btn{background:#0000;border:none;color:#999;cursor:pointer;font-size:18px;padding:4px 8px}.category-scroll-wrapper{-webkit-overflow-scrolling:touch;align-items:center;display:flex;overflow-x:auto;overflow-y:hidden;padding:6px 0;scrollbar-width:none}.category-scroll-wrapper::-webkit-scrollbar{display:none}.search-icon-btn{align-items:center;background:#e8e8e8;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:16px;margin-right:8px;padding:0;transition:all .2s;width:36px}.search-icon-btn svg{stroke:#666;height:18px;width:18px}.search-icon-btn:hover{background:#f0f0f0}.category-scroll-container{display:flex;gap:6px;min-width:-webkit-min-content;min-width:min-content;padding:0 12px}.category-btn{background-color:initial;border:none;border-radius:10px;color:#999;cursor:pointer;flex-shrink:0;font-family:var(--font-family);font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.category-btn:hover{background-color:#f0f0f0}.category-btn.active{background-color:#e8e8e8;color:#000}.category-btn.active:hover{background-color:#d0d0d0}.product-card{align-items:center;background-color:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:row;gap:12px;overflow:visible;padding:10px 8px;position:relative;transition:all .2s}.product-card:after{background:#e6e6e6;bottom:0;content:"";height:1px;left:8px;position:absolute;right:8px}.product-card.last-in-category:after{display:none}.product-card:hover{background-color:#f8f8f8}.product-card:active{background-color:#f0f0f0}.product-image-wrapper{border-radius:10px;flex-shrink:0;height:99px;overflow:hidden;position:relative;width:99px}.product-image{height:100%;object-fit:cover;width:100%}.product-image-placeholder{align-items:center;background-color:var(--inactive);color:var(--text-secondary);display:flex;height:100%;justify-content:center;width:100%}.product-info{cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-width:0}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis}.product-weight{font-weight:500;margin:0 0 4px}.product-description,.product-weight{color:var(--text-secondary);font-size:10px}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:400;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.product-controls{flex-shrink:0}.product-add-btn,.product-controls{align-items:center;display:flex;justify-content:center}.product-add-btn{background:var(--primary);border:none;border-radius:50%;box-shadow:0 2px 6px #ff7a004d;color:#fff;cursor:pointer;height:36px;padding:8px;transition:all .15s;width:36px}.product-price{color:var(--primary);font-size:12px;font-weight:600;margin-top:2px}.product-add-btn .icon{height:14px;width:14px}.product-add-btn:hover{background:#e66d00;box-shadow:0 3px 8px #ff7a0066;transform:scale(1.05)}.product-add-btn:active{transform:scale(.98)}.product-quantity-control{align-items:center;background:#f5f5f5;border-radius:18px;display:flex;gap:8px;height:36px;justify-content:space-between;min-width:90px;padding:6px}.product-quantity-control .quantity-btn{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:50%;box-shadow:0 1px 3px #00000014;color:var(--primary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s ease;width:24px}.product-quantity-control .quantity-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.05)}.product-quantity-control .quantity-btn:active{transform:scale(.95)}.product-quantity-control .quantity-value{color:var(--primary);font-size:12px;font-weight:600;min-width:20px;text-align:center}.modal-overlay{align-items:flex-end;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px 16px 0 0;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px;z-index:10}.modal-close svg{stroke:#fff;height:20px;width:20px}.modal-close:hover{background:#000c}.modal-image-wrapper{aspect-ratio:1/1;background:#f5f5f5;overflow:hidden;width:100%}.modal-image{height:100%;object-fit:cover;width:100%}.modal-image-placeholder{align-items:center;color:#999;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.modal-loading{color:#666;padding:40px;text-align:center}.modal-body{padding:12px}.modal-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.modal-title{color:var(--text);font-size:16px;font-weight:700;margin:0}.modal-weight-inline{color:#999;font-size:12px;font-weight:500}.modal-weight{color:#999;font-size:11px;margin:0 0 8px}.modal-section{margin-bottom:10px}.modal-section-title{color:#999;font-size:11px;font-weight:600;margin:0 0 4px;text-transform:uppercase}.modal-section h3{color:var(--text);font-size:13px;font-weight:600;margin:0 0 4px}.modal-section p{color:#666;font-size:12px;line-height:1.4;margin:0}.modal-price-section{border-top:1px solid #e0e0e0;margin-top:10px;padding:10px 0}.modal-price{color:var(--primary);font-size:20px;font-weight:700}.modal-footer{align-items:center;background:#f8f8f8;display:flex;gap:10px;padding:10px 12px}.modal-quantity-control{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;display:flex;gap:12px;padding:6px 10px}.quantity-btn-modal{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.quantity-btn-modal:disabled{cursor:not-allowed;opacity:.3}.quantity-btn-modal svg{height:20px;width:20px}.quantity-btn-modal:hover:not(:disabled){opacity:.7}.quantity-value-modal{color:var(--text);font-size:16px;font-weight:700;min-width:32px;text-align:center}.btn-add-to-cart-modal{background:linear-gradient(135deg,var(--primary) 0,#f93 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px 20px;transition:all .2s}.btn-add-to-cart-modal:hover{background:linear-gradient(135deg,#e66d00,#ff8c1a);transform:translateY(-1px)}.btn-add-to-cart-modal:active{transform:translateY(0)}.home{background:#fff;min-height:calc(100vh - var(--header-height));padding-bottom:60px}.banner-container{height:90%;overflow:hidden;padding:3px 0}.category-scroll-sticky{background:#fff;box-shadow:0 2px 8px #0000001a;padding:1px 0;position:-webkit-sticky;position:sticky;top:48px;z-index:100}.products-container{background:#fff;padding:0}.category-section{margin-bottom:0}.category-title{background:#fff;color:var(--text);font-size:16px;font-weight:600;margin:0;padding:6px 8px 3px}.phone-required-banner{background-color:#fff3cd;border:2px solid #ffc107;border-radius:var(--card-radius);margin:20px 16px;padding:24px;text-align:center}.phone-required-banner h2{color:var(--text);font-size:20px;margin:0 0 12px}.phone-required-banner p{color:var(--text-secondary);margin:0 0 20px}.products-grid{background:#fff;display:flex;flex-direction:column;gap:0;padding:0}.no-products{background:#fff;color:var(--text-secondary);padding:40px 20px;text-align:center}.search-modal-overlay{animation:fadeIn .2s;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal-content{background:#fff;display:flex;flex-direction:column;height:100%}.search-modal-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-modal-input{border:none;flex:1 1;font-size:16px;outline:none;padding:8px}.search-modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.search-modal-results{flex:1 1;overflow-y:auto;padding:8px}.search-result-item{background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:10px;transition:background .2s}.search-result-item:hover{background:#f8f8f8}.search-result-image{border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.search-result-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.search-result-name{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.search-result-price{color:var(--primary);font-size:16px;font-weight:700}.no-results{color:#999;font-size:14px;padding:40px 20px;text-align:center}.active-orders-container{margin:12px 12px 0;overflow:hidden}.active-orders-scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.active-orders-scroll::-webkit-scrollbar{display:none}.active-orders-scroll.single{overflow-x:visible}.active-orders-scroll.single .active-order-card{flex:1 1;min-width:auto}.active-order-card{background:linear-gradient(135deg,#ff9500d9,#ff6b00d9 50%,#ff4500d9);border-radius:16px;box-shadow:0 4px 15px #ff6b004d;color:#fff;cursor:pointer;flex-basis:calc(100% - 40px);flex-grow:0;flex-shrink:0;min-width:280px;padding:14px 16px;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.active-order-card:active{transform:scale(.98)}.active-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.active-order-status{align-items:center;display:flex;gap:8px}.status-dot{animation:pulse 2s infinite;background:#4ade80;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.status-text{color:#fff;font-size:14px;font-weight:600}.active-order-number{background:#0000;border-radius:0;color:#fff;font-size:13px;font-weight:600;padding:0}.active-order-body{align-items:center;display:flex;justify-content:space-between}.active-order-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.active-order-row{align-items:center;color:#fffffff2;display:flex;font-size:13px;gap:8px}.active-order-row svg{stroke:#ffffffe6;flex-shrink:0}.active-order-row .address-text{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-total-inline{color:#fff;font-weight:700;margin-left:auto}.active-order-action{align-items:center;background:#fff3;border-radius:50%;display:flex;height:36px;justify-content:center;margin-left:12px;width:36px}.active-order-action svg{stroke:#fff}.glass-card{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#ff9500f2,#ff6b00fa 50%,#ff4500f2)!important;border:1px solid #ffffff4d!important;box-shadow:0 8px 32px #00000040,inset 0 1px 0 #ffffff4d!important}.glass-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.glass-modal{animation:slideUp .3s ease;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:420px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.order-modal-close{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.order-modal-close:hover{background:#0003}.order-modal-content{position:relative}.order-modal-header{align-items:center;border-bottom:1px solid #00000014;display:flex;gap:12px;justify-content:space-between;padding:20px 20px 16px}.order-modal-header h2{color:#1a1a1a;font-size:20px;font-weight:700;margin:0}.order-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.order-status-badge.status-new{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.order-status-badge.status-confirmed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.order-status-badge.status-preparing{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.order-status-badge.status-on_route{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.order-status-badge.status-ready_for_pickup{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.order-modal-body{padding:20px}.order-section-title{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.order-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.order-item-row{align-items:center;background:#00000008;border-radius:12px;display:flex;gap:12px;padding:10px}.order-item-image{border-radius:10px;height:50px;object-fit:cover;width:50px}.order-item-details{flex:1 1}.order-item-name{color:#1a1a1a;font-size:14px;font-weight:600;margin-bottom:2px}.order-item-qty{color:#666;font-size:13px}.order-item-total{color:#1a1a1a;font-size:15px;font-weight:700}.order-summary{background:#00000008;border-radius:12px;margin-bottom:20px;padding:16px}.summary-row{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between}.summary-row.bonus span:last-child{color:#10b981;font-weight:600}.summary-row.total{border-top:1px dashed #0000001a;color:#1a1a1a;font-size:18px;font-weight:700;margin-top:8px;padding-top:8px}.order-info-section{display:flex;flex-direction:column;gap:8px}.order-info-row{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:8px 0}.order-info-row:last-child{border-bottom:none}.info-label{color:#666;font-size:13px}.info-value{color:#1a1a1a;font-size:14px;font-weight:600}.app{background-color:var(--bg);display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1 1;margin-top:var(--header-height);padding-bottom:20px}
/*# sourceMappingURL=main.92331d95.css.map*/