.wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: var(--headerHeight);
  margin-bottom: 125px;
}

.price-panel {
  width: 35%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: var(--fontSize);
  padding: 10px;
  border-right: 3px solid var(--textColor);
  border-bottom: 3px solid var(--textColor);
}

.price-panel__price-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.price-list__position {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.price-panel__total-price {
  margin-top: 50px;
  color: var(--accentColor);
}

.market {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15px;
  padding: 25px;
}

.market-block {
  width: 250px;
  height: auto;
  text-align: center;
}

.market-card__card-img {
  width: 120px;
}

.market-block__title-block {
  font-size: var(--fontSize);
  margin-bottom: 15px;
}

.market-block__content-block {
  border: 3px solid var(--accentColor);
  border-radius: var(--radius);
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.market-card {
  margin-bottom: 15px;
}

.market-quantity {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  font-size: var(--fontSize);
  font-weight: 700;
  /* border: 3px solid red; */
}

.market-quantity__btn {
  width: 100px;
  font-size: var(--fontSize);
  padding: 10px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  font-weight: 700;
}

.form-section {
  align-items: center;
}

.form {
  /* border: 3px solid red; */
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.form__input-container {
  display: flex;
  gap: 50px;
}

.form__form-input {
  width: 250px;
  background-color: transparent;
  border: 3px solid var(--accentColor);
  border-radius: var(--radius);
  font-size: var(--fontSize);
  padding: 10px;
  color: var(--accentColor);
  font-weight: 600;
}

.form__form-input::placeholder {
  color: var(--textColor);
}

.form__form-input:focus {
  outline: none;
  border: 3px solid var(--textColor);
}

.email-input {
  width: 100% !important;
}

.form__submit-btn {
  width: 100%;
  font-size: var(--fontSize);
  padding: 25px;
  font-weight: 600;
  background-color: var(--accentColor);
  color: var(--bgColor);
  border-radius: var(--radius);
  transition: var(--transition);
  cursor: pointer;
  border: none;
}

.form__submit-btn:hover {
  color: var(--textColor);
}