/* ==========================================================================
   LAYOUT – kontejner a obecné pomůcky
   ========================================================================== */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

.container--wide {
  max-width: var(--container-max-wide);
}

.section {
  padding-block: clamp(48px, 8vw, 96px);
}

.section--white   { background-color: var(--color-section-1); }
.section--grey    { background-color: var(--color-section-2); }
.section--navy    { background-color: var(--color-navy); color: var(--color-text-on-dark); }

.section-title {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(22px, 2.4vw, 28px);
  color: var(--color-navy);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: clamp(32px, 5vw, 56px);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}