/* Blog lista – egységes magasságú, fekvő képkártyák */

.gi-blog .gi-blog-block,
.gi-blog-section .gi-blog-block {
  display: flex;
}

.gi-blog .gi-blog-block .gi-blog-item,
.gi-blog-section .gi-blog-block .gi-blog-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.gi-blog .gi-blog-block .gi-blog-item .blog-info,
.gi-blog-section .gi-blog-block .gi-blog-item .blog-info {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.gi-blog .blog-info .blog-img,
.gi-blog-section .blog-info .blog-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  margin: 0;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  background: #f0f4f2;
}

.gi-blog .blog-info .blog-img a,
.gi-blog-section .blog-info .blog-img a {
  display: block;
  width: 100%;
  height: 100%;
}

.gi-blog .blog-info .blog-img img,
.gi-blog-section .blog-info .blog-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.gi-blog .blog-info:hover .blog-img img,
.gi-blog-section .blog-info:hover .blog-img img {
  transform: scale(1.05);
}

@supports not (aspect-ratio: 1 / 1) {
  .gi-blog .blog-info .blog-img,
  .gi-blog-section .blog-info .blog-img {
    height: 0;
    padding-bottom: 56.25%;
  }
}