.menu-header-v3__link {
  display: block;
  text-align: center;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  color: rgb(var(--color-foreground));
  padding-bottom: 1rem;
  margin-bottom: 1.4rem;
  margin-top: 1.5rem;
}

.menu-header-v3__heading {
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 1.5rem);
  padding-bottom: 1rem;
  margin-bottom: 1.4rem;
  position: relative;
  font-weight: 500;
  transition: all 0.3s;
}
.menu-header-v3__heading::after {
  position: absolute;
  background-color: rgba(var(--color-foreground), 0.15);
  bottom: 0.1rem;
  width: 4rem;
  height: 0.1rem;
  content: "";
  left: 0;
}

.menu-header-v3__item {
  list-style: none;
  padding: 0.25rem 0;
}
.menu-header-v3__item a {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + 0.6 / var(--font-heading-scale));
  color: rgba(var(--color-foreground), 0.5);
  transition: 0.3s ease;
  font-weight: 500;
}
.menu-header-v3__item a:hover {
  color: rgba(var(--color-foreground));
  padding-left: 0.5rem;
}

.menu-header-v3__list-item {
  padding: 0;
}

.xo-header-v3__desktop .xo-section-bg-image {
  background-color: rgb(var(--color-background));
}

.header-v3-links {
  position: relative;
}

.header-v3-links__label {
  top: 0.3rem;
  left: 100%;
  border-radius: 3rem;
  transform: translate(25%);
  font-size: calc(var(--font-body-scale) * 0.8rem);
  display: inline-block;
  text-transform: uppercase;
  padding: 0 0.6rem;
  font-weight: 500;
  line-height: calc(1 + 1 / var(--font-heading-scale));
  color: #fff;
  position: absolute;
}
.header-v3-links__label::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  display: inline-block;
  top: 100%;
  left: 1rem;
}

@media (max-width: 1300px) {
  .container-header-v3 {
    height: 80dvh;
    --width: 6px;
    --scrollbar-thumb-color: rgba(var(--color-foreground), .08);
    --scrollbar-thumb-color-hover: rgba(var(--color-foreground), .1);
  }
}
@media (max-width: 1300px) {
  .container-header-v3 xo-grid[style*="--col-width"] {
    grid-template-columns: repeat(auto-fill, minmax(min(var(--col-width-mobile, 0), 100%), 1fr));
  }
}
@media (max-width: 1199px) {
  .container-header-v3 {
    --width: 0;
  }
}