/* Keep quantity editable when a narrow screen shows a long order total. */
@media (max-width: 480px) {
  .dock-inner { grid-template-columns: 142px minmax(0, 1fr); gap: 8px 10px; }
  .quantity-stepper { width: 142px; min-width: 142px; }
  .quantity-stepper button { width: 44px; min-width: 44px; flex: 0 0 44px; }
  .quantity-stepper input { width: 52px; min-width: 52px; flex: 0 0 52px; }
  .dock-price { min-width: 0; text-align: right; }
  .dock-inner > .primary-action { grid-column: 1 / -1; width: 100%; min-height: 46px; }
  .editor-page { padding-bottom: calc(146px + env(safe-area-inset-bottom, 0px)); }
}