.header04 {
  background: var(--color-bg);
  border-bottom: var(--line) solid var(--color-border);
  position: relative;
  z-index: 40;
}

.header04__bar {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  max-width: var(--content-max);
  margin-inline: auto;
  min-height: 6.375rem;
  padding-inline: var(--page-pad);
}

.header04__end {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-left: auto;
  flex-shrink: 0;
}

.header04__menu {
  display: none;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  font-size: 0.875rem;
  color: var(--color-text);
}

.header04__drawer {
  padding: var(--space-5) var(--page-pad) var(--space-6);
  background: var(--color-bg);
  border-top: var(--line) solid var(--color-border);
}

.header04__drawer[hidden] {
  display: none;
}

.header04__drawer .headernav04__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.header04__drawer .headernav04__link {
  display: block;
  padding: var(--space-4) 0;
  line-height: 1.4;
}

.header04__drawer-cta {
  margin-top: var(--space-4);
}

@media (max-width: 768px) {
  .header04__bar {
    min-height: 5rem;
    gap: var(--space-3);
  }

  .header04__bar > .headernav04,
  .header04__bar > .header04__end > .headercta04 {
    display: none;
  }

  .header04__menu {
    display: flex;
  }
}