body {
}
.hero--blog .hero__content {
  max-width: 38rem;
}
.hero__media--blog {
  background-image:
    radial-gradient(circle at 50% 0%, rgba(208, 163, 86, 0.4), transparent 55%),
    url("https://via.placeholder.com/800x500?text=Ultimate+Magyar+Central+Blog+-+Sotet+Erdo+%26+Var");
}
.blog-intro__header {
  align-items: flex-start;
}
.blog-intro__cta {
  flex-shrink: 0;
}
.blog-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-12);
}
.blog-card {
  display: flex;
  flex-direction: column;
}
.blog-card__media-wrapper {
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: var(--space-6);
}
.blog-card__image {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.blog-card__badge {
  position: absolute;
  left: var(--space-4);
  bottom: var(--space-4);
}
.blog-card__body {
  position: relative;
}
.blog-card__footer {
  margin-top: var(--space-6);
}
.blog-card__media-wrapper--no-image {
  background: radial-gradient(circle at 0 0, rgba(208, 163, 86, 0.16), transparent 60%),
              linear-gradient(135deg, rgba(9, 12, 10, 0.96), rgba(21, 16, 11, 0.98));
}
.blog-card__placeholder {
  height: 180px;
  background-image:
    linear-gradient(135deg, rgba(208, 163, 86, 0.16), transparent),
    repeating-linear-gradient(45deg, rgba(243, 228, 198, 0.06) 0, rgba(243, 228, 198, 0.06) 1px, transparent 1px, transparent 4px);
}
.blog-card__placeholder--tips {
  background-image:
    radial-gradient(circle at 0 0, rgba(29, 92, 69, 0.25), transparent 60%),
    repeating-linear-gradient(135deg, rgba(208, 163, 86, 0.12) 0, rgba(208, 163, 86, 0.12) 1px, transparent 1px, transparent 5px);
}
.blog-card__placeholder--feedback {
  background-image:
    radial-gradient(circle at 100% 0, rgba(195, 70, 70, 0.25), transparent 60%),
    repeating-linear-gradient(135deg, rgba(243, 228, 198, 0.08) 0, rgba(243, 228, 198, 0.08) 1px, transparent 1px, transparent 6px);
}
.blog-card__placeholder--stories {
  background-image:
    radial-gradient(circle at 50% 0, rgba(184, 140, 63, 0.32), transparent 60%),
    repeating-linear-gradient(90deg, rgba(141, 104, 54, 0.22) 0, rgba(141, 104, 54, 0.22) 2px, transparent 2px, transparent 8px);
}
.blog-cta {
  margin-top: var(--space-10);
}
.blog-cta__content {
  display: flex;
  gap: var(--space-10);
  align-items: center;
}
.blog-cta__text {
  flex: 2;
}
.blog-cta__actions {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  align-items: flex-start;
}
@media (max-width: 960px) {
  .blog-intro__header {
    flex-direction: column;
  }
  .blog-intro__cta {
    width: 100%;
    margin-top: var(--space-4);
  }
  .blog-intro__cta .button {
    width: 100%;
    justify-content: center;
  }
  .blog-card__image {
    height: 200px;
  }
  .blog-cta__content {
    flex-direction: column;
    align-items: flex-start;
  }
  .blog-cta__actions {
    width: 100%;
  }
  .blog-cta__actions .button {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .blog-card__image {
    height: 180px;
  }
}