/* --- CONTACT STUDIO CSS (FRAME EDITION) --- */
.vadi-contact-studio {
    padding: 180px 0 100px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.contact-watermark {
    position: absolute;
    top: 5%;
    right: -5%;
    font-size: 15vw;
    font-weight: 900;
    color: rgba(0,0,0,0.02);
    pointer-events: none;
    z-index: 1;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 100px;
    position: relative;
    z-index: 5;
}

/* Sol Taraf */
.c-label { font-weight: 800; color: var(--primary-green); letter-spacing: 5px; font-size: 0.8rem; }
.c-title { font-size: 4.5rem; font-weight: 950; line-height: 0.9; margin: 25px 0 60px; }
.c-title span { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 400; color: var(--primary-green); }

.c-info-list { margin-bottom: 60px; }
.c-info-item { margin-bottom: 35px; }
.c-info-item small { font-size: 0.7rem; font-weight: 800; color: #bbb; letter-spacing: 2px; display: block; margin-bottom: 10px; }
.c-info-item p, .c-info-item a { font-size: 1.2rem; color: var(--black); text-decoration: none; font-weight: 600; transition: 0.3s; }
.c-info-item a:hover { color: var(--primary-green); }

.c-socials { display: flex; gap: 30px; }
.c-socials a { font-size: 0.75rem; font-weight: 900; color: var(--black); text-decoration: none; border-bottom: 2px solid #eee; padding-bottom: 5px; transition: 0.3s; }
.c-socials a:hover { color: var(--primary-green); border-color: var(--primary-green); }

/* Sağ Taraf - Form (Çerçeve Düzenlemesi) */
.form-glass-card {
    background: transparent; /* Arka plan dolgusu kaldırıldı */
    padding: 60px;
    border-radius: 0; /* Keskin mimari hatlar */
    border: 1px solid #eee; /* İnce dış çerçeve */
    box-shadow: none; /* Gölge kaldırıldı */
    transition: 0.4s ease;
}

.form-glass-card:focus-within {
    border-color: var(--primary-green); /* Formdayken dış çerçeve parlar */
}

.input-group { margin-bottom: 25px; }
.input-group input, .input-group select, .input-group textarea {
    width: 100%;
    padding: 18px 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
    outline: none;
    transition: 0.4s;
    border-radius: 0;
}

.input-group input:focus, 
.input-group textarea:focus, 
.input-group select:focus { 
    border-bottom: 1px solid var(--primary-green);
    padding-left: 10px; /* Zarif odaklanma efekti */
}

.submit-btn {
    width: 100%;
    padding: 22px;
    background: transparent; /* Buton içi boş */
    color: var(--black);
    border: 1px solid var(--black); /* Buton dış çerçeve */
    font-weight: 800;
    letter-spacing: 3px;
    cursor: pointer;
    margin-top: 20px;
    transition: 0.4s var(--v-curve);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.submit-btn:hover { 
    background: var(--primary-green); 
    color: #fff; 
    border-color: var(--primary-green);
    transform: translateY(-5px); 
}


/* --- 📱 MOBİL UYUM (TAM MERKEZLENMİŞ VE DENGELİ) --- */
@media (max-width: 992px) {
    .vadi-contact-studio {
        padding: 100px 0 60px;
        display: flex;
        justify-content: center; /* Bölümü yatayda ortalar */
    }

    .contact-grid { 
        grid-template-columns: 1fr; 
        gap: 50px; 
        padding: 0 20px;
        width: 100%;
        max-width: 600px; /* Mobilde içeriğin çok yayılmasını önleyip toplu durmasını sağlar */
        margin: 0 auto;  /* Grid'i merkeze çeker */
        text-align: left; /* Metinleri solda tutar ama bloğu ortalar */
    }
    
    .c-label, .c-title {
        text-align: left; /* Mimari dokuyu bozmamak için başlıklar solda kalsın */
    }

    .form-glass-card { 
        padding: 40px 25px;
        margin: 0 auto;
        width: 100%;
        box-sizing: border-box; /* Padding'in genişliği bozmasını engeller */
        background: #ffffff;
        border: 1px solid #eee !important;
    }

    .c-socials {
        justify-content: flex-start; /* Sosyal medyaları sola hizalı tutar */
        gap: 20px;
    }
}

/* Telefonlar İçin Ekstra Hassas Ayar */
@media (max-width: 480px) {
    .vadi-contact-studio {
        padding: 80px 0 40px;
    }

    .contact-grid {
        padding: 0 15px; /* Kenar paylarını biraz daha daraltalım */
    }

    .c-title {
        font-size: 2.2rem;
        line-height: 1.1;
    }

    .c-info-item p, .c-info-item a {
        font-size: 1.05rem;
    }

    .submit-btn {
        width: 100%; /* Butonun tam genişlikte ve ortalı olmasını sağlar */
    }
}