/* Hide on small mobile (portrait) - up to 390px */
@media (max-width: 390px) {
  .hide-small-mobile {
    display: none !important;
  }
}

/* Hide on mobile (portrait) - up to 767px */
@media (max-width: 740px) {
  .hide-mobile {
    display: none !important;
  }
}

/* Hide on mobile (landscape) - 391px to 926px, landscape orientation */
@media (min-width: 391px) and (max-width: 926px) and (orientation: landscape) {
  .hide-mobile-landscape {
    display: none !important;
  }
}

/* Hide on tablet - 768px to 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  .hide-tablet {
    display: none !important;
  }
}

/* Hide on desktop - 1024px and up */
@media (min-width: 1024px) {
  .hide-desktop {
    display: none !important;
  }
}

.masonry {
  box-sizing: border-box;
  columns: 16rem;
  gap: var(--wp--preset--spacing--50);
}