/* Phase 12: make latest desktop features visible and usable on mobile */
.customer-menu-btn{display:none;border:0;background:#fff7ed;color:#ea580c;border-radius:14px;padding:10px 13px;font-size:22px;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.08)}
@media(max-width:900px){
  .customer-header{gap:10px;align-items:center;flex-wrap:wrap;padding:10px 14px!important}
  .customer-logo{font-size:18px!important;min-width:0;max-width:calc(100% - 58px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .customer-logo span{width:36px!important;height:36px!important;border-radius:12px!important;flex:0 0 auto}
  .customer-menu-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
  .customer-nav{display:none!important;position:absolute;top:62px;left:10px;right:10px;background:#fff;z-index:90;border:1px solid #ffedd5;border-radius:22px;padding:10px;box-shadow:0 24px 55px rgba(15,23,42,.18);flex-direction:column;align-items:stretch;gap:6px!important}
  .customer-nav.open{display:flex!important}
  .customer-nav a,.customer-nav a:not(.cart-pill){display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:13px 14px!important;border-radius:16px!important;background:#fff;color:#172033!important;border:1px solid #fff7ed}
  .customer-nav .bowl-header-btn{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
  .customer-nav .feedback-header-btn{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}
  .customer-nav .cart-pill{background:#172033!important;color:#fff!important}
  .mobile-bottom{display:flex!important;position:fixed;left:6px;right:6px;bottom:6px;z-index:85;background:#fff;border:1px solid #ffedd5;border-radius:20px;box-shadow:0 18px 42px rgba(15,23,42,.22);padding:7px 5px;justify-content:space-around;gap:2px;overflow-x:auto}
  .mobile-bottom a{min-width:52px;flex:1;text-align:center;text-decoration:none;color:#172033;font-size:10.5px;font-weight:900;line-height:1.22;border-radius:14px;padding:5px 2px}
  body.customer-page{padding-bottom:82px!important;overflow-x:hidden}
  .customer-hero{padding-top:26px!important;gap:18px!important}
  .hero-actions .btn{flex:1;min-width:135px}
  .fast-strip{margin-left:0;margin-right:0;overflow-x:auto;flex-wrap:nowrap}.fast-strip span{white-space:nowrap}
  .dish-foot{align-items:stretch;flex-direction:column}.dish-foot .btn{width:100%}.price{font-size:20px!important}
  .customer-card{margin:14px 10px!important;padding:16px!important;border-radius:20px!important;overflow-x:auto}
  .cart-table,.table-card table{min-width:620px}.table-card{overflow-x:auto}
}
@media(max-width:560px){
  .customer-section{padding-top:24px!important}.section-title h2{font-size:27px!important}.hero-copy h1{font-size:38px!important;letter-spacing:-1px!important}.hero-copy p{font-size:15px!important}.hero-visual{min-height:220px!important}.dish-card{border-radius:22px!important}.toast{left:10px!important;right:10px!important;bottom:92px!important;text-align:center}
}
@media(max-width:900px){
  .bowl-wrap{display:block!important;margin-left:10px!important;margin-right:10px!important;margin-bottom:110px!important}.bowl-hero{margin:10px!important;padding:20px!important;border-radius:22px!important}.bowl-step{padding:16px!important}.bowl-options{grid-template-columns:1fr!important}.bowl-option{min-height:58px!important}.bowl-summary{position:relative!important;top:auto!important;margin-top:14px!important}.bowl-fixed-add{bottom:78px!important;width:calc(100% - 20px)!important;border-radius:18px!important;padding:15px!important}.bowl-extra-row{grid-template-columns:1fr 74px!important}
  .order-track-timeline{grid-template-columns:1fr!important}.order-track-step{text-align:left!important}.order-track-step .dot{margin:0 0 8px!important}.track-search{margin:12px 10px!important;padding:16px!important}.feedback-grid{grid-template-columns:1fr!important}.feedback-thread,.feedback-submit-card{border-radius:20px!important}
}