/* HUSSEIN_MEDIA_GRID_V1 */

.hl-gallery-grid,
.hl-gallery-grid[data-mode="all"],
.hl-gallery-grid[data-mode="video"],
.hl-gallery-grid[data-mode="photo"] {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:none !important;
  grid-auto-rows:auto;
  align-items:start;
  gap:16px;
}

.hl-gallery-grid .hl-gallery-card,
.hl-gallery-grid .hl-gallery-card:first-child {
  grid-column:auto !important;
  grid-row:auto !important;
  width:100%;
  height:auto;
  min-height:0 !important;
  aspect-ratio:3/4;
  overflow:hidden;
}

.hl-gallery-card img {
  width:100%;
  height:100%;
  object-fit:cover;
}

@media(max-width:950px) {
  .hl-gallery-grid,
  .hl-gallery-grid[data-mode="all"],
  .hl-gallery-grid[data-mode="video"],
  .hl-gallery-grid[data-mode="photo"] {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:520px) {
  .hl-gallery-grid,
  .hl-gallery-grid[data-mode="all"],
  .hl-gallery-grid[data-mode="video"],
  .hl-gallery-grid[data-mode="photo"] {
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }

  .hl-gallery-grid .hl-gallery-card {
    max-height:550px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .hl-gallery-card img {transition:none}
}