/* Workshop catalog v2: reliable thumbnails + collection cards */
.mod-thumb {
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 45%, #111a13 0, #070b08 72%),
    #050806;
}
.mod-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}
.mod-card:hover .mod-thumb img { transform: none; filter: contrast(1.025); }

.collection-section { margin: 30px 0 38px; }
.collection-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.collection-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #41523f;
  background:
    linear-gradient(145deg, rgba(105,138,77,.14), transparent 48%),
    linear-gradient(180deg, #131c15, #090e0a);
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: border-color .14s ease, transform .14s ease;
}
.collection-card:hover { transform: translateY(-2px); border-color: var(--accent); }
.collection-thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-bottom: 1px solid #344437;
  background: #050806;
}
.collection-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}
.collection-copy { padding: 15px 16px 17px; display: flex; flex: 1; flex-direction: column; text-align: center; }
.collection-copy h3 { margin: 0 0 8px; color: #dce5d6; font-size: 1rem; line-height: 1.22; }
.collection-copy p { margin: 0; color: #849085; font-size: .76rem; line-height: 1.45; }
.collection-copy .mod-open { margin-top: auto; padding-top: 12px; }
.collection-thumb.fallback,
.mod-thumb.fallback {
  display: grid;
  place-items: center;
  padding: 18px;
  text-align: center;
  background:
    linear-gradient(145deg, rgba(157,204,88,.12), transparent 48%),
    repeating-linear-gradient(0deg, transparent 0 3px, rgba(157,204,88,.025) 4px),
    radial-gradient(circle at 50% 38%, #18251a 0, #0a110c 48%, #050806 100%);
}
.collection-thumb.fallback span,
.mod-thumb.fallback span {
  color: #a9d76c;
  font-family: "Arial Narrow", "Segoe UI", sans-serif;
  font-size: .95rem;
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: .05em;
  text-transform: uppercase;
}
@media (max-width: 720px) {
  .collection-grid { grid-template-columns: 1fr; }
  .collection-thumb { aspect-ratio: 16 / 8; }
}