/* ==================================================
   HERO CORE (STABLE)
   - Ortak grid, kart, overlay, badge
   - Hover: blur yok, sadece hafif scale
================================================== */

.home-hero{
  margin-top: 10px; /* home header sonrası default */
}

.hero-grid{
  display:grid;
  gap:20px;
}

/* Kartlar */
.hero-item,
.hero-list-item{
  position:relative;
  overflow:hidden;
  border-radius:16px;
}

/* Görseller */
.home-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:none !important; /* blur/scale bug fix */
}

/* Hover: çok hafif (blur yapmaz) */
@media (hover:hover){
  .home-hero article:hover img{
    transform: scale(1.015) !important;
  }
}

/* Overlay */
.hero-overlay{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:18px;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.75),
    rgba(0,0,0,.35),
    rgba(0,0,0,0)
  );
}

.hero-overlay h2,
.hero-overlay h3{
  color:#fff;
  margin:6px 0 0;
}

.hero-overlay h2{ font-size:22px; }
.hero-overlay h3{ font-size:15px; }

/* Kategori badge (global) */
.home-hero .hero-cat{
  position:absolute;
  top:14px;
  left:14px;
  z-index:5;
  background:rgba(0,0,0,.75);
  color:#fff;
  font-size:11px;
  font-weight:800;
  padding:5px 10px;
  border-radius:999px;
  line-height:1;
  pointer-events:none;
}

/* Mobile ortak */
@media (max-width:992px){
  .hero-grid{
    grid-template-columns:1fr !important;
  }

  .hero-overlay h2,
  .hero-overlay h3{
    font-size:15px;
  }
}