/* DEFAULT */
.mhz-blog-card{
  position:relative;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  height:100%;
}
.mhz-blog-card:hover{ box-shadow:0 14px 34px rgba(0,0,0,.10); }

.mhz-blog-link{
  position:absolute; inset:0;
  z-index:10;
  text-decoration:none;
}

.mhz-blog-cover{ width:100%; overflow:hidden; background:rgba(0,0,0,.04); }
.mhz-blog-cover img{ width:100%; height:100%; object-fit:cover; display:block; }

.mhz-blog-body{ position:relative; z-index:3; padding:14px 14px 16px 14px; }

.mhz-blog-title{
  margin:0 0 6px 0;
  font-size:16px;
  line-height:1.25;
  font-weight:700;
}

.mhz-blog-ozet{
  color:rgba(0,0,0,.62);
  font-size:13px;
  line-height:1.45;
  margin-top:8px;
}

.mhz-blog-meta{ display:flex; gap:10px; flex-wrap:wrap; }
.mhz-blog-meta-item{ font-size:12px; color:rgba(0,0,0,.55); }

/* left/right variants: media + body row */
.mhz-blog-row{ display:flex; gap:12px; padding:14px; }

.mhz-variant-left .mhz-blog-row,
.mhz-variant-right .mhz-blog-row{ align-items:stretch; }

.mhz-variant-left .mhz-blog-media,
.mhz-variant-right .mhz-blog-media{ flex:0 0 42%; max-width:42%; }

.mhz-variant-left .mhz-blog-body,
.mhz-variant-right .mhz-blog-body{ flex:1 1 auto; padding:0; }

/* make cover fill media height for left/right */
.mhz-variant-left .mhz-blog-cover,
.mhz-variant-right .mhz-blog-cover{ border-radius:12px; height:100%; }

.mhz-variant-left .mhz-blog-cover img,
.mhz-variant-right .mhz-blog-cover img{ height:100%; }

/* responsive */
@media (max-width: 991px){
  .mhz-blog-row{ flex-direction:column; }
  .mhz-variant-left .mhz-blog-media,
  .mhz-variant-right .mhz-blog-media{ max-width:100%; flex-basis:auto; }
  .mhz-variant-left .mhz-blog-body,
  .mhz-variant-right .mhz-blog-body{ padding:0; }
}

/* size tweaks */
.mhz-card-lg .mhz-blog-title{ font-size:18px; }
.mhz-card-lg .mhz-blog-ozet{ font-size:13px; }

.mhz-card-sm .mhz-blog-title{ font-size:14px; }
.mhz-card-sm .mhz-blog-ozet{ font-size:12px; }

.mhz-vsplit { align-items: stretch; }
.mhz-vsplit-col { display:flex; }
.mhz-vsplit-stack{
  display:flex; flex-direction:column;
  flex:1 1 auto; height:100%;
  gap:12px;
}
.mhz-vsplit-stack > .mhz-blog-card{ flex:1 1 0; min-height:0; }

/* fill modunu class ile yönetiyoruz */
.mhz-fill{
  height:100%;
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.mhz-fill-row{
  display:flex;
  gap:12px;
  height:100%;
  min-height:0;
}
.mhz-fill-body{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
}

/* left/right’ta taşmayı engelleyen altın kural */
.mhz-variant-left  .mhz-blog-body,
.mhz-variant-right .mhz-blog-body{
  min-width:0;
}

/* cover img defaultları (sen zaten veriyorsun ama garanti) */
.mhz-blog-cover{ overflow:hidden; background:rgba(0,0,0,.04); }
.mhz-blog-cover img{ width:100%; height:100%; object-fit:cover; display:block; }