@layer customer {
  .order {
    margin: 0 auto;
    max-width: var(--size-content-3);

    & > * + * {
      margin-top: var(--size-4);
    }
  }

  .order\/action {
    align-items: center;
    border-radius: var(--radius-1);
    display: flex;
    justify-content: space-between;
    padding: var(--size-2);
  }

  .order\/action\:regular {
    background-color: var(--blue-1);
    border: solid 1px var(--blue-7);
    color: var(--blue-10);
  }

  .order\/action\:dangerous {
    background-color: var(--red-1);
    border: solid 1px var(--red-8);
    color: var(--red-10);
  }

  .order\/product-cards {
    --grid-columns: 1;

    display: grid;
    gap: var(--size-2);
    grid-template-columns: repeat(var(--grid-columns), 1fr);
  }

  @media (min-width: 480px) {
    .order\/product-cards {
      --grid-columns: 2;
    }
  }

  .order\/promo-code {
    background-color: var(--gray-1);
    border-radius: var(--radius-1);
    border: solid 1px var(--gray-5);
    color: var(--gray-10);
    margin-bottom: var(--size-2);
    padding: var(--size-2);
  }

  .order\/summary {
    background-color: var(--gray-1);
    border-radius: var(--radius-1);
    border: solid 1px var(--gray-5);
    color: var(--gray-10);
    padding: var(--size-3);
    display: grid;
    grid-template-columns: 1fr min-content;
    column-gap: var(--size-2);
    row-gap: var(--size-3);
  }

  .order\/summary-item {
    display: block;
  }

  .order\/summary-comment {
    display: block;
  }

  .order\/summary-value {
    align-content: center;
    font-size: var(--font-size-3);
    text-align: right;
    white-space: nowrap;
  }

  .order\/actions {
    text-align: right;
  }

  .order-dates\/instruction {
    margin-bottom: var(--size-4);
  }

  .order-dates\/label {
    display: flex;
    justify-content: center;
    margin-bottom: var(--size-2);
  }

  .order-dates\/input {
    display: none;
  }

  .order-dates\/actions {
    column-gap: var(--size-2);
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-top: var(--size-2);
  }
}