.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1290px;}.e-con{--container-max-width:1290px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================
   Grid Hover Motion - "AZ ÇALIŞAN" KODA DÖNÜŞ
   (Konteyner 600px, fakat metin altta & en-boy oranı bozuk)
   ======================================================== */

/* Sadece 847px ve altındaki mobil ekranları hedefliyoruz */
@media (max-width: 847px) {
  
    /* 1. DIŞ KONTEYNER'İ 600px'E ZORLA */
    #benim-gridim .grid-hover-motion-hover-content {
        width: 100% !important;
        height: 600px !important;       
        max-height: 600px !important;   
        min-height: 600px !important;   
        overflow: hidden !important; 
    }
  
    /* 2. İÇ IZGARAYI 600px'E ZORLA
       (Bu, konteynerin büyümesini sağlıyor 
        ama en-boy oranını bozuyordu)
    */
    #benim-gridim .grid-hover-motion {
        width: 100% !important;         
        height: 600px !important;       
        max-height: 600px !important;   
        min-height: 600px !important; 
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

    /* 3. METİN KONTEYNERİ (Buna dokunmuyoruz, 
       bu yüzden altta kalıyordu) 
    */
    #benim-gridim .grid-hover-motion-content {
       width: 90% !important;
       text-align: center !important;
    }
}/* End custom CSS */