/* Contact Page Styles - Yeni Tasarım */

















.contact-hero {

















    background: linear-gradient(135deg, #3ea635 0%, #2d7a28 100%);

















    padding: 80px 0 60px;

















    text-align: center;

















    color: white;

















    margin-bottom: 60px;

















}

















.contact-hero h1 {

















    font-size: 42px;

















    font-weight: 700;

















    margin-bottom: 15px;

















}

















.contact-hero p {

















    font-size: 18px;

















    opacity: 0.95;

















    max-width: 700px;

















    margin: 0 auto;

















}

















.contact-container {

















    max-width: 1200px;

















    margin: 0 auto;

















    padding: 0 20px 60px;

















}

















.contact-content {

















    display: grid;

















    grid-template-columns: 1fr 1fr;

















    gap: 40px;

















    margin-bottom: 60px;

















}

















/* Form Section - Sol */

















.contact-form-section {

















    background: white;

















    padding: 40px;

















    border-radius: 16px;

















    box-shadow: 0 4px 20px rgba(0,0,0,0.08);

















}

















.contact-form-section h2 {

















    color: #2c3e50;

















    font-size: 28px;

















    font-weight: 700;

















    margin-bottom: 25px;

















}

















.form-message {

















    padding: 16px 20px;

















    border-radius: 8px;

















    margin-bottom: 25px;

















    font-size: 14px;

















    line-height: 1.6;

















}

















.form-message.success {

















    background-color: #d4edda;

















    color: #155724;

















    border: 1px solid #c3e6cb;

















}

















.form-message.error {

















    background-color: #f8d7da;

















    color: #721c24;

















    border: 1px solid #f5c6cb;

















}

















.contact-form-section .form-row {

















    display: grid;

















    grid-template-columns: 1fr 1fr;

















    gap: 20px;

















}

















.form-group {

















    margin-bottom: 20px;

















}

















.form-group label {

















    display: block;

















    font-weight: 600;

















    color: #2c3e50;

















    margin-bottom: 8px;

















    font-size: 14px;

















}

















.form-group input,

















.form-group textarea {

















    width: 100%;

















    padding: 12px 16px;

















    border: 2px solid #e0e0e0;

















    border-radius: 8px;

















    font-size: 15px;

















    transition: all 0.3s ease;

















    font-family: inherit;

















    box-sizing: border-box;

















}

















.form-group input:focus,

















.form-group textarea:focus {

















    outline: none;

















    border-color: #3ea635;

















    box-shadow: 0 0 0 3px rgba(62, 166, 53, 0.1);

















}

















.form-group textarea {

















    min-height: 150px;

















    resize: vertical;

















}

















.submit-btn {

















    width: 100%;

















    padding: 14px 28px;

















    background: linear-gradient(135deg, #3ea635, #2d7a28);

















    color: white;

















    border: none;

















    border-radius: 8px;

















    font-size: 16px;

















    font-weight: 600;

















    cursor: pointer;

















    transition: all 0.3s ease;

















}

















.submit-btn:hover {

















    transform: translateY(-2px);

















    box-shadow: 0 6px 20px rgba(62, 166, 53, 0.4);

















}

















/* Info Section - Sağ */

















.contact-info-section {

















    background: white;

















    padding: 40px;

















    border-radius: 16px;

















    box-shadow: 0 4px 20px rgba(0,0,0,0.08);

















}

















.contact-info-section h2 {

















    color: #2c3e50;

















    font-size: 28px;

















    font-weight: 700;

















    margin-bottom: 30px;

















}

















.contact-info-item {

















    display: flex;

















    gap: 20px;

















    margin-bottom: 30px;

















    padding-bottom: 30px;

















    border-bottom: 1px solid #f0f0f0;

















}

















.contact-info-item:last-child {

















    border-bottom: none;

















    margin-bottom: 0;

















    padding-bottom: 0;

















}

















.contact-info-icon {

















    flex-shrink: 0;

















    width: 50px;

















    height: 50px;

















    background: linear-gradient(135deg, #3ea635, #2d7a28);

















    border-radius: 12px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    color: white;

















}

















.contact-info-icon svg {

















    width: 24px;

















    height: 24px;

















}

















.contact-info-content h3 {

















    color: #2c3e50;

















    font-size: 18px;

















    font-weight: 600;

















    margin-bottom: 8px;

















}

















.contact-info-content p {

















    color: #666;

















    line-height: 1.6;

















    margin: 0;

















}

















.contact-info-content a {

















    color: #3ea635;

















    text-decoration: none;

















    font-weight: 500;

















}

















.contact-info-content a:hover {

















    text-decoration: underline;

















}

















.social-media-links {

















    display: flex;

















    gap: 12px;

















    margin-top: 12px;

















}

















.social-media-links a {

















    width: 40px;

















    height: 40px;

















    background: #f5f5f5;

















    border-radius: 8px;

















    display: flex;

















    align-items: center;

















    justify-content: center;

















    color: #666;

















    transition: all 0.3s ease;

















}

















.social-media-links a:hover {

















    background: #3ea635;

















    color: white;

















    transform: translateY(-3px);

















}

















/* Map Section - Alta (Tam Genişlik) */

















.map-section {

















    background: white;

















    padding: 40px;

















    border-radius: 16px;

















    box-shadow: 0 4px 20px rgba(0,0,0,0.08);

















}

















.map-section h2 {

















    color: #2c3e50;

















    font-size: 28px;

















    font-weight: 700;

















    margin-bottom: 25px;

















    text-align: center;

















}

















.map-container {

















    border-radius: 12px;

















    overflow: hidden;

















    height: 450px;

















}

















.map-container iframe {

















    width: 100%;

















    height: 100%;

















    border: none;

















}

















/* Tablet - Form row alt alta */

















@media (max-width: 992px) {

















    .contact-form-section .form-row {

















        grid-template-columns: 1fr;

















    }

















}

















/* Mobile Responsive */

















@media (max-width: 768px) {

















    .contact-hero {

















        padding: 60px 0 40px;

















    }

















    .contact-hero h1 {

















        font-size: 32px;

















    }

















    .contact-content {

















        grid-template-columns: 1fr;

















        gap: 30px;

















    }

















    .contact-form-section,

















    .contact-info-section,

















    .map-section {

















        padding: 30px 20px;

















    }

















    .contact-form-section .form-row {

















        grid-template-columns: 1fr;

















    }

















    .contact-info-item {

















        flex-direction: column;

















        gap: 15px;

















    }

















    .map-container {

















        height: 350px;

















    }

















}