.contact-page{
  min-height: calc(100vh - var(--header-h));
}

.contact-wrap{
  display:grid;
  grid-template-columns: 1fr 1fr;
  min-height: calc(100vh - var(--header-h));
}

.contact-left{
  background-size:cover;
  background-position:center;
}

.contact-right{
  padding: 80px 60px;
}

.contact-right h1{
  font-size: clamp(44px,6vw,72px);
  line-height: .95;
  margin-bottom: 40px;
}

.contact-form label{
  display:block;
  font-weight:600;
  margin:18px 0 8px;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  border:none;
  border-bottom:1px solid #0f1b27;
  padding:10px 6px;
  font-size:15px;
}

.contact-form textarea{
  resize:vertical;
}

.required-note{
  font-size:13px;
  color:#6b7280;
  margin-top:14px;
}

.contact-form button{
  margin-top:24px;
  padding:14px;
  width:100%;
  background:#0f1b27;
  color:#fff;
  border:none;
  cursor:pointer;
}
/* =========================================
   CONTACT – MOBILE LAYOUT FIX
========================================= */
@media (max-width: 768px){

  /* GRID → TEK KOLON */
  .contact-wrap{
    display: block;
    min-height: auto;
  }

  .contact-page{
    min-height: auto;
  }

  /* SOL GÖRSEL / KART */
  .contact-left{
    width: 100%;
    height: 200px; /* 👈 kısa hero */
    background-position: center;
    background-size: cover;
  }

  /* Eğer kart kullanıyorsan */
  .contact-card{
    width: 100%;
    padding: 24px 20px;
    margin-bottom: 12px;
  }

  /* FORM */
  .contact-right,
  .contact-form{
    width: 100%;
    padding: 28px 20px 36px;
  }

  /* BAŞLIK */
  .contact-right h1,
  .contact-form h3{
    font-size: 32px;
    line-height: 1.15;
    margin-bottom: 24px;
  }

  /* LABEL */
  .contact-form label{
    font-size: 14px;
    margin: 14px 0 6px;
  }

  /* INPUT / SELECT / TEXTAREA */
  .contact-form input,
  .contact-form select,
  .contact-form textarea{
    font-size: 16px; /* 🔥 iOS zoom fix */
    padding: 12px 6px;
  }

  /* BUTTON */
  .contact-form button,
  .contact-submit{
    width: 100%;
    padding: 14px;
    font-size: 16px;
  }

  .required-note{
    font-size: 12px;
    margin: 12px 0 20px;
  }
}
.form-result{
  margin-top: 18px;
  font-size: 14px;
}

.form-result.loading{
  color: #64748b;
}

.form-result.success{
  color: #16a34a;
}

.form-result.error{
  color: #dc2626;
}