.kurs-table {
  width: 100%;
}
.kurs-head, .kurs-row {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.5fr 1fr 1fr 1fr;
  align-items: center;
  gap: 24px;
  padding: 24px 0;
}
.kurs-head {
  font-weight: 700;
  text-transform: uppercase;
  background: #edeae3;
  font-family: "Oswald";
  font-size: 18px;
}
.kurs-row {
  font-size: 16px;
}
.kurs-row:nth-child(odd) {
  background: #f6f4f0;
}
.kurs-row div, .kurs-head div {
  text-align: center;
}
.kurs-stock {
  font-weight: 700;
  text-transform: uppercase;
}
.kurs-stock span {
  display: none;
}
.kurs-stock.is-available {
  color: #6aab1d;
}
.kurs-stock.is-soldout, .kurs-stock.is-expired {
  color: #d33d3d;
}
.kurs-price {
  font-weight: 700;
}
.kurs-qty-inner {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: fit-content;
  background: white;
  overflow: hidden;
}
.kurs-qty-input {
  width: 28px;
  text-align: center;
  border: 0;
  font-size: 16px;
}
.kurs-qty-btn {
  width: 32px;
  height: 32px;
  border: 0;
  cursor: pointer;
  background: white;
}
.kurs-qty-btn:disabled,
.kurs-qty-input:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.kurs-button .button {
  background: #000;
  color: #fff;
  text-transform: uppercase;
  padding: 14px 24px;
  border: 0;
}
@media (max-width: 900px) {
  .kurs-head {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .kurs-head div:nth-child(2), .kurs-head div:nth-child(3), .kurs-head div:nth-child(6) {
    display: none;
  }
  .kurs-row {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
  }
  .kurs-time {
    grid-column: 1;
  }
  .kurs-stock, .kurs-qty {
    grid-column: 2;
  }
  .kurs-price, .kurs-button {
    grid-column: 3;
  }
  .kurs-price, .kurs-stock {
    grid-row: 1;
  }
  .kurs-date, .kurs-stock, .kurs-price {
    align-self: end;
  }
  .kurs-time, .kurs-qty, .kurs-button {
    align-self: start;
  }
}