Красиво задать отступы для списка разделов в хедере

[TatianaFokina]

Проблема

Изящно задать padding-и справа/слева у списка с разделами в дропдауне. Сейчас всё печально.

@media (width >= 1024px) {
  .nav-list {
    --block-padding: 6px;
    --gap: 6px;
    padding-top: 0;
    padding-bottom: var(--list-padding-max);
    padding-right: var(--list-padding-max);
    padding-left: calc(37*var(--gap)); <------ 👀
    gap: 6px;
    line-height: inherit;
  }
}

@media (width >= 1366px) {
  .nav-list {
    padding-left: calc(38*var(--gap));  <------ 👀
  }
}

@media (width >= 1680px) {
  .nav-list {
    padding-left: calc(45*var(--gap));  <------ 👀
  }
}

Контекст описан в комментарии к другому пиару.