.collection-layout-with-sidebar {
  display: flex;
  gap: 30px;
}

.collection-sidebar {
  flex: 0 0 250px; 
  max-width: 250px;
  padding-right: 20px;
  padding-left: 30px;
}

.collection-main-content {
  flex-grow: 1; 
}

@media screen and (max-width: 749px) {
  .collection-layout-with-sidebar {
     flex-direction: column; 
  }
}