/* Site content grid — Webflow .container: 1600px, 1440px @ 1920+; horizontal pad on sections */

:root {
  --machbar-content-max: 1600px;
  --machbar-content-pad-x: 60px;
  --machbar-content-pad-x-md: 40px;
  --machbar-content-pad-x-sm: 20px;
  --machbar-nav-max: 1640px;
  --machbar-nav-pad-x: 100px;
  --machbar-nav-pad-y: 20px;
  /* Webflow section-divider-big / section-divider-small */
  --machbar-divider-big-h: 120px;
  --machbar-divider-small-h: 40px;
}

@media screen and (min-width: 1920px) {
  :root {
    --machbar-content-max: 1440px;
  }
}

@media screen and (max-width: 991px) {
  :root {
    --machbar-content-pad-x: var(--machbar-content-pad-x-md);
    --machbar-nav-pad-x: 40px;
    --machbar-divider-big-h: 60px;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --machbar-content-pad-x: var(--machbar-content-pad-x-sm);
    --machbar-nav-pad-x: 20px;
    --machbar-divider-small-h: 20px;
  }
}

/* Centered column only (padding comes from Webflow section classes) */
.machbar-content-column {
  width: 100%;
  max-width: var(--machbar-content-max);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}