/* ===== Gallery shared grids (mobile-first) ===== */

.grid,
.grid-full,
.grid-preview {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;     /* space from top */
  padding: 0 1rem;      /* 👈 space from left/right */
}



.grid img,
.grid-full img,
.grid-preview img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Mobile defaults */
.grid-preview { grid-template-columns: 1fr; }
.grid-full    { grid-template-columns: 1fr; }