.pg-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--pg-white);
}

.pg-header--overlay {
  position: fixed;
  inset: 0 0 auto 0;
  background: transparent;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.pg-header--overlay .pg-header__logo,
.pg-header--overlay .pg-header__payoff {
  filter: brightness(0) invert(1);
  transition: filter 0.25s ease;
}

.pg-header--overlay.is-scrolled {
  background: var(--pg-white);
  box-shadow: var(--pg-shadow-card);
}

.pg-header--overlay.is-scrolled .pg-header__logo,
.pg-header--overlay.is-scrolled .pg-header__payoff {
  filter: none;
}

.pg-header--overlay.is-scrolled .pg-header__toggle span {
  background: var(--pg-gabetti-gray);
}

body.admin-bar .pg-header {
  top: 32px;
}

@media (max-width: 48.9375rem) {
  body.admin-bar .pg-header {
    top: 0;
  }
}

@media (max-width: 48rem) {
  .pg-header--overlay:not(.pg-header--home) {
    position: sticky;
    background: var(--pg-white);
  }
  .pg-header--overlay:not(.pg-header--home) .pg-header__logo,
  .pg-header--overlay:not(.pg-header--home) .pg-header__payoff {
    filter: none;
  }
}

.pg-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pg-gap-8);
  min-height: 6.875rem;
  padding-block: var(--pg-gap-3);
  padding-inline: var(--pg-gutter);
}

.pg-header__brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--pg-gap-1);
  text-decoration: none;
}

.pg-header__logo {
  display: block;
  width: auto;
  height: 2.75rem;
}

.pg-header__payoff {
  display: block;
  width: auto;
  height: 1.0625rem;
  margin-inline-start: 2.5rem;
}

.pg-header__nav {
  display: flex;
  align-items: center;
}

.pg-header__pill {
  display: inline-flex;
  align-items: center;
  height: 2.75rem;
  padding-inline-end: 0.5rem;
  background: var(--pg-gabetti-gray-light);
  border-radius: var(--pg-radius-pill);
}

.pg-header__pill-icon {
  display: inline-flex;
  flex: 0 0 auto;
  margin-inline: 0.125rem 0.75rem;
}

.pg-header__pill-icon img {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.pg-header__menu {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pg-header__menu-item,
.pg-header__lang {
  position: relative;
  display: flex;
  align-items: center;
}

.pg-header__menu a,
.pg-header__menu-label,
.pg-header__lang-trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--pg-gap-2);
  padding: 0.625rem;
  color: var(--pg-gabetti-gray);
  font-family: var(--pg-font);
  font-size: var(--pg-fs-body);
  font-weight: 500;
  line-height: 1.2125;
  white-space: nowrap;
  text-decoration: none;
}

.pg-header__lang-trigger {
  border: 0;
  background: transparent;
  cursor: pointer;
}

.pg-header__menu a:hover,
.pg-header__menu a:focus-visible,
.pg-header__lang-trigger:hover,
.pg-header__lang-trigger:focus-visible {
  color: var(--pg-primary);
}

.pg-header__menu-item--has-children > a::after,
.pg-header__menu-item--has-children > .pg-header__menu-label::after,
.pg-header__submenu-item--has-children > a::after,
.pg-header__lang-trigger::after {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 0.5rem;
  height: 0.6875rem;
  background: var(--pg-gabetti-gray);
  --pg-chevron-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11' viewBox='0 0 8 11'%3E%3Cpath d='M8 5.50006L5.67158 7.75783L2.3283 11L0 8.74211L3.34327 5.49994L0.000121729 2.25789L2.32842 0L8 5.50006Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask: var(--pg-chevron-mask) no-repeat center / contain;
  mask: var(--pg-chevron-mask) no-repeat center / contain;
  transition: background-color 0.2s;
}

