/* El header sticky es el contenedor del panel mobile, fuera del flujo. */
[data-plz-header] .plz-navigation {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 16px;
  right: 16px;
  z-index: 50;
  flex-direction: column;
  max-height: calc(100dvh - 88px);
  overflow-y: auto;
  box-shadow: 0 12px 24px rgb(0 0 0 / 35%);
}
[data-plz-header] .plz-navigation[data-open] { display: flex; }
[data-plz-header] .plz-navigation a { width: 100%; }
@media (min-width: 640px) {
  [data-plz-header] .plz-menu-toggle { display: none; }
  [data-plz-header] .plz-navigation {
    display: flex;
    position: static;
    width: auto;
    flex-direction: row;
    max-height: none;
    overflow-y: visible;
    box-shadow: none;
  }
  [data-plz-header] .plz-navigation a { width: auto; }
}
