/* Simplified three-stage customer order timeline */
.order-progress {
  grid-template-columns: repeat(3, 1fr);
}

.order-progress::before {
  left: 16.666%;
  right: 16.666%;
}

.progress-fill {
  left: 16.666%;
}

.product-row.no-actions {
  grid-template-columns: 86px minmax(0, 1fr);
}

.order-products {
  display: grid;
  gap: 12px;
}

.product-thumb {
  position: relative;
  overflow: hidden;
  background: #f7f5f1;
}

.product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: none;
}

.product-thumb--custom img {
  object-fit: cover;
}

.product-thumb > span {
  display: none;
  color: #8b8377;
  font-size: 12px;
  font-weight: 700;
}

.product-thumb--missing > span {
  display: block;
}

.product-thumb--missing img {
  display: none;
}

.delivery-note {
  align-items: flex-start;
}

.delivery-note span {
  overflow-wrap: anywhere;
}

.account-bar--actions-only {
  justify-content: flex-end;
  min-height: 44px;
  margin-bottom: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.account-bar--actions-only .account-actions {
  margin-left: auto;
}

.account-heading--tabs-only {
  justify-content: flex-end;
}

.skeleton-top {
  display: none;
}

@media (max-width: 620px) {
  .order-progress {
    margin-left: 0;
    margin-right: 0;
  }

  .product-row.no-actions {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .product-thumb {
    width: 64px;
    height: 64px;
  }

  .account-bar--actions-only {
    min-height: 40px;
  }

  .account-heading--tabs-only {
    align-items: stretch;
  }
}