.gallery-container {
  width: calc(100% - 2rem);
  max-width: 1400px;
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.album-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.25rem;
}

.photo-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
}

.album-card {
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 12px rgb(0 0 0 / 12%);
}

.album-card img {
  display: block;
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.album-info {
  padding: 1rem;
}

.photo-grid a {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: #f4f6f8;
  box-shadow: 0 3px 12px rgb(0 0 0 / 12%);
}

.photo-grid img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 576px) {
  .gallery-container {
    width: calc(100% - 1rem);
  }

  .photo-grid {
    gap: 1rem;
  }
}