/* ==========================================================================
   ANIMAL FEED & LIVESTOCK VALUE ADDITION CENTER
   Layout Utilities
   File: assets/css/layout.css
   ========================================================================== */

.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-7); }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-7); }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-7); }

.flex { display: flex; }
.flex-col { display: flex; flex-direction: column; }
.flex-center { display: flex; align-items: center; justify-content: center; }

.section-header {
  max-width: var(--container-md);
  margin: 0 auto var(--space-8);
  text-align: center;
}

.section-header__heading { margin-bottom: var(--space-4); }

.section-header--left {
  text-align: left;
  margin: 0 0 var(--space-6);
  max-width: none;
}

.section-cta {
  margin-top: var(--space-8);
  text-align: center;
}