/* Image Archive albums — same card look as the hub */
.foogallery-album-gallery-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  list-style: none !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  max-width: 980px;
}
.foogallery-album-gallery-list > li {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
}
.foogallery-pile,
.foogallery-pile-inner,
.foogallery-pile a {
  width: 100% !important;
  height: auto !important;
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.foogallery-pile a {
  display: flex !important;
  flex-direction: column;
  text-decoration: none !important;
  background: #1b1f29 !important;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
  min-height: 220px;
}
.foogallery-pile img,
.foogallery-pile .fg-image {
  width: 100% !important;
  height: 140px !important;
  object-fit: cover !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.foogallery-pile h3 {
  display: block !important;
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  padding: 12px 14px 14px !important;
  background: #1b1f29 !important;
  color: #f3f1ea !important;
  font-size: 0.98rem !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}
.foogallery-pile h3 span {
  display: block !important;
  color: #9aa3b5 !important;
  font-weight: 500 !important;
  font-size: 0.78rem !important;
  margin-top: 3px !important;
}

/* When an album page is showing piles, drop the shop sidebar and centre */
body.lia-archive-hub #secondary {
  display: none !important;
}
body.lia-archive-hub #primary {
  width: 100% !important;
  max-width: 980px;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.lia-archive-hub .wrap {
  max-width: 1100px;
}

.lia-archive-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  font-size: 0.92rem;
  color: #6a7386;
}
.lia-archive-crumb a {
  color: #1b1f29;
  text-decoration: none;
  font-weight: 600;
}
.lia-archive-crumb a:hover { color: #c48a10; }
.lia-archive-sep { color: #b3b8c4; }
.lia-archive-crumb span:last-child { color: #5c6578; }
.foogallery-album-header a {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 600;
}