/* Han Blog Cards for Elementor */
.han-blog-cards { 
  --han-accent: #E10600; 
  display: grid; 
  grid-template-columns: repeat(3, minmax(0,1fr)); 
  gap: 24px; 
}
.han-card { 
  border: 1px solid rgba(0,0,0,.08); 
  border-radius: 18px; 
  background: #fff;
  padding: 14px;
  transition: box-shadow .2s ease, transform .2s ease;
}
.han-card:hover { 
  box-shadow: 0 6px 24px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
.han-card__media { 
  display: block; 
  position: relative; 
  overflow: hidden; 
  border-radius: 14px; 
  aspect-ratio: 16/9; 
  background: #f5f5f5;
}
.han-card__media img { 
  width: 100%; height: 100%; object-fit: cover; 
  transition: transform .3s ease;
}
.han-card:hover .han-card__media img { transform: scale(1.03); }

.han-card__badge { 
  position: absolute; 
  left: 16px; bottom: 12px; 
  background: var(--han-accent); 
  color: #fff; 
  font-weight: 600;
  padding: 6px 12px; 
  border-radius: 10px; 
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
}
.han-card__title { 
  font-size: 22px; line-height: 1.3; margin: 14px 8px 8px;
}
.han-card__title a { text-decoration: none; color: #111; }
.han-card__title a:hover { text-decoration: underline; }

.han-card__meta { 
  display: flex; align-items: center; gap: 18px; 
  color: #666; font-size: 14px; margin: 10px 8px 4px;
}
.han-meta__item { display: inline-flex; align-items: center; gap: 8px; }
.han-ico { fill: currentColor; }

/* Mobile tweaks */
@media (max-width: 767px){
  .han-blog-cards { grid-template-columns: 1fr; gap: 18px; }
  .han-card__title { font-size: 20px; }
}