.desktop-only {
  display: none !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .desktop-only {
    display: block !important;
  }

  .desktop-only.footer-columns {
    display: grid !important;
  }

  .desktop-only.collection-toolbar__filter-button--desktop {
    display: inline-flex !important;
  }

  .mobile-only {
    display: none !important;
  }
}