/* ==========================================================================
   layout.css — Container, Full-Bleed Utility & 12-Column Grid Base
   Covara Official Website
   ========================================================================== */

/* ---------- Container ---------- */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-padding);
}

/* ---------- Full-Bleed Utility ---------- */
.full-bleed {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

/* ---------- 12-Column Grid Base ---------- */
.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--container-padding);
}

/* ---------- Section Spacing ---------- */
section {
  padding-block: var(--section-gap);
}