/* ╔══════════════════════════════════════════════════════════════╗
   ║  contact.css — Styles specific to the CONTACT page         ║
   ╚══════════════════════════════════════════════════════════════╝ */
/* contact.css — Contact page */
.con-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
.con-item { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
.con-ico { width: 44px; height: 44px; background: var(--gl); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--green); flex-shrink: 0; }
.con-item h4 { font-size: .87rem; font-weight: 700; margin-bottom: 2px; }
.con-item p  { font-size: .82rem; color: var(--gray); }
.soc-row { display: flex; gap: 10px; margin-top: 28px; }
.sl { width: 40px; height: 40px; border-radius: 9px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: .95rem; transition: all .2s; }
.sl:hover { transform: translateY(-3px); }
.sl-fb { background: #1877f2; } .sl-tw { background: #1da1f2; }
.sl-ig { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }
.sl-wa { background: #25d366; } .sl-yt { background: #f00; }
.con-form { background: var(--light); border-radius: 16px; padding: 30px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fg { margin-bottom: 14px; }
.fg label { display: block; font-size: .8rem; font-weight: 600; margin-bottom: 5px; }
.fg input, .fg select, .fg textarea { width: 100%; padding: 11px 13px; border: 2px solid #e5e7eb; border-radius: 8px; font-family: inherit; font-size: .86rem; color: var(--dark); outline: none; transition: border-color .2s; background: #fff; }
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--green); }
.fg textarea { resize: vertical; min-height: 105px; }
@media (max-width: 768px) { .con-grid { grid-template-columns: 1fr; } .form-row { grid-template-columns: 1fr; } }