/**
 * Surancy Elementor gallery filter: `assets/js/100af298…` runs Isotope **masonry** on
 * `.gallery-column` (not `.gallery-row`). `.gallery-row` is only a wrapper.
 *
 * Do not use `display: grid` on `.gallery-column` or `width: … !important` on
 * `.gallery-item` — Isotope positions items with `position: absolute` and sets
 * widths; `!important` rules block that and collapse the layout to one column.
 *
 * Below: non-!important widths so ~3 tiles show on desktop (gutter 30 matches JS).
 */
.ova-gallery-filter .gallery-row {
  width: 100%;
}

.ova-gallery-filter .gallery-column.three_column {
  width: 100%;
}

@media (min-width: 992px) {
  .ova-gallery-filter .gallery-column.three_column .gallery-item {
    width: calc((100% - 60px) / 3);
    box-sizing: border-box;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .ova-gallery-filter .gallery-column.three_column .gallery-item {
    width: calc((100% - 30px) / 2);
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  .ova-gallery-filter .gallery-column.three_column .gallery-item {
    width: 100%;
    box-sizing: border-box;
  }
}