/* Reset linka w karcie */
.news-section a { text-decoration: none; color: inherit; }

/* Sekcja */
.news-section { padding: 2rem 0rem; max-width: 1200px; margin: 0 auto; }
.news-section h2 { font-size: 1.65rem; font-weight: 600; margin: 0 0 1.5rem; }

/* GRID – desktop 3, mobile 2 */
.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  
}

/* 2 kolumny poniżej 992px */
@media (max-width: 991.98px) {
  .news-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
}

/* 2 kolumny także na bardzo małych ekranach */
@media (max-width: 479.98px) {
  .news-grid { grid-template-columns: repeat(2, 1fr); gap: .75rem; }
}

/* Karta */
.news-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  overflow: hidden;
  display: flex;
  box-shadow: 0 8px 12px rgba(0,0,0,0.15) !important;
  flex-direction: column;
  transition: transform .2s, box-shadow .2s;
}
.news-card:hover { transform: translateY(-4px); box-shadow: 0 8px 12px rgba(0,0,0,0.15); }

/* Obrazek – równa wysokość kafelków */
.news-card img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

/* Treść */
.news-content { padding: 1rem; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.news-content h3 { font-size: 1rem; margin: 0 0 .5rem; color: ##333 }
.news-meta { font-size: .85rem; color: #777; margin-top: .25rem; }
.news-tag { font-size: .75rem; color: #fff; background: #f79e02; padding: .28rem .6rem; border-radius: 4px; display: inline-block; margin-bottom: .5rem; font-weight: 700; }