.msb-desk7-v2-wrapper {
  width: 100%;
}
.msb-desk7-v2-wrapper__inner {
  display: grid;
  grid-gap: var(--msb-grid-gap, 24px);
  width: 100%;
}

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

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

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