.order-parcel-items { display: grid; gap: .7rem; margin: .45rem 0 .7rem; }
.order-parcel-card { display: grid; gap: .65rem; border: 1px solid #e1e6e9; border-radius: .75rem; padding: .75rem; background: #f8fafb; }
.order-parcel-card__header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.order-parcel-card .form-grid { margin: 0; }
.parcel-format-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.parcel-format-card { position: relative; display: flex; min-width: 0; min-height: 5.2rem; align-items: center; justify-content: center; padding: .7rem .55rem; border: 1px solid #cfd8dc; border-radius: .65rem; background: #fff; cursor: pointer; text-align: center; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; }
.parcel-format-card input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.parcel-format-card:hover, .parcel-format-card:focus-within { border-color: #1677a5; box-shadow: 0 0 0 2px rgb(22 119 165 / 15%); }
.parcel-format-card.is-selected { border-color: #1677a5; background: #eef8fc; box-shadow: 0 0 0 2px rgb(22 119 165 / 22%); }
.parcel-format-card__body { display: grid; gap: .25rem; }
.parcel-format-card strong { font-size: .95rem; }
.parcel-format-card small { color: #58666d; font-size: .75rem; line-height: 1.25; }
.parcel-format-details { display: grid; gap: .6rem; grid-template-columns: minmax(0, 1fr); }
.parcel-oversize-fields { display: grid; gap: .6rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.parcel-format-details[hidden], .parcel-oversize-fields[hidden] { display: none; }
@media (max-width: 640px) {
  .parcel-format-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .parcel-format-card { min-height: 4.8rem; }
  .parcel-oversize-fields { grid-template-columns: 1fr; }
  .order-parcel-card .form-grid { grid-template-columns: 1fr; }
}
@media (max-width: 359px) {
  .parcel-format-cards { grid-template-columns: 1fr; }
}