/* Модальное окно запроса предзаказа — по образцу checkout-modal */

.preorder-modal .modal-dialog {
  max-width: 480px;
}

.preorder-modal__content {
  background: #2a2a2b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1rem;
  overflow: hidden;
}

.preorder-modal__header {
  background: #2a2a2b;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 1.25rem 1.5rem;
}

.preorder-modal__title {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  font-family: Inter, system-ui, sans-serif;
  margin: 0;
}

.preorder-modal__close {
  filter: invert(1);
  opacity: 0.7;
}

.preorder-modal__close:hover {
  opacity: 1;
}

.preorder-modal__body {
  background: #2a2a2b;
  padding: 1.5rem;
}

.preorder-modal__fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.preorder-modal__product {
  color: #fff;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0.75rem 1rem;
  background: #1e1e1f;
  border-radius: 0.75rem;
}

.preorder-modal__product:empty {
  display: none;
}

.preorder-modal__label {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.875rem;
  font-family: Inter, system-ui, sans-serif;
  margin-bottom: 0.5rem;
}

.preorder-modal__required {
  color: #f87171;
}

.preorder-modal__input {
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: #1e1e1f !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.5rem;
  color: #fff !important;
  font-size: 1rem;
  font-family: Inter, system-ui, sans-serif;
  transition: border-color 0.2s;
}

.preorder-modal__input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.preorder-modal__input:focus {
  outline: none;
  border-color: #6b5fff;
  box-shadow: 0 0 0 2px rgba(107, 95, 255, 0.2);
  background-color: #1e1e1f !important;
}

.preorder-modal__input.is-invalid {
  border-color: #f87171;
}

.preorder-modal__error {
  color: #f87171;
  font-size: 0.8rem;
  font-family: Inter, system-ui, sans-serif;
  margin-top: 0.25rem;
}

.preorder-modal__error:empty {
  display: none;
}

.preorder-modal__success {
  color: #fff;
  font-family: Inter, system-ui, sans-serif;
  font-size: 1rem;
  text-align: center;
  padding: 1.5rem 1rem;
  background: #1e1e1f;
  border-radius: 0.75rem;
}

.preorder-modal__footer {
  background: #2a2a2b;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 1rem 1.5rem 1.5rem;
  flex-direction: column;
  gap: 0.75rem;
}

.preorder-modal__submit {
  width: 100%;
  padding: 1rem 1.5rem;
  background: linear-gradient(to right, #4854fc, #6b5fff);
  border: none;
  border-radius: 0.75rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  font-family: Inter, system-ui, sans-serif;
  cursor: pointer;
  transition: background 0.2s;
  box-shadow: 0 4px 12px rgba(72, 84, 252, 0.3);
}

.preorder-modal__submit:hover {
  background: linear-gradient(to right, #5b65ff, #7c6fff);
}

.preorder-modal__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.preorder-modal__back {
  width: 100%;
  padding: 0.75rem 1.5rem;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
  font-family: Inter, system-ui, sans-serif;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.preorder-modal__back:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.preorder-card-btn {
  background: linear-gradient(to right, #fbbf24, #d88e1f)!important;
  color: #171717!important;
}

.preorder-card-btn:hover {
  background: linear-gradient(to right, #edb421, #bf7e1b)!important;
}