/* ===================================
   LAYOUT — Container
   =================================== */

/* Container base */
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  max-width: var(--max-width-1400); /* default desktop */
}

/* Container piccoli */
.container-sm {
  max-width: var(--max-width-800);
}

/* Container medi */
.container-md {
  max-width: var(--max-width-1000);
}

/* Container grandi */
.container-lg {
  max-width: var(--max-width-1400);
}

/* Container fluid (pieno schermo con padding) */
.container-fluid {
  width: 100%;
  margin: 0 auto;
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  max-width: 100%;
}