/* ===============================
   CONTACT LUXURY LAYOUT
=============================== */

.contact-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:60px;
  align-items:start;
}

/* LEFT INFO */

.contact-info{
  padding:40px;
  border-radius:28px;
  background:linear-gradient(
    135deg,
    rgba(122,15,27,.06),
    rgba(122,15,27,.02)
  );
  border:1px solid rgba(122,15,27,.15);
}

.contact-info h3{
  font-size:22px;
  margin-bottom:20px;
}

.contact-actions{
  margin-top:20px;
  display:flex;
  gap:14px;
}

.contact-note{
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid var(--line);
}

/* RIGHT FORM */

.contact-form-wrapper{
  background:#fff;
  padding:50px;
  border-radius:32px;
  box-shadow:0 30px 60px rgba(0,0,0,.08);
  border:1px solid var(--line);
}

.contact-form{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin-top:25px;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  padding:16px 18px;
  border-radius:14px;
  border:1px solid var(--line);
  font-size:14px;
  font-family:'IBM Plex Sans Thai',sans-serif;
  transition:.25s ease;
}

.contact-form textarea{
  grid-column:1/-1;
  min-height:140px;
}

.contact-form button{
  grid-column:1/-1;
  margin-top:10px;
  padding:16px;
  border-radius:16px;
}

.contact-form small{
  grid-column:1/-1;
  margin-top:8px;
  font-size:12px;
  color:var(--muted);
}

/* Focus effect */

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  outline:none;
  border-color:var(--brand);
  box-shadow:0 0 0 6px rgba(122,15,27,.08);
}

/* Responsive */

@media(max-width:980px){
  .contact-grid{
    grid-template-columns:1fr;
  }

  .contact-form{
    grid-template-columns:1fr;
  }
}



.form-message{
  margin-top:16px;
  font-weight:500;
}

.form-message.success{
  color:#0a7a2f;
}

.form-message.error{
  color:#c00000;
}



.line-qr-box{
  margin-top:40px;
  padding-top:30px;
  border-top:1px solid var(--line);
  text-align:center;
}

.line-title{
  font-size:18px;
  font-weight:600;
  margin-bottom:6px;
}

.line-sub{
  font-size:14px;
  color:var(--muted);
  margin-bottom:18px;
}

.line-qr{
  width:180px;
  border-radius:16px;
  box-shadow:var(--shadow-soft);
  margin-bottom:14px;
}