/* ===============================
   SZÍNVÁLTOZÓK
=============================== */
:root {
  --c1: #00A6AA; /* türkiz */
  --c2: #37EBFA; /* világos cián */
  --c3: #B9ACBE; /* levendula szürke */
  --c4: #36728A; /* acélkék */
  --c5: #23686F; /* sötét petrol */
  --c6: #403243; /* antracit lila */
}

/* ===============================
   FORM KONTÉNER
=============================== */
.order-form {
  background: linear-gradient(135deg, var(--c5), var(--c6));
  padding: 60px 20px;
}

.order-form-inner {
  max-width: 1100px;
  margin: auto;
  background: white;
  border-radius: 18px;
  padding: 40px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}

/* ===============================
   SECTION
=============================== */
.form-section {
  margin-bottom: 40px;
}

.section-title {
  color: var(--c5);
  margin-bottom: 20px;
}

/* ===============================
   INPUTS
=============================== */
input, textarea, select {
  width: 100%;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid var(--c3);
  background: #f9f9fb;
  margin-top: 6px;
  margin-bottom: 16px;
  transition: 0.2s;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--c1);
  box-shadow: 0 0 0 3px rgba(0,166,170,0.2);
  outline: none;
}

/* ===============================
   GRID
=============================== */
.form-grid {
  display: grid;
  gap: 20px;
}

.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }

/* ===============================
   BUTTON
=============================== */
.contact-submit {
  background: linear-gradient(135deg, var(--c1), var(--c2));
  border: none;
  padding: 16px 28px;
  color: white;
  font-weight: 600;
  border-radius: 12px;
  cursor: pointer;
  transition: 0.3s;
}

.contact-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* ===============================
   MOBIL (1024px alatt)
=============================== */
@media (max-width: 1024px) {
  .grid-2, .grid-3 {
    grid-template-columns: 1fr;
  }

  .order-form-inner {
    padding: 25px;
  }
}