/* Extra structure helpers you can apply in Elementor via "CSS Classes" */
.container-narrow{ max-width: 960px; margin-inline: auto; }
.container-wide{ max-width: 1280px; margin-inline: auto; }
.badge{
  display:inline-block;
  background: var(--mm-ice);
  color: var(--mm-brown);
  border-radius: 999px;
  padding: .25rem .6rem;
  font-size: .85rem;
}
.hero{
  background: linear-gradient(180deg, var(--mm-ivory), #fff);
  border-bottom: 1px solid var(--mm-border);
}
.footer{
  border-top: 1px solid var(--mm-border);
  color: var(--mm-muted);
  font-size: .95rem;
}