.recommend {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(1fr, 1fr));
 gap: 15px;
}

@media (min-width: 530px) {
  .recommend {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
    gap: 15px;
   }
   
}

@media (min-width: 992px) {
  .recommend {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    gap: 15px;
   }
}

.detail .catalog-block-header {
  font-family: var(--font-family-Bold);
  font-size: var(--font-size-14);
  margin: 0 0 12px 0;
}