.newsPage .breadcrumbsWrap {
  margin: 0px 0 16px !important;
}

.newsBg {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  background: #F6F6F6;
}

.newsContainer {
  min-height: 473px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* centers block vertically within grey band */
  padding: 0px; /* breathing room; center logic keeps symmetry */
}

.newsTitle {
  font-size: 28px;
  line-height: 31px;
  font-weight: 400;
  color: #000;
  margin: 0 0 36px;
}

.newsGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 24px; /* horizontal spacing */
  row-gap: 55px;    /* vertical spacing */
}

.newsCard {
  display: block;
  text-decoration: none;
  color: inherit;
}

.newsCard__media {
  position: relative;
  display: block;
  border-radius: 6px;
  overflow: hidden;
}
.newsCard__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #FFFFFF1A;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.newsCard:hover .newsCard__media::after { opacity: 1; }

.newsCard__img {
  width: 100%;
  height: 203px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

.newsCard__date {
  margin-top: 18px;
  font-size: 12px;
  line-height: 22px;
  color: #727272;
}

.newsCard__title {
  margin-top: 6px;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  transition: color 0.2s ease;
}
.newsCard:hover .newsCard__title { color: #818181; }

.newsPage {
  margin: 8px
}

@media (max-width: 1200px) {
  .newsGrid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
  .newsGrid { grid-template-columns: repeat(2, 1fr); }
}

/* Breadcrumbs style same as catalog */
.breadcrumbs { font-size: 13px; line-height: 28px; color: #3B3B3B; display: flex; flex-wrap: wrap; gap: 8px; }
.breadcrumbs a { color: #3B3B3B; text-decoration: none; }
.breadcrumbs .current { color: #737373; }
.breadcrumbs .sep { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }
.breadcrumbs .sep i { display: block; width: 18px; height: 18px; background: #242C6E; -webkit-mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') no-repeat center/contain; mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') no-repeat center/contain; }

/* Load more */
.newsMoreWrap { display: flex; justify-content: center; margin: 38px 0 6px; }
.newsMore { width: 194px;  height: 44px; padding: 0 22px; border-radius: 6px; border: 1px solid #3E4AA0; background: #fff; color: #3E4AA0; cursor: pointer; font-weight: 600; margin-bottom: 100px; }
.newsMore[disabled] { opacity: .5; cursor: default; }
@media (max-width: 768px) {
  .newsPage .breadcrumbs {
    gap: 6px;
  }

  .newsPage .breadcrumbs a { display: none; }
  .newsPage .breadcrumbs a:last-of-type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .newsPage .breadcrumbs a:last-of-type::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #242C6E;
    -webkit-mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
            mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
    transform: scaleX(-1);
  }

  .newsPage .breadcrumbs .current,
  .newsPage .breadcrumbs .sep { display: none; }
}

@media (max-width: 560px) {
  .newsGrid { grid-template-columns: 1fr; }
  .newsCard__img { height: 180px; }
  .newsGrid {
    row-gap: 25px;    /* vertical spacing */
  }
}