.elementor-896 .elementor-element.elementor-element-35b0819{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-896 .elementor-element.elementor-element-c422ed3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-896 .elementor-element.elementor-element-141a030{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-896 .elementor-element.elementor-element-ed1c174 .elementor-heading-title{color:#2AC4F4;}@media(min-width:768px){.elementor-896 .elementor-element.elementor-element-35b0819{--content-width:65%;}.elementor-896 .elementor-element.elementor-element-c422ed3{--width:25%;}.elementor-896 .elementor-element.elementor-element-141a030{--width:80%;}}/* Start custom CSS for shortcode, class: .elementor-element-88ec4cb */.yazar-bio {
    font-size: 12px;
    line-height: 1.5;
    
    max-height: 320px;   /* burayı ihtiyacına göre değiştir */
    overflow-y: auto;
    
    padding-right: 5px;  /* scrollbar metni sıkıştırmasın */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c422ed3 */.yazar-son-yazilar {
    margin-top: 20px;
}

.yazar-son-yazilar h4 {
    margin-bottom: 15px;
}

.son-yazi-item {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    align-items: center;
}

.son-yazi-img img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
}

.son-yazi-title a {
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    color: #000;
    text-decoration: none;
}

.son-yazi-title a:hover {
    color: #333;
}

.yazar-box .yazar-bio {
    font-size: 15px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-141a030 */.grid-img {
    display: block;
    width: 100%;
}

.grid-img img {
    width: 100%;           /* container'ın genişliğine göre tam dolar */
    height: auto;          /* orantıyı bozmadan otomatik yükseklik */
    max-width: 300px;      /* maksimum 300px genişlik */
    object-fit: cover;     /* resmi güzel doldurur (isteğe bağlı) */
}

/* Eğer grid-item'ların genişliği sabitse */
.grid-item {
    width: 100%;
    max-width: 300px;      /* veya istediğin değere göre ayarla */
}
.yazar-grid .grid-img {
    display: block;
    width: 100%;
    max-width: 300px;           /* maksimum 300px genişlik */
    margin: 0 auto;             /* ortalamak istersen */
}

.yazar-grid .grid-thumb {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;          /* resmi güzel doldurur */
}



/* Yazar Grid - Başlık Hover Efekti */
.yazar-grid .grid-title a {
    transition: all 0.3s ease;
}

.yazar-grid .grid-title a:hover {
    color: #2ac4f4 !important;
    transform: scale(1.02);
}/* End custom CSS */
/* Start custom CSS */.yazar-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.yazar-avatar img {
    width: 100%;
    max-width: 150;
    height: auto;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}

.grid-item {
    transition: 0.3s;
}

.grid-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
 
}

.grid-title {
    margin-top: 10px;
    font-size: 22px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
}

.grid-title a {
    color: #000;
    text-decoration: none;
}

.grid-title a:hover {
    color: #333;
}/* End custom CSS */