.elementor-352 .elementor-element.elementor-element-71f9608{--display:flex;}.elementor-352 .elementor-element.elementor-element-5bd377f{width:100%;max-width:100%;padding:0px 0px 0px 0px;z-index:99999;}.elementor-352 .elementor-element.elementor-element-439aac3{--display:flex;}.elementor-352 .elementor-element.elementor-element-0cc9cfb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-352 .elementor-element.elementor-element-78ac294{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + -50px) 0px;}.elementor-352 .elementor-element.elementor-element-aa8e560{--display:flex;}/* Start custom CSS for html, class: .elementor-element-5bd377f *//* --- MOBİL İYİLEŞTİRME YAMASI (767px ve altı için) --- */
@media only screen and (max-width: 767px) {

    /* 1. TÜM GRID SİSTEMLERİNİ TEK SÜTUNA İNDİR */
    /* Hizmetler, İletişim, Footer vb. hepsi alt alta dizersin */
    .pro-grid, 
    .srv-grid, 
    .pf-grid, 
    .contact-wrapper, 
    .story-section, 
    .stats-grid, 
    .why-grid,
    .quick-contact-container {
        grid-template-columns: 1fr !important; /* Tek sütun yap */
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 2. HERO BÖLÜMLERİNİ DÜZELT (Form ve Yazı Sıkışmasını Önle) */
    /* Ana sayfadaki o sıkışan alanı çözer */
    .hero-content, 
    .contact-hero,
    .elementor-section .elementor-container {
        flex-direction: column !important; /* Yan yana değil alt alta */
        flex-wrap: wrap !important;
        text-align: center !important; /* Yazıları ortala */
    }

    /* 3. BAŞLIKLARI TELEFONA GÖRE KÜÇÜLT */
    h1 { font-size: 32px !important; line-height: 1.2 !important; }
    h2 { font-size: 26px !important; }
    p { font-size: 16px !important; }

    /* 4. O TAŞAN FORMU DÜZELT (Akıllı Ekspertiz Formu) */
    .premium-form-card, 
    .form-container, 
    .contact-form-area {
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0 !important;
        padding: 25px 20px !important; /* İç boşluğu azalt */
    }

    /* Inputları mobilde tam genişlik yap */
    .input-grid, .p-grid {
        grid-template-columns: 1fr !important;
    }

    /* 5. HEADER (Logo ve Menü Ayarı) */
    .ph-container {
        padding: 0 15px !important;
        justify-content: space-between !important;
    }
    .ph-logo {
        width: 160px !important; /* Logoyu mobilde ideal boyuta getir */
    }
    .ph-logo img {
        max-height: 50px !important;
    }
    /* Hamburger menü ikonunu sağa yasla */
    .ph-actions {
        gap: 10px !important;
    }

    /* 6. WHATSAPP BUTONUNU DÜZENLE */
    .whatsapp-sticky {
        bottom: 20px !important;
        right: 20px !important;
    }
    .wp-btn {
        width: 55px !important;
        height: 55px !important;
        font-size: 28px !important;
    }
    .wp-bubble {
        display: none !important; /* Mobilde baloncuk kalabalık yapmasın */
    }
    
    /* 7. FİYAT KARTLARINI (KIRMIZI KARTLARI) DÜZELT */
    .pro-card, .srv-card {
        margin-bottom: 20px !important; /* Kartlar birbirine yapışmasın */
    }
}/* End custom CSS */