/* Distribución del editor de regalos: ancho completo en escritorio, orden natural en móvil. */
#creator {
  width: min(1040px, calc(100% - 24px));
}

.gift-row,
.gift-row.specific-product {
  display: grid;
  grid-template-columns: minmax(180px, .75fr) minmax(0, 1fr) minmax(0, 1fr) 110px 48px;
  grid-template-areas: "type value value quantity remove";
  gap: 12px;
  align-items: end;
  padding: 18px 0;
}

.gift-row.specific-product {
  grid-template-areas:
    "type category category quantity remove"
    "search search value value .";
}

.gift-row label { min-width: 0; }
.gift-kind { grid-area: type; }
.product-category { grid-area: category; }
.product-search { grid-area: search; }
.gift-value { grid-area: value; }
.gift-quantity { grid-area: quantity; }
.remove { grid-area: remove; }

.gift-result {
  display: block;
  margin-top: 6px;
  font-size: 12px;
}

.actions .danger {
  color: #ffb2b6;
  border-color: #7b3034;
  background: #351719;
}

.actions .danger:hover {
  background: #531d21;
}

@media (max-width: 980px) and (min-width: 701px) {
  .invite-card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .invite-card .actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
}

@media (max-width: 700px) {
  .gift-row,
  .gift-row.specific-product {
    grid-template-columns: minmax(0, 1fr) 48px;
    grid-template-areas:
      "type remove"
      "category category"
      "search search"
      "value value"
      "quantity quantity";
    gap: 10px;
  }

  .gift-row:not(.specific-product) {
    grid-template-areas:
      "type remove"
      "value value"
      "quantity quantity";
  }

  .gift-quantity { max-width: 140px; }

  .dialog-actions {
    margin-inline: -18px;
    padding-inline: 18px;
  }
}