/* ===== Page: Home (layout only) ===== */
:root {
  --container-w: 1400px;
  --gutter: 16px;
  --header-h: 61px;
}

/* Хедер фіксуємо зверху (розміщення вирішує сторінка) */
.navbar-component {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
}

/* Внутрішній контейнер навбара: 1400px по центру */
.navbar-component .container {
  width: min(var(--container-w), 100% - calc(2 * var(--gutter)));
  margin-inline: auto;
  padding-inline: var(--gutter);
}

/* Компенсуємо висоту хедера */
body { padding-top: var(--header-h); }

/* Головний контент тягнеться, футер при дні */
.page-main { flex: 1; }

/* Центруємо типові блоки цієї сторінки */
.page-main,
.page-section,
.page-footer {
  width: min(var(--container-w), 100% - calc(2 * var(--gutter)));
  margin-inline: auto;
}

/* Футер-компонент: внутрішній контейнер 1400px */
.footer-component .container {
  width: min(var(--container-w), 100% - calc(2 * var(--gutter)));
  margin-inline: auto;
  padding-inline: var(--gutter);
}