.news__row-section{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.news__row-section .news-items{
  width: 100%;
}

.news-item__label.discounts{
  background-color: #D80C24;
  color: #FFFFFF;
}
@media (max-width: 1420px){
  .news__row-section{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px){
  .news__row-section{
    grid-template-columns: 1fr;
  }
}


.news__item {

  border: 1px solid var(--gray-30);
  padding: 24px;
  max-width: 440px;
  width: 100%;
  background: #ffffff;
}

.news__item:not(:nth-child(3n)) {
  border-right: none;
}

.news__item:not(:nth-last-child(-n+3)) {
  border-bottom: none;
}

.news__row-section .news__item:last-child {
    border-right: 1px solid var(--gray-30);
}

.item__photo {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.item__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.item__photo .item__label{;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 400;
  padding: 4px 8px;
  background: var(--gray-20);
  color: #21272E;
}
.item__photo .item__label.discounts{
  background: var(--main-red);
  color: var(--white);
}
.news__item .news-item__title{
  font-family: var(--font-family-title, Commissioner);
  font-size: var(--font-size-1XL);
  font-weight: 600;
  line-height: 120%;
  margin: 16px 0;
  text-transform: none;
}

.news__item span {
  font-family: var(--font-family-body, Commissioner);
  font-size: var(--font-size-S);
  font-weight: 400;
  line-height: 160%;
  text-align: left;
  display: flex;
}


@media (max-width: 1420px) {
  .news__item:nth-child(2n+2),
  .news__item:nth-child(3n+3) {
      border-left: 1px solid var(--gray-30);
  }
  .news__item:nth-child(n+4) {
      border-top: 1px solid var(--gray-30);
  }
  .news__item:nth-child(2n) {
      border-left: none;
  }
  .news__item:nth-child(n+3) {
      border-top: none;
  }
}
@media (max-width: 600px) {
  .news__item,
  .item__photo img{
    max-width: none;
  }

  .news__item:nth-child(2n) {
      border-left: 1px solid var(--gray-30);
  }
  .news__item:nth-child(n+3) {
      border-top: 1px solid var(--gray-30);
  }

  .news__item:nth-child(n+2) {
      border-top: none;
  }
}
