/* Стили для Masonry */
.masonry-grid {
  /* небольшой отступ, чтобы контент не прилипал к краям */
  margin: 0 auto;
}

/* Каждая карточка – невидимый блок, Masonry сам задаст позицию */
.masonry-item {
  width: calc(33.333% - 20px); /* 3 колонки на десктопе, отступы */
  margin-bottom: 20px;
  transition: transform 0.3s ease;
}

.masonry-item:hover {
  transform: scale(1.02);
}

.card {
  border: none;
  background: #2c2c2c;
  border-radius: 12px;
  overflow: hidden;
}

.card img,
.card video {
  width: 100%;
  height: auto;
  display: block;
}

.card-body {
  padding: 15px;
}

/* Адаптивность */
@media (max-width: 992px) {
  .masonry-item {
    width: calc(50% - 20px);
  }
}
@media (max-width: 576px) {
  .masonry-item {
    width: calc(100% - 20px);
  }
}

.floating-item {
  will-change: transform, opacity;
  pointer-events: none; /* чтобы не мешали кликам */
  user-select: none;
}