@scope (.mrkt-header) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base,
  .elementor :scope {
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  :scope {
    /* Positioning */
    position: sticky;
    top: 0;
    z-index: 50;

    /* Layout */
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--mrkt-space-M);
    height: var(--mrkt-header-height);
    padding-inline: var(--mrkt-section-padding-inline);

    /* Style */
    border-bottom: var(--mrkt-border-width) var(--mrkt-border-type) transparent;
    background: oklch(from var(--mrkt-color-background) l c h / 0.82);
    backdrop-filter: blur(14px) saturate(1.2);

    /* Transitions */
    transition: border-color var(--mrkt-transition-base) var(--mrkt-transition-curve);
  }

  :scope.is-stuck {
    /* Style */
    border-bottom-color: var(--mrkt-color-border);
  }

  .nav {
    /* Layout */
    display: flex;
    justify-content: center;
    gap: clamp(1rem, 2.2vw, 2.25rem);

    /* Font */
    font-size: var(--mrkt-typo-body-S-size);
    font-weight: 500;
  }

  .nav a {
    /* Positioning */
    position: relative;

    /* Layout */
    padding-block: var(--mrkt-space-XS);

    /* Font */
    text-decoration: none;

    /* Style */
    color: var(--mrkt-color-accent-700);

    /* Transitions */
    transition: color var(--mrkt-transition-fast) var(--mrkt-transition-curve);
  }

  .nav a::after {
    /* Positioning */
    position: absolute;
    inset-inline: 0;
    bottom: 0;

    /* Layout */
    height: 2px;
    content: "";

    /* Style */
    background: var(--mrkt-color-secondary);
    transform: scaleX(0);
    transform-origin: left;

    /* Transitions */
    transition: transform var(--mrkt-transition-base) var(--mrkt-transition-curve);
  }

  .nav a:hover,
  .nav a[aria-current="true"] {
    /* Style */
    color: var(--mrkt-color-primary);
  }

  .nav a:hover::after,
  .nav a[aria-current="true"]::after {
    /* Style */
    transform: scaleX(1);
  }

  .actions {
    /* Layout */
    display: flex;
    align-items: center;
    gap: var(--mrkt-space-S);
  }

  .phone {
    /* Layout */
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;

    /* Font */
    font-size: 0.875rem;
    text-decoration: none;

    /* Style */
    color: var(--mrkt-color-accent-700);
  }

  .phone i {
    /* Font */
    font-size: 1.125rem;

    /* Style */
    color: var(--mrkt-color-primary);
  }

  .burger {
    /* Positioning */
    position: relative;

    /* Layout */
    display: none;
    width: 2.75rem;
    height: 2.75rem;

    /* Style */
    border: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border);
    border-radius: var(--mrkt-border-radius-S);
    background: var(--mrkt-color-surface);
    cursor: pointer;
  }

  .burger::before,
  .burger::after {
    /* Positioning */
    position: absolute;
    inset-inline: 0.75rem;
    top: 50%;

    /* Layout */
    height: 2px;
    content: "";

    /* Style */
    background: var(--mrkt-color-primary);
    transform: translateY(-4px);

    /* Transitions */
    transition: transform var(--mrkt-transition-base) var(--mrkt-transition-curve);
  }

  .burger::after {
    /* Style */
    transform: translateY(3px);
  }

  .burger[aria-expanded="true"]::before {
    /* Style */
    transform: rotate(45deg);
  }

  .burger[aria-expanded="true"]::after {
    /* Style */
    transform: rotate(-45deg);
  }

  @media (width < 1100px) {
    .phone {
      /* Layout */
      display: none;
    }
  }

  @media (width < 900px) {
    :scope {
      /* Layout */
      grid-template-columns: 1fr auto;
    }

    .burger {
      /* Layout */
      display: block;
    }

    .actions .mrkt-btn {
      /* Layout */
      display: none;
    }

    .nav {
      /* Positioning */
      position: absolute;
      inset-inline: 0;
      top: 100%;

      /* Layout */
      display: none;
      flex-direction: column;
      gap: 0;
      padding: var(--mrkt-space-XS) var(--mrkt-section-padding-inline) var(--mrkt-space-M);

      /* Font */
      font-size: var(--mrkt-typo-h4-size);

      /* Style */
      border-bottom: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border);
      background: var(--mrkt-color-background);
    }

    .nav.is-open {
      /* Layout */
      display: flex;
    }

    .nav a {
      /* Layout */
      padding-block: var(--mrkt-space-S);

      /* Style */
      border-bottom: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
    }

    .nav a::after {
      /* Layout */
      display: none;
    }
  }

  @media (width < 400px) {
    .mrkt-logo__word small {
      /* Layout */
      display: none;
    }
  }
}