/* 2H MODERN - MINIMALIST CONTACT BAR (FIXED) */

@media (max-width: 768px) {
    /* 1. Global Yazı Kapanma Fix */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        position: relative !important;
        padding-bottom: 85px !important; 
    }

    /* 2. Navigasyon ve Çerçeve Düzeni */
    .frame { 
        padding: 15px 20px !important; 
        pointer-events: none !important;
        z-index: 10000 !important;
    }
    .frame__part { 
        align-items: flex-start !important; 
        pointer-events: auto !important;
    }
    .logo-nav { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 5px !important; 
    }
    .logo img { height: 26px !important; }
    .back-btn-modern { 
        font-size: 8px !important; 
        letter-spacing: 1px !important; 
        opacity: 0.8 !important; 
    }

    /* 3. Hero Alanları */
    .hero-section {
        grid-template-columns: 1fr !important;
        padding: 130px 20px 40px !important;
        gap: 30px !important;
        text-align: center;
        min-height: auto !important;
    }
    .hero-text h1 {
        font-size: 26px !important;
        line-height: 1.1 !important;
        letter-spacing: 1px !important;
    }
    .hero-text p {
        font-size: 14px !important;
        margin: 0 auto 25px !important;
    }
    .hero-nav-btns {
        flex-direction: row !important;
        justify-content: center !important;
        gap: 10px !important;
    }
    .hero-btn {
        padding: 15px 20px !important;
        font-size: 10px !important;
        letter-spacing: 1px !important;
        flex: 1 !important;
    }

    /* 4. Form Alanı */
    .contact-form-box {
        padding: 25px 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        border-width: 1px !important;
    }
    .form-group input, .form-group textarea {
        padding: 15px !important;
        font-size: 13px !important;
    }

    /* 5. HİZMETLER / SİSTEMLER VE PROJELER BAŞLIKLARI */
    .services-header h2, .projects-header h2 {
        font-size: 18px !important; 
        letter-spacing: 2px !important; 
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }
    .systems-section, .services-section {
        padding: 50px 20px !important;
    }
    .systems-grid, .services-grid {
        grid-template-columns: 1fr 1fr !important; 
        gap: 12px !important;
        display: grid !important; 
    }
    .system-card, .service-card {
        height: 180px !important; 
        min-height: 180px !important;
    }
    .service-card i {
        font-size: 28px !important; 
        margin-bottom: 15px !important;
    }
    .service-card h3, .card-content h3 {
        font-size: 10px !important;
        letter-spacing: 0.5px !important;
        line-height: 1.3 !important;
    }

    /* 6. Mimari Danışmanlık - Proje Listesi */
    .project-list { padding: 0 20px 100px !important; }
    .project-row {
        grid-template-columns: 1fr !important;
        padding: 0 !important;
        gap: 20px !important;
    }
    .project-thumb { height: 200px !important; }
    .viewer-360-large { height: 250px !important; }

    /* 7. Ana Sayfa Kutuları */
    .shard-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        padding: 10px !important;
    }
    .shard { 
        padding: 15px !important; 
        aspect-ratio: 1/1.2 !important; 
    }
    .shard h3 { font-size: 11px !important; letter-spacing: 0.5px !important; }

    /* 8. İLETİŞİM BARI (Sadece Yazılar Kalktı, Tasarım Bozulmadı) */
    .contact-block {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 65px !important; 
        flex-direction: row !important;
        justify-content: space-around !important;
        align-items: center !important;
        background: #000000 !important;
        padding: 0 !important;
        border-top: 0.5px solid rgba(255, 255, 255, 0.1) !important;
        z-index: 100000 !important;
    }
    .c-item { 
        flex-direction: column !important; 
        gap: 0 !important; 
        opacity: 0.6 !important; 
    }
    .c-item i { 
        background: transparent !important; 
        font-size: 20px !important; 
        color: #fff !important; 
    }
    .c-item span { 
        display: none !important; /* Sadece yazıları gizledik */
    }

    /* 9. Ekstra Fixes */
    .back-btn { bottom: 85px !important; font-size: 9px !important; }
}