/* LOGA V1.9.98 — Footer lines / top navigation outer-edge alignment.
   Extend only the white oval navigation shell symmetrically; preserve the
   original inner content width, positions, height, hover, and mobile menu.
   No sticky/fixed behavior added. */
@media (min-width: 981px) {
  header.site-header.shell {
    --loga-original-nav-width: min(1710px, calc(100vw - 2 * var(--side)));
    --loga-footer-line-width: min(1700px, calc(100vw - 2 * clamp(24px, 4.4vw, 77px)));
    --loga-nav-side-extension: max(0px, calc((var(--loga-footer-line-width) - var(--loga-original-nav-width)) / 2));
    width: max(var(--loga-original-nav-width), var(--loga-footer-line-width));
    max-width: none;
  }
  header.site-header.shell > .navigation {
    padding-left: calc(35px + var(--loga-nav-side-extension));
    padding-right: calc(35px + var(--loga-nav-side-extension));
  }
}
/* Current V1.9.50 typography layer already sets 19px on both sides here. */
@media (min-width: 1181px) and (max-width: 1440px) {
  body.loga-optic-type header.site-header.shell > .navigation {
    padding-left: calc(19px + var(--loga-nav-side-extension));
    padding-right: calc(19px + var(--loga-nav-side-extension));
  }
}
/* V1.9.50's compact/mobile menu rules use asymmetric 22/16px. */
@media (min-width: 981px) and (max-width: 1180px) {
  body.loga-optic-type header.site-header.shell > .navigation {
    padding-left: calc(22px + var(--loga-nav-side-extension));
    padding-right: calc(16px + var(--loga-nav-side-extension));
  }
}