.blog-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 48px;
}
.blog-filter-btn {
  padding: 9px 20px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: 1.5px solid var(--gray);
  background: transparent;
  color: var(--mid-gray);
  cursor: pointer;
  transition: all .2s;
  border-radius: 2px;
}
.blog-filter-btn:hover, .blog-filter-btn.active {
  border-color: var(--coral);
  color: var(--coral);
  background: rgba(255,90,95,.05);
}
.blog-main-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 32px;
}
@media (max-width: 1024px) { .blog-main-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .blog-main-grid { grid-template-columns: 1fr; } }
.blog-modal-img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.blog-modal-body { padding: 40px; }
.blog-modal-body h2 { font-family:'Bebas Neue',sans-serif; font-size:32px; margin-bottom:16px; }
.blog-modal-body p { font-size:14px; line-height:1.9; color:#444; margin-bottom:16px; }