.pg-header__menu-item--has-children:hover > a::after,
.pg-header__menu-item--has-children:hover > .pg-header__menu-label::after,
.pg-header__menu-item--has-children:focus-within > a::after,
.pg-header__menu-item--has-children:focus-within > .pg-header__menu-label::after,
.pg-header__menu-item--has-children.current-menu-ancestor > a::after,
.pg-header__menu-item--has-children.current-menu-ancestor > .pg-header__menu-label::after,
.pg-header__submenu-item--has-children:hover > a::after,
.pg-header__submenu-item--has-children:focus-within > a::after,
.pg-header__submenu-item--has-children.current-menu-ancestor > a::after,
.pg-header__lang:hover > .pg-header__lang-trigger::after,
.pg-header__lang:focus-within > .pg-header__lang-trigger::after {
  background: var(--pg-primary);
}

.pg-header__submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  z-index: 51;
  min-width: 13.75rem;
  max-width: 15rem;
  margin: 0;
  padding: 1rem 0.625rem;
  list-style: none;
  background: var(--pg-gabetti-gray-light);
  visibility: hidden;
  opacity: 0;
  transform: translateY(-0.25rem);
  transition: opacity 0.15s, transform 0.15s, visibility 0.15s;
}

.pg-header__lang .pg-header__submenu {
  min-width: max-content;
  max-width: none;
}

.pg-header__menu-item--has-children:hover > .pg-header__submenu,
.pg-header__menu-item--has-children:focus-within > .pg-header__submenu,
.pg-header__lang:hover > .pg-header__submenu,
.pg-header__lang:focus-within > .pg-header__submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.pg-header__lang.is-flipped > .pg-header__submenu {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

.pg-header__submenu-item {
  position: relative;
  border-bottom: 1px solid var(--pg-gabetti-gray);
}

.pg-header__submenu-item:last-child {
  border-bottom: 0;
}

.pg-header__submenu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pg-gap-3);
  padding: 1rem 0;
  white-space: normal;
}

.pg-header__submenu--nested {
  top: 0;
  inset-inline-start: 100%;
  min-width: 17rem;
  max-width: 18rem;
}

.pg-header__submenu-item--has-children:hover > .pg-header__submenu,
.pg-header__submenu-item--has-children:focus-within > .pg-header__submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 60.0625rem) {
  .pg-header__submenu-item {
    position: static;
  }
}

.pg-header__toggle {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--pg-gap-1);
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  background: var(--pg-gabetti-gray-light);
  border: 0;
  border-radius: var(--pg-radius-pill);
  box-shadow: var(--pg-shadow-block);
  cursor: pointer;
}

.pg-header__toggle span {
  display: block;
  width: 1.25rem;
  height: 2px;
  background: var(--pg-primary);
  border-radius: 1px;
  transition: transform 0.2s, opacity 0.2s;
}

.pg-header__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(0.375rem) rotate(45deg); }
.pg-header__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.pg-header__toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-0.375rem) rotate(-45deg); }

body.pg-menu-open { overflow: hidden; }

.pg-header__submenu-toggle { display: none; }

