/* Baytna header + mobile nav */
.b-header {
  position: sticky; top: 0; z-index: 100;
  background: #fff; border-bottom: 1px solid var(--b-border);
}
.b-header__inner {
  display: flex; align-items: center; justify-content: space-between;
  height: var(--b-topbar-h);
}
.b-header__brand { display: inline-flex; align-items: center; font-family: var(--b-font-display); font-weight: 600; color: var(--b-ink); text-decoration: none; }
.b-header__logo { font-size: 24px; letter-spacing: -.02em; }
.b-header__logo::after { content: ""; }

.b-header__nav { display: flex; align-items: center; gap: 24px; }
.b-header__menu { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0; padding: 0; }
.b-header__menu a {
  color: var(--b-ink); font-weight: 500; font-size: 15px;
  padding: 8px 0; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s;
}
.b-header__menu a:hover, .b-header__menu .current-menu-item > a { color: var(--b-accent); border-bottom-color: var(--b-accent); }
.btn--sm { height: 40px; line-height: 40px; padding: 0 20px; font-size: 13px; }

.b-header__toggle { display: none; background: none; border: 0; cursor: pointer; width: 40px; height: 40px; flex-direction: column; gap: 5px; align-items: center; justify-content: center; padding: 0; }
.b-header__toggle span { display: block; width: 24px; height: 2px; background: var(--b-ink); transition: transform .25s, opacity .2s; }
.b-header__toggle[aria-expanded="true"] span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.b-header__toggle[aria-expanded="true"] span:nth-child(2){ opacity: 0; }
.b-header__toggle[aria-expanded="true"] span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 900px) {
  .b-header__toggle { display: flex; }
  .b-header__nav {
    position: absolute; top: var(--b-topbar-h); left: 0; right: 0;
    background: #fff; border-bottom: 1px solid var(--b-border);
    flex-direction: column; align-items: stretch; gap: 0; padding: 8px 24px 24px;
    transform: translateY(-8px); opacity: 0; pointer-events: none;
    transition: opacity .2s, transform .2s;
  }
  .b-header__nav.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
  .b-header__menu { flex-direction: column; align-items: stretch; gap: 0; }
  .b-header__menu li { border-bottom: 1px solid var(--b-border); }
  .b-header__menu a { display: block; padding: 16px 0; font-size: 17px; border-bottom: 0; }
  .b-header__menu a:hover { color: var(--b-accent); }
  .b-header__cta { margin-top: 20px; }
  .b-header__cta .btn { width: 100%; justify-content: center; }
}