/* Direct-edit controls for the compact cart shown while customers shop. */
.container {
  max-width: none;
  padding-left: max(5vw, 28px);
  padding-right: max(5vw, 28px);
}

.cart-preview { padding: 16px; }

.product-action-weight .weight-order-form { justify-content: start; }

.shop-layout:not(.shop-layout-empty) {
  grid-template-columns: minmax(0, 70fr) minmax(280px, 30fr);
}

.cart-preview-controls.weight-preview-controls {
  grid-template-columns: minmax(108px, 1fr) 48px;
}

.cart-preview-controls.weight-preview-controls form.weight-preview-editor:first-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(108px, 1fr) 48px;
  gap: 5px;
}

.cart-preview-controls.weight-preview-controls .weight-stepper {
  min-width: 108px;
}

.cart-preview-controls.weight-preview-controls .cart-preview-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}

.cart-preview-controls.weight-preview-controls .cart-preview-actions form:last-child {
  grid-column: auto;
  display: block;
}

.cart-preview-controls.weight-preview-controls .cart-preview-actions .cart-preview-update,
.cart-preview-controls.weight-preview-controls .cart-preview-actions .cart-preview-remove {
  width: 100%;
  height: 32px;
  padding: 6px 4px;
}

@media (max-width: 850px) {
  .shop-layout:not(.shop-layout-empty) { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .cart-preview-line { grid-template-columns: 1fr; }
  .cart-preview-line > span, .cart-preview-controls { grid-column: 1; }
  .cart-preview-controls.weight-preview-controls {
    grid-template-columns: minmax(108px, 1fr) 48px;
  }
}