/* Base Masonry layout */
.masonry {
  column-gap: 1rem;
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 1rem;
}

/* Mobile (up to 768px) */
@media (max-width: 768px) {
  .masonry-columns-1-mobile { column-count: 1; }
  .masonry-columns-2-mobile { column-count: 2; }
  .masonry-columns-3-mobile { column-count: 3; }
  .masonry-columns-4-mobile { column-count: 4; }
}

/* Tablet (≥ 769px) */
@media (min-width: 769px) {
  .masonry-columns-1-tablet { column-count: 1; }
  .masonry-columns-2-tablet { column-count: 2; }
  .masonry-columns-3-tablet { column-count: 3; }
  .masonry-columns-4-tablet { column-count: 4; }
  .masonry-columns-5-tablet { column-count: 5; }
}

/* Desktop (≥ 1024px) */
@media (min-width: 1024px) {
  .masonry-columns-1-desktop { column-count: 1; }
  .masonry-columns-2-desktop { column-count: 2; }
  .masonry-columns-3-desktop { column-count: 3; }
  .masonry-columns-4-desktop { column-count: 4; }
  .masonry-columns-5-desktop { column-count: 5; }
}

/* Widescreen (≥ 1216px) */
@media (min-width: 1216px) {
  .masonry-columns-1-widescreen { column-count: 1; }
  .masonry-columns-2-widescreen { column-count: 2; }
  .masonry-columns-3-widescreen { column-count: 3; }
  .masonry-columns-4-widescreen { column-count: 4; }
  .masonry-columns-5-widescreen { column-count: 5; }
  .masonry-columns-6-widescreen { column-count: 6; }
}

/* FullHD (≥ 1408px) */
@media (min-width: 1408px) {
  .masonry-columns-1-fullhd { column-count: 1; }
  .masonry-columns-2-fullhd { column-count: 2; }
  .masonry-columns-3-fullhd { column-count: 3; }
  .masonry-columns-4-fullhd { column-count: 4; }
  .masonry-columns-5-fullhd { column-count: 5; }
  .masonry-columns-6-fullhd { column-count: 6; }
  .masonry-columns-7-fullhd { column-count: 7; }
}