.elementor-221 .elementor-element.elementor-element-b4ff364{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-221 .elementor-element.elementor-element-617dcc4{width:100%;max-width:100%;padding:0px 0px 0px 0px;z-index:99999;}.elementor-221 .elementor-element.elementor-element-6c6c42e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-221 .elementor-element.elementor-element-f00d1d2{width:100%;max-width:100%;}.elementor-221 .elementor-element.elementor-element-2c3ea96{--display:flex;}.elementor-221 .elementor-element.elementor-element-a88e2c4{--display:flex;}.elementor-221 .elementor-element.elementor-element-2a1fe2d{--display:flex;}.elementor-221 .elementor-element.elementor-element-7e76f71{--display:flex;}.elementor-221 .elementor-element.elementor-element-4e9b335{--display:flex;}.elementor-221 .elementor-element.elementor-element-cbc4366{width:100%;max-width:100%;}.elementor-221 .elementor-element.elementor-element-4742d0d{--display:flex;}.elementor-221 .elementor-element.elementor-element-1dd7425{--display:flex;}.elementor-221 .elementor-element.elementor-element-817db1e{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + -50px) 0px;}.elementor-221 .elementor-element.elementor-element-ef6402c{--display:flex;}@media(min-width:768px){.elementor-221 .elementor-element.elementor-element-b4ff364{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-617dcc4 *//* --- 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 */