@media (max-width: 60rem) {

  body.pg-menu-open .pg-header {
    position: fixed;
    top: 0;
    inset-inline: 0;
  }

  body.pg-menu-open .pg-header,
  body.pg-menu-open .pg-header--overlay.is-scrolled {
    background: var(--pg-gabetti-gray-light);
    box-shadow: none;
  }
  body.pg-menu-open .pg-header--overlay .pg-header__logo,
  body.pg-menu-open .pg-header--overlay .pg-header__payoff {
    filter: none;
  }

  body.pg-menu-open .pg-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 42;
    background: var(--pg-gabetti-gray-light);
  }

  .pg-header__toggle { display: inline-flex; }

  .pg-header__toggle[aria-expanded="true"] { background: var(--pg-white); }

  .pg-header__brand,
  .pg-header__toggle {
    position: relative;
    z-index: 45;
  }

  .pg-header__pill {
    position: fixed;
    inset: 0;
    z-index: 40;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    height: auto;
    padding: 6.875rem var(--pg-gutter) var(--pg-gap-10);
    border-radius: 0;
    background: var(--pg-gabetti-gray-light);
    overflow-y: auto;
    overscroll-behavior: contain;

    scrollbar-width: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s, visibility 0.2s;
  }
  .pg-header__pill::-webkit-scrollbar {
    display: none;
  }
  .pg-header__nav[data-pg-menu-open="true"] .pg-header__pill {
    visibility: visible;
    opacity: 1;
  }
  .pg-header__pill-icon { display: none; }

  .pg-header__menu {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
  }
  .pg-header__menu-item,
  .pg-header__lang {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    border-bottom: 0;
  }

  .pg-header__menu-item > a,
  .pg-header__menu-item > .pg-header__menu-label,
  .pg-header__lang > .pg-header__lang-trigger {
    justify-content: space-between;
    width: 100%;
    padding: 1rem 0.625rem 1.0625rem 0;
    border-bottom: 1px solid var(--pg-gabetti-gray);
    color: var(--pg-gabetti-gray);
    font-size: var(--pg-fs-body);
    font-weight: 500;
  }

  .pg-header__menu a[aria-current="page"],
  .pg-header__submenu a[aria-current="page"] {
    color: var(--pg-primary);
    font-weight: 700;
  }

  .pg-header__menu-item--has-children > .pg-header__menu-label::after,
  .pg-header__lang-trigger::after {
    display: inline-block;
    transition: transform 0.2s;
  }
  .pg-header__menu-item--has-children > a::after,
  .pg-header__submenu-item--has-children > a::after {
    display: none;
  }
  .pg-header__menu-item--has-children[data-pg-expanded="true"] > .pg-header__menu-label::after,
  .pg-header__lang[data-pg-expanded="true"] .pg-header__lang-trigger::after {
    transform: rotate(90deg);
  }

  .pg-header__submenu {
    position: static;
    visibility: visible;
    opacity: 1;
    transform: none;
    min-width: 0;

    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    display: none;
  }
  .pg-header__menu-item--has-children[data-pg-expanded="true"] > .pg-header__submenu,
  .pg-header__submenu-item--has-children[data-pg-expanded="true"] > .pg-header__submenu,
  .pg-header__lang[data-pg-expanded="true"] > .pg-header__submenu {
    display: block;
  }
  .pg-header__submenu-item { border-bottom: 0; }
  .pg-header__submenu a {
    justify-content: space-between;

    padding: 1rem 0.625rem 1.0625rem var(--pg-gap-3);
    border-bottom: 1px solid var(--pg-gabetti-gray);
    color: var(--pg-gabetti-gray);
    font-weight: 500;
  }
  .pg-header__submenu--nested a { padding-inline-start: var(--pg-gap-6); }

  .pg-header__submenu-item--has-children {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .pg-header__submenu-item--has-children > a {
    flex: 1 1 auto;
    min-width: 0;
  }
  .pg-header__submenu-item--has-children > .pg-header__submenu {
    flex-basis: 100%;
  }
  .pg-header__submenu-toggle {
    flex: 0 0 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--pg-gabetti-gray);
    background: transparent;
    cursor: pointer;
  }
  .pg-header__submenu-toggle::after {
    content: "";
    width: 0.5rem;
    height: 0.6875rem;
    background: var(--pg-gabetti-gray);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11' viewBox='0 0 8 11'%3E%3Cpath d='M8 5.50006L5.67158 7.75783L2.3283 11L0 8.74211L3.34327 5.49994L0.000121729 2.25789L2.32842 0L8 5.50006Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11' viewBox='0 0 8 11'%3E%3Cpath d='M8 5.50006L5.67158 7.75783L2.3283 11L0 8.74211L3.34327 5.49994L0.000121729 2.25789L2.32842 0L8 5.50006Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
    transition: transform 0.2s, background-color 0.2s;
  }

  .pg-header__submenu-item--has-children.current-menu-ancestor > .pg-header__submenu-toggle::after {
    background: var(--pg-primary);
  }
  .pg-header__submenu-item--has-children[data-pg-expanded="true"] > .pg-header__submenu-toggle::after {
    transform: rotate(90deg);
  }
}