.p-header {
  --spacing: 1rem;

  position: absolute;
  z-index: 500;
  inset: var(--v-adminbar__height) 0 auto 0;
  padding-top: var(--spacing);
}

.p-header__main-inner::after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 700px) {
  .p-header {
    --spacing: 3rem;
  }
}

@media (min-width: 1700px) {
  .p-header {
    --spacing: 5rem;
  }
}