/**
 * Container: 33 / 33 / 33
 *
 * Three equal-width slots.
 *
 * Breakpoint behaviour:
 *   Mobile  (< 768px):  slots stack (full width)
 *   Tablet+ (≥ 768px):  three equal columns
 */

/* ── Grid wrapper ── */
.container-33-33-33 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--grid-gutter, 12px);
  width: 100%;
}

@media (min-width: 768px) {
  .container-33-33-33 {
    grid-template-columns: repeat(3, 1fr);
  }
}