/* Scope the personal-brand header foundations to preserve the POS page design. */
.site-header .wordmark,
.site-header .nav-link,
.site-header .nav-trigger,
.site-header .nav-entry {
  color: #203e35;
}
.site-header .nav-link:hover,
.site-header .nav-trigger:hover,
.site-header .nav-trigger[aria-expanded="true"],
.site-header .nav-trigger.is-current,
.site-header .nav-link[aria-current] {
  background: #edf3e3;
  color: #174f3d;
}
.site-header .nav-panel {
  border-color: #dce5d8;
  box-shadow: 0 22px 55px #203e3520;
}
.site-header .nav-intro,
.site-header .nav-entry-icon {
  background: #edf3e3;
}
.site-header .nav-intro > span,
.site-header .nav-entry-icon,
.site-header .nav-entry > .icon {
  color: #174f3d;
}
.site-header .nav-intro p,
.site-header .nav-entry-copy small {
  color: #5d7064;
}
.site-header .nav-entry:hover,
.site-header .nav-entry[aria-current] {
  background: #f4f7ed;
  border-color: #dce5d8;
  color: #174f3d;
}
.site-header .nav-entry.is-unavailable {
  background: #f8faf5;
}
.site-header .nav-badge {
  background: #e7efd8;
  color: #496346;
}
.site-header :is(a, button):focus-visible {
  outline-color: #174f3d;
}
.site-header .menu-button {
  color: #174f3d;
  background: #f4f7ed;
  border-color: #dce5d8;
}
.nav-shade {
  background: #203e3540;
}
.site-header {
  color: #203e35;
  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-size: 14px;
  line-height: 1.65;
  border-bottom: 1px solid #e1e8da;
}
.site-header .container {
  width: min(1280px, calc(100% - 112px));
  margin-inline: auto;
}
.site-header .wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  white-space: nowrap;
}
.site-header .wordmark strong {
  font-weight: 700;
  letter-spacing: -0.8px;
}
.site-header .brand-dot {
  color: #174f3d;
}
.site-header .button {
  min-height: 44px;
  background: #174f3d;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 10px;
  box-shadow: 0 5px 15px #174f3d12;
  font-weight: 500;
  gap: 16px;
}
.site-header .button:hover {
  background: #123e2f;
  transform: none;
}
.site-header .icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: currentColor;
  mask: var(--icon) center/contain no-repeat;
  -webkit-mask: var(--icon) center/contain no-repeat;
  flex-shrink: 0;
}
.site-header .arrow {
  --icon: url("../../assets/icons/arrow.svg");
}
.site-header .menu {
  --icon: url("../../assets/icons/menu.svg");
}
.site-header .target {
  --icon: url("../../assets/icons/target.svg");
}
.site-header .business {
  --icon: url("../../assets/icons/business.svg");
}
.site-header .growth {
  --icon: url("../../assets/icons/growth.svg");
}
.site-header .pos {
  --icon: url("../../assets/icons/pos.svg");
}
.site-header .marketing {
  --icon: url("../../assets/icons/marketing.svg");
}
.site-header .store {
  --icon: url("../../assets/icons/store.svg");
}
.site-header .nav-entry-icon .icon {
  width: 20px;
  height: 20px;
}
.site-header .nav-entry > .icon {
  width: 14px;
  height: 14px;
}
.site-header .nav-panel {
  color: #203e35;
}
.site-header .nav-intro a {
  color: #123e2f;
}
.site-header .header-cta:hover,
.site-header .nav-mobile-action .button:hover {
  color: #fff;
}
@media (max-width: 1000px) {
  .site-header .container {
    width: calc(100% - 48px);
  }
}
@media (max-width: 600px) {
  .site-header .container {
    width: calc(100% - 40px);
  }
}