.msb-desk15-wrapper {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 24px;
}

@media (max-width: 1024px) { .msb-desk15-wrapper { padding: 0 16px; } }

.msb-desk15-wrapper__inner {
  display: grid;
  grid-gap: var(--msb-grid-gap, 24px);
  width: 100%;
  align-items: stretch;
}

/* --- Desktop Layout (1 to 6 columns) --- */
.desk-cols-1 .msb-desk15-wrapper__inner { grid-template-columns: repeat(1, 1fr); }
.desk-cols-2 .msb-desk15-wrapper__inner { grid-template-columns: repeat(2, 1fr); }
.desk-cols-3 .msb-desk15-wrapper__inner { grid-template-columns: repeat(3, 1fr); }
.desk-cols-4 .msb-desk15-wrapper__inner { grid-template-columns: repeat(4, 1fr); }
.desk-cols-5 .msb-desk15-wrapper__inner { grid-template-columns: repeat(5, 1fr); }
.desk-cols-6 .msb-desk15-wrapper__inner { grid-template-columns: repeat(6, 1fr); }

/* --- Tablet Layout (max-width: 1024px) --- */
@media (max-width: 1024px) {
  .tab-cols-1 .msb-desk15-wrapper__inner { grid-template-columns: repeat(1, 1fr); }
  .tab-cols-2 .msb-desk15-wrapper__inner { grid-template-columns: repeat(2, 1fr); }
  .tab-cols-3 .msb-desk15-wrapper__inner { grid-template-columns: repeat(3, 1fr); }
  .tab-cols-4 .msb-desk15-wrapper__inner { grid-template-columns: repeat(4, 1fr); }
}

/* --- Mobile Layout (max-width: 767px) --- */
@media (max-width: 767px) {
  .mob-cols-1 .msb-desk15-wrapper__inner { grid-template-columns: repeat(1, 1fr); }
  .mob-cols-2 .msb-desk15-wrapper__inner { grid-template-columns: repeat(2, 1fr); }
  .mob-cols-3 .msb-desk15-wrapper__inner { grid-template-columns: repeat(3, 1fr); }
}