/* Layout CSS - FCx Labs Project - Cleaned Version */

/* Essential flexbox utilities only */
.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

/* Grid utilities for responsive layout */
.grid-cols-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6, 1.5rem);
}

@media (max-width: 768px) {
  .grid-cols-2 {
    grid-template-columns: 1fr;
  }
}

/* Text alignment - minimal needed */
.text-center {
  text-align: center;
}

/* Container responsive padding override */
@media (max-width: 768px) {
  .container {
    padding: 0 15px;
  }
}