.commercial-recommendations { padding-top: 36px; padding-bottom: 36px; }
.commercial-recommendations h2 { margin: 0 0 24px; font-size: 28px; line-height: 1.3; letter-spacing: 0; }
.commercial-recommendations__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.commercial-recommendations__grid > .product { min-width: 0; width: 100%; margin: 0; }
@media(max-width: 991px) { .commercial-recommendations__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; } }
@media(max-width: 575px) { .commercial-recommendations h2 { font-size: 24px; } .commercial-recommendations__grid { gap: 10px; } }