.checkout {
  margin-top: 2rem;
}

.checkout .items-compras {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.checkout .items-compras .item-compra {
  width: 100%;
  display: flex;
  justify-content: space-between;

  justify-content: space-between;
  gap: 0.5rem;
  border-top: 1px solid #ccc;
  padding-block: 1rem;
}

.checkout .items-compras .item-compra .header-body {
  text-decoration: none;
  color: #000;
}

.checkout .items-compras .item-compra .header-body h4 {
  font-size: 1rem;
}

.checkout .items-compras .item-compra .photo {
  width: 30%;
}

.items-compras .body-content-compra {
  width: 70%;

  display: flex;
}

.checkout .items-compras .item-compra .header-body {
  width: 50%;
}

.checkout .items-compras .item-compra .compra-actions {
  width: 50%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.checkout .items-compras .item-compra .compra-actions a {
  font-size: 0.9rem;
  text-decoration: none;
}

.checkout .items-compras .item-compra .photo img {
  width: 100%;
}

.checkout .number-carrinho {
  padding-bottom: 0.8rem;
}

.finalizar-operacao {
  margin-top: 1rem;
}

.finalizar-operacao .header-operacao h3 {
  font-size: 1rem;
  margin-block: 1rem;
}

.finalizar-operacao button {
  width: 100%;
  background: #0975c6;
  padding: 1rem;
  border: 0;
  color: #fff;
}

.form-operacao {
  margin-top: 5rem;
  padding: 1rem;
  background: white;
}

.form-operacao form .form-group {
  margin-bottom: 1rem;
}

.form-operacao form input {
  padding: 0.9rem;
}

@media (min-width: 720px) and (max-width: 1024px) {
}

@media (max-width: 640px) {
  .checkout .items-compras .item-compra {
    flex-wrap: wrap !important;
  }

  .checkout .items-compras .item-compra .photo {
    width: 100%;
  }

  .body-content-compra {
    width: 100% !important;
  }
  .finalizar-operacao {
    margin-top: 0;
    margin-bottom: 2rem;
  }
}