body { overflow-x: hidden; }
.customer-order-progress { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 3px; margin-top: 12px; }
.customer-order-progress div { position: relative; display: grid; justify-items: center; gap: 4px; color: #8993a4; text-align: center; font-size: 8px; }
.customer-order-progress div:before { content: ''; position: absolute; top: 10px; right: 50%; width: 100%; height: 2px; background: #e3e6eb; z-index: 0; }
.customer-order-progress div:first-child:before { display: none; }
.customer-order-progress i { width: 21px; height: 21px; border-radius: 50%; background: #eef0f3; display: grid; place-items: center; font-style: normal; font-weight: 800; position: relative; z-index: 1; }
.customer-order-progress .done,.customer-order-progress .current { color: #148a55; }
.customer-order-progress .done:before,.customer-order-progress .current:before { background: #62c996; }
.customer-order-progress .done i,.customer-order-progress .current i { background: #def5e9; }
.customer-order-progress .current span { color: #182033; font-weight: 800; }
.customer-order-progress .failed { color: #cf3f43; text-transform: capitalize; }
.restaurant-grid {
  grid-template-columns: repeat(auto-fill, minmax(190px, 230px));
  gap: 10px;
  justify-content: start;
}
.restaurant-media { height: 82px; }
.restaurant-copy { padding: 9px; }
.restaurant-copy h3 { font-size: 14px; }
.restaurant-copy p { height: 26px; margin: 3px 0 7px; font-size: 10px; }
.restaurant-copy span { padding: 4px 6px; font-size: 9px; }
.restaurant-media .restaurant-image-name {
  position: absolute;
  right: 7px;
  bottom: 7px;
  max-width: calc(100% - 90px);
  overflow: hidden;
  color: #fff;
  background: #182033e8;
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .location-button b { max-width: 95px; }
  .market-account-actions { gap: 4px !important; }
  .customer-account-button { max-width: 96px !important; padding: 0 7px !important; font-size: 10px !important; }
  .restaurant-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .restaurant-media { height: 78px; }
  .restaurant-media i { left: 6px; bottom: 6px; padding: 4px 5px; }
  .restaurant-media .restaurant-image-name { max-width: calc(100% - 62px); }
  .market-intro { grid-template-columns: minmax(0, 1fr); }
  .market-intro > div,
  .market-intro h1 { min-width: 0; max-width: 100%; }
  .market-dialog { width: calc(100vw - 24px); max-width: calc(100vw - 24px); padding: 18px; }
  .market-dialog input,
  .market-dialog textarea,
  .market-dialog button { max-width: 100%; }
}