.bel-icon-features__grid { display: grid; grid-template-columns: repeat(var(--bel-cols, 4), minmax(0, 1fr)); gap: 40px 30px; }
.bel-icon-features__item { text-align: center; }
.bel-icon-features__icon { display: inline-grid; place-items: center; width: 80px; height: 80px; margin-bottom: 26px; background: var(--bel-dark); color: #fff; transition: background-color .3s, color .3s, transform .4s var(--bel-ease); }
.bel-icon-features__icon .bel-icon { width: 36px; height: 36px; stroke-width: 1.3; }
.bel-icon-features__item:hover .bel-icon-features__icon { background: var(--bel-accent); color: var(--bel-on-accent); transform: translateY(-6px); }
.bel-icon-features__title { margin: 0 0 12px; font-size: 24px; }
.bel-icon-features__item p { max-width: 300px; margin: 0 auto; }
@media (max-width: 1024px) { .bel-icon-features__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .bel-icon-features__grid { grid-template-columns: 1fr; } }