/* /assets/css/burger.css — keep this file minimal */
.burger {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 1101;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  padding: 6px;
}

.burger span {
  height: 3px;
  width: 25px;
  background: #0f172a;
  margin: 4px 0;
  transition: transform 200ms ease, opacity 200ms ease;
  display: block;
}

.burger.burger--open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.burger.burger--open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.burger.burger--open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }