/* Fresco shared menu base — desktop/mobile instance visibility.
   Every page renders TWO menu instances (desktop + mobile); this stylesheet
   shows exactly one per viewport, swapping at the 768px breakpoint. Individual
   menu styles handle their own look inside these wrappers.
   No template CSS vars here — this file is copied verbatim into exports. */
.fresco-menu--desktop { display: block; }
.fresco-menu--mobile { display: none; }

@media (max-width: 767px) {
  .fresco-menu--desktop { display: none; }
  .fresco-menu--mobile { display: block; }
}