/* Blog kartlari: esit boyutlu izgara (makaleler sayfasi ve ana sayfa).
   - Kapak her kartta ayni 3:2 kutuda; gorsel kirpilmaz (contain), kalan bosluk ayni gorselin bulanik hali ile dolar.
   - Baslik en fazla 3 satir yer kaplar, buton kartin en altinda hizalanir; ayni satirdaki kartlar esit yukseklikte. */

.blog-page-section .row,
.news-section .row{ display: flex; flex-wrap: wrap; }

.blog-page-section .news-block,
.news-section .news-block{ display: flex; margin-bottom: 30px; }

.news-block .inner-box{ display: flex; flex-direction: column; width: 100%; background: #ffffff; }

.news-block .inner-box .image{
	position: relative;
	padding-top: 66.6667%;               /* 3:2 */
	overflow: hidden;
	background-color: #ece6dd;
	background-size: cover;
	background-position: center;
}
.news-block .inner-box .image::before{   /* bulanik dolgu: kapak yuklenince JS ile arka plana konur */
	content: "";
	position: absolute;
	top: -24px; right: -24px; bottom: -24px; left: -24px;
	background: inherit;
	filter: blur(18px) brightness(.88);
}
.news-block .inner-box .image img{
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	object-fit: contain;
	transition: transform 500ms ease;
}
.news-block .inner-box:hover .image img{ transform: scale(1.03); }

.news-block .inner-box .lower-content{ display: flex; flex-direction: column; flex: 1 1 auto; }

.news-block .inner-box .lower-content h5{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 4.8em;                   /* 3 satir x 1.6em */
}

.news-block .inner-box .lower-content .theme-btn{ margin-top: auto; align-self: flex-start; }