/* Contact Page - مستقل */
.contact-page{
  width:100%;
  max-width:1200px;
  margin:0 auto;
}

.contact-title{
  text-align:center;
  color:var(--color-primary);
  font-size:1.9rem;
  margin:8px 0 16px;
}

/* كرت الصفحة */
.contact-card{
  background:var(--color-surface);
  border:1px solid var(--color-border);
  border-radius:18px;
 box-shadow:0 6px 18px var(--color-shadow);
  padding:18px;
}

/* الرسائل */
.contact-success{
  border:1px solid var(--color-border);
  background:#f0fdf4;
  color:var(--color-primary);
  padding:12px 14px;
  border-radius:12px;
  margin-bottom:14px;
}

.contact-error{
  border:1px solid #fecaca;
  background:#fef2f2;
  color:#991b1b;
  padding:12px 14px;
  border-radius:12px;
  margin-bottom:14px;
}

/* الحقول */
.contact-field{
  margin-bottom:12px;
}

.contact-field label{
  display:block;
  margin-bottom:6px;
  font-weight:700;
}

.contact-field input,
.contact-field textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid var(--color-border);
  border-radius:12px;
  font-size:1rem;
  box-sizing:border-box;
}

/* زر الإرسال */
.contact-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--color-primary);
  color:var(--color-white);
  border:1px solid var(--color-primary);
  border-radius:12px;
  padding:10px 28px;
  font-weight:800;
  cursor:pointer;
}

.contact-desc{
  text-align:center;
  color:var(--color-primary);
  font-size:1.05rem;
  line-height:1.9;
  margin-bottom:22px;
  font-weight:500;
}

.contact-btn:hover{
  background:var(--color-primary-dark);
  border-color:var(--color-primary-dark);
}

.contact-honeypot{
  display:none !important;
}

/* تقليل المسافة يمين ويسار في صفحة اتصل بنا */
main .contact-page{
  max-width:1400px;
}

/* تقليل المسافة داخل الكرت */
main .contact-card{
  padding:16px;
}