/**
 * Visibility helpers that preserve original display (flex/grid/inline-block).
 * We only set display:none in the target breakpoint, never "restore" it.
 */

/* No defaults that change display */
.only-desktop {}
.only-mobile  {}

/* Hide desktop-only on small screens */
@media (max-width: 767.98px) {
  .only-desktop { display: none !important; }
}

/* Hide mobile-only on medium+ screens */
@media (min-width: 768px) {
  .only-mobile { display: none !important; }
}