.header {
  align-items: center;
  background-color: var(--some-white-color, #fff);
  box-shadow: 0px 1.0006656646728516px 1.0006656646728516px 0px #0000000d;
  display: grid;
  gap: 3rem;
  grid-template-columns: 1fr auto auto;
  height: var(--header-height);

  padding: 0 2rem;
  position: sticky;
  top: 0;
  z-index: 999;
}

@media screen and (min-width: 950px) {
  .header {
    background-color: var(--some-grey-color, #ececec);
    border-bottom: 0.1rem solid var(--some-grey-color, #ccc);
    box-shadow: none;
    gap: 3.2rem;
    grid-template-columns: 1fr 19rem auto auto;
    padding: 0 2.4rem;
  }
}