@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f7f7f7;--bg-tertiary: #efefef;--bg-hover: #e8e8e8;--accent: #111111;--accent-2: #333333;--accent-3: #1f1f1f;--accent-dark: #0a0a0a;--accent-very-dark: #000000;--accent-grad: linear-gradient(135deg, #111111, #333333);--accent-grad-reverse: linear-gradient(135deg, #333333, #111111);--accent-soft: rgba(17, 17, 17, .07);--accent-soft-2: rgba(17, 17, 17, .12);--accent-soft-3: rgba(17, 17, 17, .16);--accent-overlay: rgba(17, 17, 17, .04);--accent-glow-1: rgba(17, 17, 17, .08);--accent-glow-2: rgba(17, 17, 17, .14);--accent-glow-3: rgba(17, 17, 17, .2);--accent-border: rgba(17, 17, 17, .2);--accent-outline: rgba(17, 17, 17, .3);--accent-shadow: rgba(17, 17, 17, .15);--btn-primary-bg: #111111;--btn-primary-hover: #0a0a0a;--btn-primary-text: #ffffff;--text-primary: #0f0f0f;--text-secondary: #555555;--text-muted: #999999;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--border: #e4e4e4;--border-light: #f0f0f0;--shadow: 0 1px 4px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .14);--radius: 10px;--radius-sm: 7px;--radius-lg: 16px;--radius-xl: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Sora,sans-serif;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6}button{cursor:pointer;font-family:inherit;border:none}input,textarea{font-family:inherit;color:var(--text-primary)}img{display:block;object-fit:cover}a{text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}@keyframes shimmer{0%,to{opacity:.55}50%{opacity:.9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes live-bar{0%{left:-40%}to{left:120%}}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary)}.app-main{flex:1}.page{padding:40px 20px;max-width:1400px;margin:0 auto;width:100%}.top-navbar{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);box-shadow:0 1px 0 var(--border-light),0 4px 20px #0000000a}.top-navbar-inner{max-width:1400px;margin:0 auto;padding:0 40px;height:64px;display:flex;align-items:center;gap:20px}.top-navbar-brand{display:flex;align-items:center;gap:9px;background:transparent;border:none;padding:0;cursor:pointer;flex-shrink:0;text-decoration:none}.top-navbar-logo{width:34px;height:34px;object-fit:contain;border-radius:4px;display:block}.top-navbar-brand-name{font-family:Sora,sans-serif;font-size:17px;font-weight:800;color:#111;letter-spacing:-.3px;white-space:nowrap}.top-navbar-location{display:flex;align-items:center;gap:7px;padding:7px 13px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:40px;cursor:pointer;flex:1;max-width:260px;font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s}.top-navbar-location:hover{border-color:var(--accent);background:var(--accent-soft)}.top-navbar-location-icon{font-size:14px;flex-shrink:0}.top-navbar-location-text{overflow:hidden;text-overflow:ellipsis}.top-navbar-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.top-navbar-link{padding:7px 14px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .18s}.top-navbar-link:hover{color:var(--accent);background:var(--accent-soft)}.top-navbar-link--active{color:var(--accent)!important}.top-navbar-link--muted{color:var(--text-muted)}.top-navbar-link--muted:hover{color:var(--danger);background:#dc26260f}.top-navbar-link--login{color:#fff!important;background:var(--accent-grad)!important;border-radius:20px;padding:7px 18px;box-shadow:0 2px 8px #ff572240}.top-navbar-link--login:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ff572259}.top-navbar-cart{position:relative;width:42px;height:42px;border-radius:50%;background:var(--accent-grad);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 3px 12px #ff572247;transition:all .2s;margin-left:8px}.top-navbar-cart:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff572261}.top-navbar-cart:disabled{opacity:.4;background:var(--bg-tertiary);box-shadow:none;cursor:default}.top-navbar-cart-icon{line-height:1}.top-navbar-cart-badge{position:absolute;top:-3px;right:-3px;background:var(--text-primary);color:#fff;border-radius:50%;width:19px;height:19px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white}.menu-home{max-width:1400px;margin:0 auto;padding:48px 40px 80px}.menu-home-title{font-family:Lora,serif;font-size:38px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.menu-home-sub{font-size:16px;color:var(--text-secondary)}.menu-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:stretch;margin-bottom:36px}.menu-hero-left{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:30px 32px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.menu-hero-left:after{content:"";position:absolute;right:-120px;bottom:-120px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow-2),transparent 60%);pointer-events:none}.menu-hero-right{display:flex}.menu-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.menu-hero-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow-2)}.menu-hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.menu-hero-chip{padding:8px 12px;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-secondary)}.menu-hero-card{flex:1;background:linear-gradient(180deg,var(--bg-primary),var(--bg-secondary));border:1px solid var(--border);border-radius:var(--radius-xl);padding:26px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.menu-hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 300px at 80% 0%,var(--accent-glow-3),transparent 60%);pointer-events:none}.menu-hero-card-title{font-size:15px;font-weight:700;color:var(--text-secondary)}.menu-hero-card-count{font-size:22px;font-weight:800;color:var(--text-primary)}.menu-hero-feature{margin-top:auto;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.menu-hero-feature-name{font-size:16px;font-weight:700;color:var(--text-primary)}.menu-hero-feature-price{font-size:14px;font-weight:700;color:var(--accent)}.menu-hero-cta{margin-top:6px;align-self:flex-start;padding:8px 14px;border-radius:999px;background:var(--accent-grad);color:#fff;font-size:12px;font-weight:700;box-shadow:0 6px 16px var(--accent-shadow);transition:transform .18s,box-shadow .18s}.menu-hero-cta:hover{transform:translateY(-1px);box-shadow:0 10px 20px var(--accent-shadow);background:var(--accent-grad-reverse)}.menu-hero-card-footer{font-size:12px;color:var(--text-muted)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.category-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px 22px;background:var(--bg-primary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .22s ease;box-shadow:var(--shadow);font-family:inherit;position:relative;overflow:hidden}.category-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-grad);opacity:0;transition:opacity .22s}.category-tile:hover:after{opacity:.06}.category-tile:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:var(--shadow-md)}.category-tile:active{transform:translateY(-2px)}.category-icon{font-size:42px;line-height:1;display:block;transition:transform .22s}.category-tile:hover .category-icon{transform:scale(1.12)}.category-name{font-size:13px;font-weight:700;color:var(--text-primary);text-align:center;position:relative;z-index:1}.category-tile-skeleton{height:138px;background:var(--bg-tertiary);border-radius:var(--radius-lg);animation:shimmer 1.5s infinite}.menu-section{margin-bottom:48px}.menu-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--border)}.menu-section-icon{font-size:28px;line-height:1}.menu-section-title{font-family:Lora,serif;font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.store-status-banner{padding:12px 20px;font-size:14px;font-weight:600;text-align:center;border-radius:0}.store-status-closed{background:#ef44441f;color:#991b1b;border-bottom:1.5px solid rgba(239,68,68,.25)}.item-card--disabled{cursor:default!important}.item-card--disabled .add-to-cart-btn{background:var(--border)!important;color:var(--text-muted)!important;cursor:default!important}.item-card--disabled .add-to-cart-btn:hover{transform:none!important}.popular-section{margin-bottom:32px}.popular-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:12px}.popular-section-header .menu-section-title{color:#111}.popular-section-count{font-size:12px;font-weight:600;color:#9ca3af}.popular-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 16px 12px}.popular-carousel::-webkit-scrollbar{display:none}.popular-card{flex:0 0 156px;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;background:#fff;border:none;border-radius:16px;overflow:hidden;cursor:pointer;font-family:inherit;text-align:left;box-shadow:0 2px 12px #00000017;transition:transform .18s,box-shadow .18s}.popular-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.popular-card-rank{position:absolute;top:8px;left:8px;z-index:2;background:#0000008c;color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em;border-radius:6px;padding:2px 6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popular-card-img{width:100%;height:118px;object-fit:cover;display:block}.popular-card-img--placeholder{display:flex;align-items:center;justify-content:center;background:#f3f4f6;font-size:36px}.popular-card-body{padding:10px 10px 36px;flex:1}.popular-card-name{font-size:13px;font-weight:700;color:#111827;line-height:1.3;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-card-price{font-size:12px;font-weight:800;color:#111}.popular-card-add{position:absolute;bottom:10px;right:10px;width:30px;height:30px;border-radius:50%;background:#c2410c;color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:none;box-shadow:0 2px 8px #00000059}.menu-section--restaurant .menu-section-header{border-bottom-color:var(--accent)}.menu-section--restaurant .menu-section-title{color:var(--accent)}.menu-section--restaurant .category-tile:hover{border-color:var(--accent);box-shadow:0 4px 20px #ff572226}.menu-section--cafe .menu-section-header{border-bottom-color:#7b4f2e}.menu-section--cafe .menu-section-title{color:#7b4f2e}.menu-section--cafe .category-tile{background:#fdf8f3;border-color:#edd9c0}.menu-section--cafe .category-tile:hover{border-color:#7b4f2e;box-shadow:0 4px 20px #7b4f2e26}.menu-search-wrapper{position:relative;max-width:560px;margin-top:24px}.menu-search-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-primary);border:2px solid var(--border);border-radius:40px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.menu-search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #ff572214,var(--shadow)}.menu-search-icon{font-size:18px;flex-shrink:0}.menu-search-input{flex:1;border:none;outline:none;background:transparent;font-size:15px;font-weight:500;color:var(--text-primary)}.menu-search-input::placeholder{color:var(--text-muted)}.menu-search-clear{background:none;border:none;font-size:14px;color:var(--text-muted);cursor:pointer;padding:4px;flex-shrink:0;transition:color .15s}.menu-search-clear:hover{color:var(--text-primary)}.menu-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden}.menu-search-result-item{display:flex;align-items:center;gap:14px;padding:12px 16px;width:100%;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background .15s}.menu-search-result-item:last-child{border-bottom:none}.menu-search-result-item:hover{background:var(--bg-secondary)}.search-result-skeleton{height:58px;margin:0 12px 12px;border-radius:var(--radius);background:var(--bg-tertiary);animation:shimmer 1.5s infinite}.search-result-img{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.search-result-img--placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-size:22px}.search-result-info{flex:1;min-width:0}.search-result-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-price{font-size:13px;font-weight:700;color:var(--accent);margin-top:2px}.search-result-add{font-size:12px;font-weight:700;color:var(--accent);flex-shrink:0;padding:4px 10px;border:1.5px solid var(--accent);border-radius:20px;transition:background .15s,color .15s}.menu-search-result-item:hover .search-result-add{background:var(--accent);color:#fff}.search-no-results{padding:20px 16px;text-align:center;font-size:14px;color:var(--text-muted)}.search-loading{padding:18px 16px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted)}.search-loading-spinner{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.category-page{max-width:1400px;margin:0 auto;padding:28px 40px 80px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:20px}.breadcrumb-link{color:var(--accent);font-weight:600}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{font-size:16px}.breadcrumb-current{color:var(--text-primary);font-weight:600}.category-header{display:flex;align-items:center;gap:18px;margin-bottom:28px;padding:24px 28px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.category-header-emoji{font-size:52px;line-height:1}.category-header-title{font-family:Lora,serif;font-size:32px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.category-header-count{font-size:14px;color:var(--text-muted)}.cat-search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:40px;padding:10px 18px;margin-bottom:28px;transition:all .2s;box-shadow:var(--shadow)}.cat-search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cat-search-icon{font-size:16px;flex-shrink:0}.cat-search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:var(--text-primary)}.cat-search-clear{background:none;border:none;font-size:13px;color:var(--text-muted);cursor:pointer;padding:0 4px}.cat-search-clear:hover{color:var(--danger)}.category-layout{display:flex;gap:32px;align-items:flex-start}.category-main{flex:1;min-width:0}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;animation:fadeIn .35s ease}.item-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column;box-shadow:var(--shadow);cursor:pointer;height:100%}.item-card:hover{border-color:var(--accent);box-shadow:0 8px 32px #ff57221f;transform:translateY(-5px)}.item-card:active{transform:translateY(-2px)}.item-image{width:100%;height:190px;background:var(--bg-secondary);position:relative;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.item-card:hover .item-image img{transform:scale(1.05)}.item-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:56px;background:var(--bg-tertiary)}.item-badge{position:absolute;top:10px;right:10px;padding:4px 10px;background:var(--accent-grad);color:#fff;font-size:11px;font-weight:700;border-radius:20px}.item-in-cart-badge{position:absolute;bottom:10px;left:10px;padding:4px 10px;background:#0a4824eb;color:#fff;font-size:11px;font-weight:700;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.item-content{padding:18px;flex:1;display:flex;flex-direction:column;gap:10px}.item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.item-title{font-family:Lora,serif;font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.3}.item-price{font-size:18px;font-weight:700;color:var(--accent);white-space:nowrap}.item-description{font-size:13px;color:var(--text-secondary);line-height:1.5;flex:1}.item-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border-light)}.item-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.item-rating-star{color:var(--warning)}.item-time{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.add-to-cart-btn{padding:9px 18px;background:var(--accent-grad);border:none;border-radius:20px;color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px var(--accent-shadow)}.add-to-cart-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px var(--accent-shadow);background:var(--accent-grad-reverse)}.add-to-cart-btn:active{transform:scale(.97)}.item-skeleton{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.skeleton-image{width:100%;height:190px;background:var(--bg-tertiary);animation:shimmer 1.5s infinite}.skeleton-content{padding:18px;display:flex;flex-direction:column;gap:10px}.skeleton-line{height:11px;background:var(--bg-tertiary);border-radius:5px;animation:shimmer 1.5s infinite}.skeleton-line.short{width:55%}.skeleton-pill{height:28px;width:120px;border-radius:999px;background:var(--bg-tertiary);animation:shimmer 1.5s infinite}.inline-skeleton{display:inline-block;height:12px;border-radius:999px;background:var(--bg-tertiary);animation:shimmer 1.5s infinite}.popular-card-skeleton{height:210px;background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow)}.menu-hero-feature--skeleton{gap:10px}.summary-skeleton{display:flex;flex-direction:column;gap:12px;min-height:200px}.summary-skeleton-title{height:16px;width:45%;border-radius:8px;background:var(--bg-tertiary);animation:shimmer 1.5s infinite}.summary-skeleton-item{height:12px;width:100%;border-radius:6px;background:var(--bg-tertiary);animation:shimmer 1.5s infinite}.summary-skeleton-item.short{width:70%}.summary-skeleton-divider{height:1px;background:var(--border-light)}.summary-skeleton-total{height:18px;width:55%;border-radius:8px;background:var(--bg-tertiary);animation:shimmer 1.5s infinite}.track-skeleton{display:flex;flex-direction:column;gap:16px}.track-skeleton-hero,.track-skeleton-card{height:120px;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow);position:relative;overflow:hidden}.track-skeleton-card{height:160px}.track-skeleton-hero:after,.track-skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite;opacity:.5}.driver-skeleton-card{display:flex;flex-direction:column;align-items:center;gap:12px}.driver-skeleton-avatar{width:64px;height:64px;border-radius:16px;background:var(--bg-tertiary);animation:shimmer 1.5s infinite}.driver-skeleton-line{height:12px;width:70%;border-radius:999px;background:var(--bg-tertiary);animation:shimmer 1.5s infinite}.driver-skeleton-line.short{width:45%}.no-items{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--text-muted)}.no-items-emoji{font-size:60px;margin-bottom:14px}.no-items-text{font-size:17px}.cart-sidebar{position:sticky;top:80px;width:310px;flex-shrink:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-lg);max-height:calc(100vh - 110px);overflow-y:auto;align-self:flex-start}.cart-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cart-title{font-family:Lora,serif;font-size:19px;font-weight:700}.cart-count-badge{background:var(--accent-grad);color:#fff;border-radius:50%;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.cart-items{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.cart-item{display:flex;gap:10px;align-items:center;padding:10px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.cart-item-image{width:52px;height:52px;border-radius:var(--radius-sm);background:var(--bg-tertiary);flex-shrink:0;overflow:hidden}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-addons{font-size:11px;color:var(--text-muted);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:13px;color:var(--accent);font-weight:700}.cart-item-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.cart-item-qty{font-size:13px;font-weight:700;color:var(--text-secondary);flex-shrink:0;min-width:28px;text-align:right}.cart-item-qty-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.cart-item-qty-controls .qty-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;padding:0}.cart-item-qty-controls .qty-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.cart-item-qty-controls .qty-count{font-size:14px;font-weight:700;min-width:20px;text-align:center}.cart-qty-btn{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;font-weight:700;flex-shrink:0}.cart-qty-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.cart-qty-num{font-size:14px;font-weight:700;min-width:18px;text-align:center}.cart-divider{height:1px;background:var(--border-light);margin:14px 0}.cart-subtotal-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0 10px;font-size:14px}.cart-subtotal-row .cart-row-label{color:var(--text-secondary)}.cart-subtotal-row .cart-row-value{font-weight:700;color:var(--text-primary)}.cart-summary{display:flex;flex-direction:column;gap:7px}.cart-row{display:flex;justify-content:space-between;font-size:13px}.cart-row-label{color:var(--text-secondary)}.cart-row-value{font-weight:600;color:var(--text-primary)}.cart-total{display:flex;justify-content:space-between;font-size:15px;font-weight:700;color:var(--text-primary);padding-top:12px;border-top:2px solid var(--border)}.checkout-btn{width:100%;padding:13px;background:var(--accent-grad);border:none;border-radius:var(--radius-lg);color:#fff;font-weight:700;font-size:15px;cursor:pointer;margin-top:14px;transition:all .2s;box-shadow:0 4px 14px var(--accent-shadow)}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px var(--accent-shadow);background:var(--accent-grad-reverse)}.checkout-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cart-clear-btn{width:100%;padding:9px;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .15s}.cart-clear-btn:hover{border-color:var(--danger);color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007a;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);padding:40px;max-width:560px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--accent);border-color:var(--accent);color:#fff}.login-modal-overlay{align-items:center}.login-modal{background:var(--bg-primary);border-radius:var(--radius-xl);padding:48px 40px 40px;max-width:420px;width:92%;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .3s ease;text-align:center}.login-modal-icon{font-size:52px;margin-bottom:16px}.login-modal-title{font-family:Lora,serif;font-size:26px;font-weight:700;margin-bottom:8px}.login-modal-sub{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.login-fields{display:flex;flex-direction:column;gap:14px;text-align:left}.login-input-group{display:flex;flex-direction:column;gap:6px}.login-label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.login-input{padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:15px;outline:none;transition:all .2s;background:var(--bg-secondary)}.login-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.login-input--otp{text-align:center;letter-spacing:6px;font-size:22px;font-weight:700}.login-error{padding:10px 14px;background:#dc262612;border:1px solid rgba(220,38,38,.25);border-radius:var(--radius-sm);color:var(--danger);font-size:13px;font-weight:600}.login-btn{padding:13px;background:var(--accent-grad);border:none;border-radius:var(--radius);color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px var(--accent-shadow);display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-shadow);background:var(--accent-grad-reverse)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.login-otp-hint{font-size:13px;color:var(--text-secondary)}.login-back-btn{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;text-align:center;padding:4px}.login-back-btn:hover{color:var(--accent)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f7f7f7;padding:24px 16px}.auth-card{background:#fff;border-radius:20px;padding:44px 36px 40px;width:100%;max-width:400px;box-shadow:0 4px 32px #0000001a;text-align:center}.auth-logo{display:flex;justify-content:center;margin-bottom:20px}.auth-logo-img{width:72px;height:72px;object-fit:contain}.auth-title{font-size:26px;font-weight:800;color:#0f0f0f;letter-spacing:-.5px;margin-bottom:6px}.auth-subtitle{font-size:14px;color:#6b7280;margin-bottom:28px}.input-field{width:100%;padding:12px 14px;border:1.5px solid #e4e4e4;border-radius:10px;font-size:15px;font-family:inherit;color:#0f0f0f;background:#f7f7f7;outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:12px;display:block}.input-field:focus{border-color:#111;background:#fff;box-shadow:0 0 0 3px #11111114}.otp-input{text-align:center;letter-spacing:8px;font-size:22px;font-weight:700}.primary-btn{width:100%;padding:13px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .18s,transform .15s,box-shadow .18s;box-shadow:0 4px 14px #00000038;margin-bottom:10px}.primary-btn:hover:not(:disabled){background:var(--accent-2);transform:translateY(-1px);box-shadow:0 6px 20px #00000047}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.otp-hint{font-size:13px;color:#6b7280;margin-bottom:14px}.text-btn{background:none;border:none;color:#6b7280;font-size:13px;font-family:inherit;cursor:pointer;padding:4px}.text-btn:hover{color:#111}.orders-page{max-width:860px;margin:0 auto;padding:40px 32px 80px}.orders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.orders-title{font-family:Lora,serif;font-size:34px;font-weight:700}.orders-count{font-size:13px;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);padding:5px 12px;border-radius:20px}.orders-empty-state{text-align:center;padding:80px 20px}.orders-empty-icon{font-size:64px;margin-bottom:20px}.orders-empty-title{font-family:Lora,serif;font-size:24px;font-weight:700;margin-bottom:8px}.orders-empty-sub{font-size:15px;color:var(--text-secondary);margin-bottom:28px}.orders-login-btn{padding:12px 28px;background:var(--accent-grad);border:none;border-radius:24px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #ff572238}.orders-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff572259}.orders-loading{display:flex;flex-direction:column;gap:16px}.order-card-skeleton{height:130px;background:var(--bg-primary);border-radius:var(--radius-lg);animation:shimmer 1.5s infinite;border:1px solid var(--border-light)}.orders-list{display:flex;flex-direction:column;gap:14px}.order-card{background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);padding:20px 22px;cursor:pointer;transition:all .22s;box-shadow:var(--shadow);position:relative;overflow:hidden}.order-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-card--live{border-left:3px solid var(--accent)}.order-card-live-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:live-bar 2.2s linear infinite;border-radius:3px}.order-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.order-card-id{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.order-card-date{font-size:12px;color:var(--text-muted)}.order-card-status{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:20px;border:1.5px solid;background:transparent}.order-card-items{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.order-card-item-chip{background:var(--bg-secondary);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--text-secondary);font-weight:500}.order-card-item-chip--more{background:var(--bg-tertiary);color:var(--text-muted)}.order-card-bottom{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--border-light)}.order-card-total{font-size:16px;font-weight:700;color:var(--text-primary);flex:1}.order-card-payment{font-size:12px;font-weight:700;padding:3px 9px;border-radius:12px}.order-card-payment.paid{background:#16a34a1a;color:var(--success)}.order-card-payment.pending{background:#d977061a;color:var(--warning)}.order-card-track-btn{padding:7px 16px;background:var(--accent-grad);border:none;border-radius:20px;color:#fff;font-weight:700;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.order-card-track-btn:hover{transform:scale(1.04)}.track-page{max-width:680px;margin:0 auto;padding:28px 28px 80px;animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:16px}.track-connecting{text-align:center;padding:80px 20px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:20px}.track-connecting-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.track-hero{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.track-back-btn{align-self:flex-start;padding:7px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s}.track-back-btn:hover{border-color:var(--accent);color:var(--accent)}.track-hero-body{display:flex;flex-direction:column;gap:10px}.track-hero-id{font-family:Lora,serif;font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.track-hero-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.track-status-pill{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:800;letter-spacing:.2px;text-transform:uppercase}.track-payment-badge{padding:4px 11px;border-radius:20px;font-size:12px;font-weight:700}.track-payment-badge.paid{background:#16a34a1a;color:var(--success)}.track-payment-badge.unpaid{background:#d977061a;color:var(--warning)}.track-hero-eta{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#ff57220f,#ff8c000f);border:1px solid rgba(255,87,34,.18);border-radius:var(--radius-sm)}.track-hero-eta-icon{font-size:24px}.track-hero-eta-label{font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.track-hero-eta-value{font-size:20px;font-weight:800;color:var(--accent)}.track-cancel-btn{align-self:flex-start;padding:8px 18px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:20px;font-size:13px;font-weight:700;color:var(--danger);cursor:pointer;transition:all .15s}.track-cancel-btn:hover{background:var(--danger);color:#fff}.track-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.track-alert{border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;font-weight:600}.track-alert--error{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.track-state-card{text-align:center;padding:48px 24px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.track-state-icon{font-size:56px;margin-bottom:16px}.track-state-title{font-family:Lora,serif;font-size:22px;font-weight:700;margin-bottom:10px}.track-state-reason{font-size:14px;color:var(--text-secondary);margin-bottom:24px;max-width:360px;margin-inline:auto}.track-reorder-btn{padding:11px 28px;background:var(--accent-grad);border:none;border-radius:24px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s;font-size:14px}.track-reorder-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff57224d}.track-delivered-banner{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#16a34a14;border:1px solid rgba(22,163,74,.25);border-radius:var(--radius-lg);font-size:14px;font-weight:600;color:var(--success)}.track-section-heading{font-family:Lora,serif;font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.track-steps-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px 28px;box-shadow:var(--shadow)}.track-step{display:flex;gap:16px;position:relative}.track-step-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:32px}.track-step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;position:relative;z-index:1;transition:all .3s}.track-step-circle.done{background:var(--success);color:#fff}.track-step-circle.active{background:var(--accent-grad);color:#fff;box-shadow:0 0 0 5px #ff572226}.track-step-circle.future{background:var(--bg-tertiary);border:2px solid var(--border);color:transparent}.track-step-pulse{width:12px;height:12px;border-radius:50%;background:#fff;position:relative}.track-step-pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid white;opacity:.5;animation:pulse-ring 1.4s ease-out infinite}.track-step-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.track-step-line{width:2px;flex:1;min-height:24px;margin:2px 0;transition:background .3s}.track-step-line.done{background:var(--success)}.track-step-line.active{background:linear-gradient(to bottom,var(--accent),var(--border))}.track-step-line.future{background:var(--border)}.track-step-content{padding:4px 0 24px;flex:1}.track-step:last-child .track-step-content{padding-bottom:0}.track-step-content--future{opacity:.38}.track-step-icon-label{display:flex;align-items:center;gap:8px;margin-bottom:2px}.track-step-icon{font-size:17px}.track-step-label{font-size:15px;font-weight:700;color:var(--text-primary)}.track-step-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse-ring 1.4s ease-out infinite;margin-left:2px}.track-step-desc{font-size:13px;color:var(--text-secondary);margin-top:2px}.track-bill-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px 28px;box-shadow:var(--shadow)}.track-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:4px}.track-item-row{display:flex;align-items:center;gap:14px;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.track-item-image{width:52px;height:52px;border-radius:var(--radius-sm);background:var(--bg-tertiary);flex-shrink:0;overflow:hidden}.track-item-image img{width:100%;height:100%;object-fit:cover}.track-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px}.track-item-details{flex:1;min-width:0}.track-item-name{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.track-item-addons{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.track-item-qty{font-size:12px;color:var(--text-secondary);font-weight:600}.track-item-price{font-size:13px;font-weight:800;color:var(--accent);white-space:nowrap;flex-shrink:0}.track-charges{display:flex;flex-direction:column;gap:2px}.track-charge-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.track-charge-row:last-child{border-bottom:none}.track-charge-row--discount{color:var(--success)}.track-charge-row--muted{color:var(--text-muted);font-size:13px}.track-total-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0 4px;font-size:17px;font-weight:800;color:var(--text-primary)}.track-payment-detail-card{margin-top:16px;padding:14px 16px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.track-payment-detail-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.track-payment-detail-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);padding:4px 0}.track-payment-detail-row--refund{color:var(--success)}.track-bill-divider{height:1px;background:var(--border-light);margin:14px 0}.checkout-container{display:grid;grid-template-columns:1fr 320px;gap:40px;max-width:1100px;margin:0 auto}.checkout-form{display:flex;flex-direction:column;gap:22px;min-width:0}.checkout-section{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow);min-width:0}.checkout-container>*{min-width:0}.checkout-inline-row{display:flex;gap:12px;align-items:center;min-width:0}.checkout-inline-row>*{min-width:0}.checkout-section-title{font-family:Lora,serif;font-size:19px;font-weight:700;margin-bottom:18px;color:var(--text-primary);display:flex;align-items:center;gap:9px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.form-group label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.address-card{padding:14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px}.address-text{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.address-meta{font-size:12px;color:var(--text-muted)}.change-btn{background:none;border:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.otp-section{display:flex;flex-direction:column;gap:10px}.otp-button{padding:11px;background:var(--accent-grad);border:none;border-radius:var(--radius);color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.otp-button:hover:not(:disabled){transform:translateY(-2px)}.otp-button:disabled{opacity:.6;cursor:not-allowed}.otp-input-group{display:flex;gap:7px}.otp-input-group input{flex:1;padding:11px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-weight:700;text-align:center;letter-spacing:2px;outline:none}.otp-input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.otp-verify-btn{padding:11px 18px;background:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s}.otp-verify-btn:hover:not(:disabled){filter:brightness(1.1)}.otp-verify-btn:disabled{opacity:.6;cursor:not-allowed}.otp-resend-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:7px 11px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.otp-resend-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.bill-item{display:flex;justify-content:space-between;padding:9px 0;font-size:14px;border-bottom:1px solid var(--border-light)}.bill-label{color:var(--text-secondary)}.bill-value{font-weight:600;color:var(--text-primary)}.bill-discount{color:var(--success)}.bill-total{display:flex;justify-content:space-between;padding:14px 0;font-size:17px;font-weight:700;border-top:2px solid var(--border);color:var(--text-primary)}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.payment-method{padding:13px;background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;text-align:center;transition:all .2s}.payment-method:hover{border-color:var(--accent);background:var(--bg-tertiary)}.payment-method.selected{background:var(--accent-grad);color:#fff;border-color:var(--accent);box-shadow:0 4px 14px #ff572233}.payment-icon{font-size:22px;margin-bottom:5px}.payment-name{font-size:12px;font-weight:600}.error-msg{padding:11px 13px;background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--radius-sm);color:#991b1b;font-size:13px;font-weight:600}.success-msg{padding:11px 13px;background:#16a34a12;border:1px solid rgba(22,163,74,.25);border-radius:var(--radius-sm);color:var(--success);font-size:13px;font-weight:600}.place-order-btn{width:100%;padding:15px;background:var(--accent-grad);border:none;border-radius:var(--radius-lg);color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #ff572233;margin-top:18px}.place-order-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px #ff572252}.place-order-btn:active:not(:disabled){transform:translateY(0)}.place-order-btn:disabled{opacity:.5;cursor:not-allowed}.global-loading-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;background:var(--accent);overflow:hidden}.global-loading-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);animation:loading-shimmer 1s linear infinite}@keyframes loading-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-secondary);border-top:2px solid var(--border);z-index:100;justify-content:space-around;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0);width:100%;box-shadow:0 -4px 16px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;background:none;border:none;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;transition:color .2s;letter-spacing:.2px}.bottom-nav-item span:first-child{font-size:20px;line-height:1}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.logout{color:var(--danger)}.bottom-nav-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.bottom-nav-badge{position:absolute;top:-5px;right:-8px;background:var(--accent);color:#fff;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.4;border:1.5px solid var(--bg-secondary);min-width:16px;text-align:center}.mobile-cart-bar{display:none;position:fixed;bottom:56px;left:0;right:0;background:var(--accent-grad);color:#fff;padding:10px 16px;z-index:190;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -2px 12px #00000026}.mobile-cart-bar-info{display:flex;flex-direction:column}.mobile-cart-bar-count{font-size:12px;opacity:.88}.mobile-cart-bar-subtotal{font-size:16px;font-weight:700}.mobile-cart-bar-btn{background:#fff;color:var(--accent);border:none;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.location-picker{max-width:500px;margin:0 auto}.location-picker-title{font-size:18px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.location-existing-card{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:20px}.location-existing-icon{font-size:24px;flex-shrink:0}.location-existing-info{flex:1;min-width:0}.location-existing-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.location-existing-address{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-change-btn{background:var(--accent-grad);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.location-mode-row{display:flex;gap:10px;margin-bottom:20px}.location-mode-btn{flex:1;padding:11px;border:1.5px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:700;transition:all .2s}.location-mode-btn.active{border-color:var(--accent);background:var(--accent-grad);color:#fff}.location-gps-btn{width:100%;padding:15px;background:var(--accent-grad);border:none;border-radius:var(--radius);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.location-gps-btn:disabled{opacity:.6;cursor:not-allowed}.location-text-row{display:flex;gap:10px;align-items:stretch}.location-input-wrap{flex:1;display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius);padding:0 14px}.location-input-icon{font-size:16px;flex-shrink:0}.location-input{flex:1;border:none;background:transparent;padding:12px 0;font-size:15px;color:var(--text-primary);outline:none}.location-check-btn{padding:12px 18px;background:var(--accent-grad);border:none;border-radius:var(--radius);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}.location-check-btn:disabled{opacity:.6;cursor:not-allowed}.location-map-wrap{display:flex;flex-direction:column;gap:10px}.location-map-note{font-size:13px;color:var(--text-secondary)}.location-map-canvas{width:100%;height:260px;border-radius:var(--radius);border:1.5px solid var(--border);overflow:hidden;background:var(--bg-tertiary)}@media (max-width: 1100px){.category-layout{flex-direction:column}.cart-sidebar{position:static;width:100%;max-height:none}.checkout-container{grid-template-columns:1fr}.payment-methods{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){input,select,textarea{font-size:16px!important}.app-main{padding-bottom:56px}.bottom-nav{display:flex}.top-navbar-inner{padding:0 12px;height:52px;gap:10px}.top-navbar-brand{font-size:18px}.top-navbar-location{max-width:none;flex:1;min-width:0}.top-navbar-actions{display:none}.menu-home{padding:20px 14px 80px}.menu-home-title{font-size:26px}.menu-search-bar{margin:0 0 20px}.categories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-tile{padding:18px 12px}.category-tile-emoji{font-size:36px}.category-tile-name{font-size:13px}.category-page{padding:14px 14px 140px}.category-header{padding:14px 16px;gap:10px}.category-header-emoji{font-size:34px}.category-header-title{font-size:22px}.items-grid{grid-template-columns:1fr;gap:12px}.item-card{flex-direction:row;align-items:stretch}.item-image{width:112px;height:auto;min-height:100%;flex-shrink:0}.item-image img,.item-image-placeholder{height:100%}.skeleton-image{height:120px}.item-content{padding:14px;gap:8px;min-width:0}.item-header{flex-direction:column;align-items:flex-start;gap:2px}.item-title{font-size:15px}.item-price{font-size:14px;white-space:normal}.item-description{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.add-to-cart-btn{width:100%;padding:10px 12px;font-size:12px;white-space:normal;line-height:1.25}.cart-sidebar{display:none}.orders-page{padding:20px 14px 80px}.orders-title{font-size:24px}.track-page{padding:14px 12px 80px;gap:10px}.track-hero-id{font-size:20px}.track-steps-card,.track-bill-card{padding:16px 14px}.track-hero{padding:14px}.track-hero-badges{flex-wrap:wrap;gap:6px}.checkout-section{padding:16px}.payment-methods{grid-template-columns:1fr}.checkout-container{gap:14px}.checkout-inline-row{flex-wrap:wrap;align-items:stretch}.checkout-inline-row .otp-verify-btn,.checkout-inline-row .otp-button{width:100%}.modal-overlay{align-items:center;justify-content:center;padding:16px;z-index:99999}.modal-content{width:100%;max-width:100%;border-radius:var(--radius-xl);max-height:90vh;overflow-y:auto;margin:0;padding:20px 18px}.modal-close{top:14px;right:14px;z-index:10000}.location-picker-title{font-size:17px}.location-mode-row{flex-wrap:wrap}.location-mode-btn{min-width:calc(50% - 5px)}.location-map-canvas{height:220px}}.offers-page{min-height:100vh;background:#f9fafb;padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.offers-hero{position:relative;background:linear-gradient(135deg,#1e40af,#3b82f6 60%,#60a5fa);padding:20px 20px 32px;color:#fff}.offers-back{position:absolute;top:16px;left:16px;background:#00000047;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.offers-back:hover{background:#ffffff4d}.offers-hero-content{text-align:center;margin-top:12px}.offers-hero-icon{font-size:40px;margin-bottom:8px}.offers-hero-title{font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.3px}.offers-hero-sub{font-size:14px;opacity:.85;margin:0}.offers-tabs{display:flex;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.offers-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 8px;font-size:14px;font-weight:600;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;cursor:pointer;transition:color .15s,border-color .15s}.offers-tab.active{color:#2563eb;border-bottom-color:#2563eb}.offers-tab-count{background:#2563eb;color:#fff;font-size:11px;font-weight:700;border-radius:9999px;padding:1px 7px;line-height:18px}.offers-tab:not(.active) .offers-tab-count{background:#9ca3af}.offers-body{padding:16px}.offers-skeletons{display:flex;flex-direction:column;gap:12px}.offers-skeleton{height:180px;border-radius:14px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.offers-empty{text-align:center;padding:48px 20px;color:#9ca3af}.offers-empty-icon{font-size:48px;margin-bottom:12px}.offers-empty p{font-size:14px;margin:0}.banner-cards{display:flex;flex-direction:column;gap:16px}.banner-card{border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000001a;cursor:pointer;transition:transform .15s,box-shadow .15s}.banner-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.banner-card-img-wrap{position:relative;width:100%;aspect-ratio:16 / 7;overflow:hidden}.banner-card-img{width:100%;height:100%;object-fit:cover;display:block}.banner-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.15) 55%,transparent 100%);display:flex;align-items:flex-end;padding:18px}.banner-card-overlay-content{color:#fff}.banner-card-title{font-size:17px;font-weight:800;margin:0 0 4px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.banner-card-desc{font-size:12px;opacity:.88;margin:0 0 8px}.banner-card-cta{font-size:12px;font-weight:700;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:4px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.banner-card-no-img{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px}.banner-card-no-img-icon{font-size:32px;flex-shrink:0}.banner-card-title-plain{font-size:15px;font-weight:700;margin:0 0 4px;color:#111827}.banner-card-desc-plain{font-size:12px;color:#6b7280;margin:0}.banner-card-arrow{font-size:22px;color:#9ca3af;flex-shrink:0;margin-left:auto}.deal-cards{display:flex;flex-direction:column;gap:14px}.deal-card{border:1.5px solid;border-radius:16px;padding:18px}.deal-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.deal-card-icon{font-size:28px;flex-shrink:0}.deal-type-badge{font-size:11px;font-weight:700;border-radius:6px;padding:3px 8px;display:inline-block;text-transform:uppercase;letter-spacing:.04em}.deal-badge{margin-left:6px;font-size:11px;font-weight:700;background:#fef3c7;color:#92400e;border-radius:6px;padding:3px 8px}.deal-name{font-size:17px;font-weight:800;color:#111827;margin:0 0 6px}.deal-description{font-size:13px;color:#4b5563;margin:0 0 10px;line-height:1.5}.deal-min-order{font-size:12px;font-weight:600;color:#374151;background:#00000012;border-radius:6px;padding:5px 10px;display:inline-block;margin-bottom:10px}.deal-code-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.deal-code-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af}.deal-code{font-size:14px;font-weight:800;font-family:Courier New,Courier,monospace;background:#0000001a;border-radius:6px;padding:4px 10px;letter-spacing:.08em;color:#0f0f0f}.deal-cta{width:100%;padding:12px;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s}.deal-cta:hover{opacity:.9}.menu-promo-teaser{display:flex;align-items:center;gap:10px;width:calc(100% - 32px);margin:0 16px 16px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;border-radius:12px;padding:12px 16px;cursor:pointer;transition:opacity .15s,transform .15s;text-align:left}.menu-promo-teaser:hover{opacity:.92;transform:translateY(-1px)}.menu-promo-teaser-icon{font-size:20px;flex-shrink:0}.menu-promo-teaser-text{flex:1;font-size:13px;font-weight:600;line-height:1.4}.menu-promo-teaser-arrow{font-size:20px;opacity:.7;flex-shrink:0}@media (min-width: 480px){.banner-card-img-wrap{aspect-ratio:16 / 6}.deal-cards{display:grid;grid-template-columns:repeat(2,1fr)}}.menu-banner-section{padding:0 16px 8px}.menu-banner-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.menu-banner-carousel::-webkit-scrollbar{display:none}.menu-banner-slide{flex:0 0 calc(100% - 32px);scroll-snap-align:start;border:none;background:none;padding:0;cursor:pointer;border-radius:14px;overflow:hidden;text-align:left;transition:transform .15s}.menu-banner-slide:hover{transform:translateY(-2px)}.menu-banner-slide-img-wrap{position:relative;aspect-ratio:16 / 7;border-radius:14px;overflow:hidden}.menu-banner-slide-img{width:100%;height:100%;object-fit:cover;display:block}.menu-banner-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#0000001a 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px;gap:2px}.menu-banner-slide-title{color:#fff;font-size:16px;font-weight:700;line-height:1.3}.menu-banner-slide-desc{color:#ffffffd9;font-size:12px;line-height:1.4}.menu-banner-slide-cta{color:#fbbf24;font-size:12px;font-weight:700;margin-top:4px}.menu-banner-slide-text{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:14px;padding:14px 16px}.menu-banner-slide-icon{font-size:24px;flex-shrink:0}.menu-banner-slide-arrow{font-size:22px;opacity:.7;margin-left:auto;flex-shrink:0}.menu-banner-see-all{display:block;width:100%;margin-top:8px;background:none;border:1.5px solid var(--orange, #f97316);color:var(--orange, #f97316);border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;text-align:center;transition:background .15s,color .15s}.menu-banner-see-all:hover{background:var(--orange, #f97316);color:#fff}@media (min-width: 600px){.menu-banner-slide{flex:0 0 360px}}@media (max-width: 1020px){.menu-hero{grid-template-columns:1fr}}@media (max-width: 720px){.menu-hero-left,.menu-hero-card{padding:24px}.menu-hero-card-count{font-size:20px}}.app{position:relative;background:var(--bg-secondary)}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 400px at 10% -10%,var(--accent-glow-2),transparent 60%),radial-gradient(700px 500px at 90% 10%,var(--accent-glow-1),transparent 55%),radial-gradient(800px 600px at 50% 120%,var(--accent-glow-1),transparent 60%);z-index:0}.app>*{position:relative;z-index:1}.menu-home-header{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.menu-home-header:after{content:"";position:absolute;right:-120px;top:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(212,106,58,.18),transparent 60%);pointer-events:none}.category-header{background:linear-gradient(180deg,#fffaf6f2,#fff3ebe6);border:1px solid var(--border);box-shadow:var(--shadow-md)}.item-card{border:1px solid var(--border);box-shadow:var(--shadow-md)}.item-card:hover{box-shadow:var(--shadow-lg)}.cart-sidebar{background:linear-gradient(180deg,#fffaf6fa,#fff6eef5);border:1px solid var(--border);box-shadow:var(--shadow-md)}.checkout-section{background:linear-gradient(180deg,#fffaf6fa,#fff4ecf5);border:1px solid var(--border);box-shadow:var(--shadow-md)}.order-card{border:1px solid var(--border);box-shadow:var(--shadow-md)}.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.promo-items-hero{background:linear-gradient(135deg,#fffaf6f2,#fff3ebe6);border:1px solid var(--border);box-shadow:var(--shadow-md)}.app-loader{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.app-loader-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;padding:32px 38px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.app-loader-logo{width:72px;height:72px;object-fit:contain;border-radius:16px;box-shadow:0 6px 18px #5229182e;animation:loader-pop 1.6s ease-in-out infinite}.app-loader-text{font-size:14px;font-weight:600;color:var(--text-secondary)}.app-loader-bar{width:180px;height:8px;border-radius:999px;background:var(--bg-tertiary);overflow:hidden;position:relative}.app-loader-bar span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-grad);width:40%;animation:loader-slide 1.3s ease-in-out infinite;border-radius:999px}@keyframes loader-slide{0%{transform:translate(-120%)}50%{transform:translate(60%)}to{transform:translate(220%)}}@keyframes loader-pop{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.promo-items-page{max-width:900px;margin:0 auto;padding:0 0 120px}.promo-items-loading{padding:16px}.promo-items-hero{margin:12px 16px 0;border:1.5px solid;border-radius:14px;padding:16px 18px}.promo-items-hero-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.promo-items-hero-icon{font-size:24px}.promo-items-hero-badge{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.promo-items-extra-badge{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;background:#fef9c3;color:#854d0e}.promo-items-hero-title{font-size:20px;font-weight:800;margin:0 0 4px;color:var(--text-primary, #111)}.promo-items-hero-desc{font-size:13px;color:var(--muted, #6b7280);margin:0 0 6px}.promo-items-hero-discount{font-size:18px;font-weight:800;margin-bottom:4px}.promo-items-min-order{font-size:12px;color:var(--muted, #6b7280);background:#0000000d;display:inline-block;padding:3px 10px;border-radius:20px}.promo-items-section{padding:16px 16px 0}.promo-items-section-title{font-size:15px;font-weight:700;color:var(--text-secondary, #374151);margin:0 0 14px}.promo-items-empty{text-align:center;padding:40px 16px;color:var(--muted, #6b7280)}.promo-item-badge{position:absolute;top:8px;left:8px;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px}.customer-footer{background:#1a1a2e;color:#e2e8f0;padding:32px 16px 104px;margin-top:0}.footer-inner{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:6px}.footer-logo{font-size:20px;font-weight:800;color:#fff}.footer-tagline{font-size:13px;color:#94a3b8;margin:0;line-height:1.5}.footer-links-group{display:flex;flex-direction:column;gap:8px}.footer-links-title{font-size:13px;font-weight:700;color:#f97316;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.footer-link{color:#cbd5e1;text-decoration:none;font-size:13px;transition:color .15s}.footer-link:hover{color:#f97316}.footer-contact-item{display:flex;align-items:flex-start;gap:8px;font-size:13px}.footer-text{color:#cbd5e1;font-size:13px}.footer-bottom{max-width:900px;margin:24px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#64748b;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.footer-built-by{font-size:11px;color:#475569}.footer-hours-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.footer-hours-day{color:#94a3b8;flex-shrink:0}.footer-hours-time{color:#cbd5e1;text-align:right}.footer-hours-closed{color:#64748b}.footer-builder-link{color:#94a3b8;text-decoration:none;font-weight:600;transition:color .15s}.footer-builder-link:hover{color:#f97316}@media (min-width: 640px){.footer-inner{flex-direction:row;align-items:flex-start;gap:40px}.footer-brand{flex:2}.footer-links-group{flex:1}.customer-footer{padding-bottom:32px}}@media (min-width: 769px){.bottom-nav{display:none}}