.diner-page{background:#fff9e6;min-height:100vh}.menu-header{z-index:60;background:#fff9e6;border-bottom:1px solid #0000000f;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.menu-header-logo{object-fit:cover;border:1.5px solid var(--border-light);border-radius:10px;flex-shrink:0;width:40px;height:40px}.menu-header-logo-placeholder{background:var(--primary);width:40px;height:40px;color:var(--text-on-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.menu-header-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.0625rem;font-weight:700;overflow:hidden}.menu-header-info{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.menu-header-info:hover{background:var(--gray-100)}.search-bar-wrapper{background:#fff9e6;padding:8px 16px 12px}.search-input-container{position:relative}.search-icon{color:var(--gray-400);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition);outline:none;padding:10px 14px 10px 40px;font-size:.875rem}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #efbf0426}.search-input::placeholder{color:var(--gray-400)}.category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fff9e6;gap:8px;padding:8px 16px 12px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{border-radius:var(--radius-full);white-space:nowrap;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;appearance:none;outline:none;padding:8px 18px;font-size:.8125rem;font-weight:500}.category-tab:focus{outline:none}.category-tab:active{transform:scale(.97)}.category-tab.active{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary);font-weight:600}.featured-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);cursor:pointer;transition:box-shadow var(--transition),transform var(--transition);margin:0 16px 16px;position:relative;overflow:hidden}.featured-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.featured-card-img{object-fit:cover;width:100%;height:200px;display:block}.featured-card-img-placeholder{background:linear-gradient(135deg,var(--primary-light)0%,var(--bg-tertiary)100%);justify-content:center;align-items:center;width:100%;height:200px;font-size:3rem;display:flex}.featured-card-overlay{background:linear-gradient(#0000 0%,#000000a6 100%);justify-content:space-between;align-items:flex-end;gap:12px;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.featured-card-info{flex:1;min-width:0}.featured-card-name{color:#fff;margin-bottom:2px;font-size:1.125rem;font-weight:700}.featured-card-price{color:var(--primary);font-size:.9375rem;font-weight:600}.featured-card-add{background:var(--primary);width:40px;height:40px;color:var(--text-on-primary);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0003}.featured-card-add:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.featured-badge{border-radius:var(--radius-full);background:var(--primary);color:var(--text-on-primary);text-transform:uppercase;letter-spacing:.03em;padding:4px 12px;font-size:.6875rem;font-weight:700;position:absolute;top:12px;left:12px}.menu-items-list{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px 140px;display:grid}.diner-item-card{background:var(--surface);border-radius:var(--radius-md);transition:box-shadow var(--transition),transform var(--transition);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}.diner-item-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f,0 2px 6px #00000014}.diner-item-img{object-fit:cover;background:var(--bg-tertiary);width:100%;height:120px}.diner-item-info{flex-direction:column;flex:1;gap:4px;min-width:0;padding:10px;display:flex}.diner-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.diner-item-desc{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.6875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.diner-item-bottom{justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px;display:flex}.diner-item-price{color:var(--primary-dark);font-size:.8125rem;font-weight:700}.qty-control{align-items:center;gap:6px;display:flex}.qty-btn{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;width:26px;height:26px;transition:all var(--transition);justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.qty-btn:hover{border-color:var(--primary);background:var(--primary-light)}.qty-btn.add{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.qty-value{text-align:center;min-width:16px;font-size:.8125rem;font-weight:600}.cart-bar{-webkit-backdrop-filter:blur(16px)saturate(180%);color:#0f1a16;z-index:60;background:#edbf04d9;border:1px solid #ffffff4d;border-radius:9999px;justify-content:space-between;align-items:center;padding:12px 20px;animation:.2s slideUp;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 8px 32px #edbf0459,inset 0 1px 1px #fff6,0 2px 8px #00000014}.cart-bar-info{align-items:center;gap:8px;display:flex}.cart-bar-count{opacity:.8;font-size:.8125rem;font-weight:600}.cart-bar-total{color:#0f1a16;font-size:1.0625rem;font-weight:800}.cart-bar-btn{color:#fff;cursor:pointer;transition:all var(--transition);background:#57b8af;border:none;border-radius:9999px;padding:8px 20px;font-size:.8125rem;font-weight:700;box-shadow:0 2px 8px #57b8af4d}.cart-bar-btn:hover{background:#4aa69e;transform:scale(1.03)}.cart-drawer-overlay{z-index:100;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.cart-drawer{background:var(--surface);border-radius:var(--radius-lg)var(--radius-lg)0 0;z-index:101;max-height:85vh;padding:20px 20px 32px;animation:.3s slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.cart-drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.cart-items-list{flex-direction:column;gap:0;margin-bottom:0;display:flex}.cart-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:10px 0;display:flex}.cart-item:last-child{border-bottom:none}.cart-item-info{flex:1}.cart-item-name{font-size:.9375rem;font-weight:500}.cart-item-price{color:var(--text-tertiary);font-size:.8125rem}.checkout-section{margin-top:8px;padding-top:20px}.checkout-totals{background:var(--bg-secondary);border-radius:var(--radius);flex-direction:column;gap:8px;margin-bottom:20px;padding:14px 16px;display:flex}.checkout-row{justify-content:space-between;font-size:.875rem;display:flex}.checkout-row.total{border-top:1px solid var(--border);padding-top:8px;font-size:1.125rem;font-weight:700}.payment-options{gap:8px;margin-bottom:16px;display:flex}.payment-option{border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:all var(--transition);flex:1;padding:12px;font-size:.875rem;font-weight:500}.payment-option.selected{border-color:var(--primary);background:var(--primary-light)}.confirmation-page{background:#fff9e6;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.confirmation-card{background:var(--surface);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:32px 24px;animation:.4s slideUp}.confirmation-icon{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;animation:.6s cubic-bezier(.26,.53,.74,1.48) forwards successPop;display:flex;box-shadow:0 4px 20px #22c55e66}.confirmation-icon svg{width:40px;height:40px}.confirmation-icon .checkmark-path{stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:48;stroke-dashoffset:48px;animation:.5s .4s forwards drawCheck}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes drawCheck{to{stroke-dashoffset:0}}.order-status-tracker{justify-content:space-between;margin:24px 0;display:flex;position:relative}.order-status-tracker:before{content:"";background:var(--border-light);height:3px;position:absolute;top:16px;left:20%;right:20%}.status-step{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex}.status-dot{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.status-dot.active{background:var(--primary);color:var(--text-on-primary)}.status-dot.done{background:var(--success);color:#fff}.status-label{color:var(--text-tertiary);font-size:.6875rem;font-weight:500}.status-label.active{color:var(--text);font-weight:600}.section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:12px 16px 4px;font-size:.8125rem;font-weight:600}@media (min-width:480px){.menu-items-list{gap:16px}.diner-item-img{height:140px}.featured-card-img,.featured-card-img-placeholder{height:240px}}@media (min-width:640px){.menu-items-list{gap:16px;padding:0 24px 140px}.diner-item-img{height:160px}.featured-card{margin:0 24px 20px}.featured-card-img,.featured-card-img-placeholder{height:280px}.search-bar-wrapper,.category-tabs{padding:8px 24px 12px}.cart-bar{max-width:480px;margin:0 auto;left:24px;right:24px}}@media (min-width:1024px){.menu-items-list{grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto}.featured-card{max-width:900px;margin-left:auto;margin-right:auto}}