.bel-awards { margin: 0; padding: 0; list-style: none; border: 1px solid var(--bel-line-light); }
.bel-awards__row { position: relative; display: grid; grid-template-columns: 120px minmax(0, 1.2fr) minmax(0, .8fr) minmax(0, 1.1fr); gap: 20px; align-items: center; min-height: 136px; padding: 24px 42px; outline: none; }
.bel-awards__row + .bel-awards__row { border-top: 1px solid var(--bel-line-light); }
.bel-awards__num { color: #fff; font: 500 clamp(2.6rem, 4.4vw, 3.6rem)/1 var(--bel-font-h); transition: color .3s; }
.bel-awards__title { margin: 0; color: #fff; font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.3; }
.bel-awards__title span { display: block; }
.bel-awards__text { margin: 0; color: rgba(255, 255, 255, .8); }
.bel-awards__img { position: relative; z-index: 2; align-self: stretch; pointer-events: none; }
.bel-awards__img img, .bel-awards__img .bel-ph { position: absolute; left: 50%; top: 50%; width: 235px; max-width: none; height: 155px !important; min-height: 0; object-fit: cover; opacity: 0; transform: translate(-50%, -42%) scale(.92) rotate(-3deg); transition: opacity .35s, transform .45s var(--bel-ease); box-shadow: 0 18px 40px rgba(0, 0, 0, .35); }
.bel-awards__row.is-active .bel-awards__num, .bel-awards__row:hover .bel-awards__num, .bel-awards__row:focus-visible .bel-awards__num { color: var(--bel-accent); }
.bel-awards__row.is-active .bel-awards__img img, .bel-awards__row.is-active .bel-awards__img .bel-ph,
.bel-awards__row:focus-visible .bel-awards__img img { opacity: 1; transform: translate(-50%, -58%) scale(1) rotate(0); }
.bel-awards__row:focus-visible { background: rgba(255, 255, 255, .03); }
@media (max-width: 1024px) {
	.bel-awards__row { grid-template-columns: 90px 1fr; padding: 26px 24px; }
	.bel-awards__img { display: none; }
	.bel-awards__text { grid-column: 2; }
}
@media (max-width: 560px) {
	.bel-awards__row { grid-template-columns: 1fr; gap: 10px; }
	.bel-awards__text { grid-column: auto; }
}