/* Homepage News — aligned with sn-top-products card grid */

.sn-home-news.products-section{
  padding:var(--sec-pad) 0 0;
  background:transparent;
  background-image:none;
  overflow:visible;
}
.sn-home-news.products-section::after{display:none}

.sn-home-news-wrap{padding:0 0 72px}

/* Match product cards — same shadow room below grid */
.sn-home-news .sn-top-grid{padding-bottom:56px}

.sn-home-news__header{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px 24px;margin-bottom:28px;
}
.sn-home-news__header .sn-top-products__title{margin:0}

.sn-home-news__all{
  display:inline-flex;align-items:center;gap:6px;
  padding:0;
  font-size:13px;font-weight:600;line-height:1.2;
  color:var(--zd-blue);text-decoration:none;white-space:nowrap;
  background:transparent;border-radius:0;box-shadow:none;
  transition:color .2s ease;
}
.sn-home-news__all:hover{
  color:#002d6b;
  background:transparent;
  box-shadow:none;
}
.sn-home-news__all svg{
  width:14px;height:14px;flex-shrink:0;
  transition:transform .22s ease;
}
.sn-home-news__all:hover svg{transform:translateX(4px)}

/* News cards — 16:10 thumb ratio matches news.html .news-card-thumb */
.sn-home-news-card__media{
  aspect-ratio:16/10;
  padding:0;
  background:var(--zd-gray,#f5f7fa);
  overflow:hidden;
}
.sn-home-news-card__media img{
  width:100%;height:100%;max-height:none;
  object-fit:cover;
  transition:transform .5s ease;
}
.sn-home-news-card:hover .sn-home-news-card__media img{transform:scale(1.05)}
.sn-home-news-card__meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;
  font-size:12px;color:#8a94a3;margin-bottom:10px;
}
.sn-home-news-card__cat{
  display:inline-flex;align-items:center;
  padding:3px 8px;border-radius:var(--radius-module,0);
  font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;line-height:1.25;
  background:var(--zd-blue);color:#fff;
}
.sn-home-news-card__meta time{font-weight:500;color:#8a94a3}

@media(max-width:640px){
  .sn-home-news-wrap{padding-bottom:56px}
  .sn-home-news__header{align-items:flex-end}
}
