/* ===== Responsive Visibility Utilities ===== */

/* Mobile breakpoint: adjust if needed */
@media (max-width: 781px) {
  .hide-on-mobile {
    display: none !important;
  }

  .show-on-mobile {
    display: block !important;
  }
}

@media (min-width: 782px) {
  .hide-on-desktop {
    display: none !important;
  }

  .show-on-desktop {
    display: block !important;
  }
}

/* Safety defaults */
.show-on-mobile,
.show-on-desktop {
  display: none;
}
/* ===== Responsive Visibility Utilities ===== */