/* Capacity stays inside the existing photo footprint. */
.order-products-section .product-icon { position: relative; }
.order-volume-badge {
  position: absolute; inset: auto 0 0; z-index: 1;
  display: flex; align-items: center; justify-content: center;
  min-height: 13px; padding: 1px 2px; box-sizing: border-box;
  background: #4f5ff0; color: #fff;
  font: 700 9px/12px system-ui, sans-serif; letter-spacing: 0;
  white-space: nowrap; pointer-events: none;
}
.order-volume-photo { position: relative; display: inline-flex; flex: none; overflow: hidden; box-sizing: border-box; }
.draft-product.editable > .order-volume-photo { width: 36px; height: 40px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface-subtle); }
.draft-product.editable > .order-volume-photo > img { width: 100%; height: 100%; padding: 2px; box-sizing: border-box; object-fit: contain; }
.new-order-selected-items > div > .order-volume-photo { width: 48px; height: 48px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-subtle); }
.new-order-selected-items > div > .order-volume-photo > img { width: 100%; height: 100%; object-fit: contain; box-sizing: border-box; }
@media (max-width: 900px) {
  .new-order-selected-items > div > .order-volume-photo { width: 42px; height: 42px; }
}