/* SAYFA BAŞLIĞI */
.page-header { background: linear-gradient(rgba(44, 62, 80, 0.85), rgba(44, 62, 80, 0.85)), url('https://images.unsplash.com/photo-1587560699334-cc4262401233'); background-size: cover; background-position: center; color: #ffffff; padding: 4rem 0; text-align: center; }
.page-header h1 { font-size: 3rem; margin-bottom: 0.5rem; }

/* İLETİŞİM BÖLÜMÜ TASARIMI */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
.contact-details h3, .contact-form-wrapper h3 { font-size: 1.8rem; color: #2c3e50; margin-bottom: 2rem; }
.info-item { display: flex; align-items: flex-start; margin-bottom: 1.5rem; }
.info-item i { font-size: 1.5rem; color: #007bff; margin-right: 1.5rem; margin-top: 5px; }
.info-item p { margin: 0; line-height: 1.7; font-size: 1.1rem; }
.info-item p a { color: #333; transition: color 0.3s ease; }
.info-item p a:hover { color: #007bff; }
.contact-map { margin-top: 2rem; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.1); }

/* İLETİŞİM FORMU TASARIMI */
.form-group { margin-bottom: 1.5rem; }
.form-group input, .form-group textarea { width: 100%; padding: 1rem; border: 1px solid #ccc; border-radius: 5px; font-family: 'Poppins', sans-serif; font-size: 1rem; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
.form-group input:focus, .form-group textarea:focus { border-color: #007bff; box-shadow: 0 0 0 3px rgba(0,123,255,0.25); outline: none; }
.form-group textarea { resize: vertical; }
.cta-button { width: 100%; border: none; cursor: pointer; background: #007bff; color: #fff; padding: 1rem; border-radius: 5px; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; transition: background-color 0.3s ease; }
.cta-button:hover { background-color: #0056b3; }
#form-status { margin-top: 1rem; padding: 1rem; border-radius: 5px; text-align: center; display: none; }
#form-status.success { background-color: #d4edda; color: #155724; }
#form-status.error { background-color: #f8d7da; color: #721c24; }

/* RESPONSIVE AYARLAR */
@media (max-width: 992px) { .contact-grid { grid-template-columns: 1fr; } }