/* v245 — keep every uploaded workshop card image elegant and compact */
.workshop-category-card__media {
  height: 210px;
  min-height: 210px;
  max-height: 210px;
  overflow: hidden;
}

.workshop-category-card__image,
.workshop-category-card__placeholder {
  height: 100%;
  min-height: 0;
  max-height: 100%;
}

.workshop-category-card__image img {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  object-position: center;
}

/* The full-description gallery has a strict height, so portrait uploads
   can never stretch the page to their original dimensions. */
.workshop-category-detail__gallery {
  height: clamp(260px, 26vw, 340px);
  min-height: 0;
  max-height: 340px;
  overflow: hidden;
  align-items: stretch;
}

.workshop-category-detail__gallery figure {
  position: relative;
  height: 100%;
  min-height: 0;
  max-height: 340px;
  overflow: hidden;
  background: linear-gradient(145deg, #f7f3ee, #e7ddd2);
  box-shadow: 0 14px 30px rgba(48, 31, 19, .10);
}

.workshop-category-detail__gallery img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .6s ease;
}

.workshop-category-detail__gallery figure:hover img {
  transform: scale(1.025);
}

@media (max-width: 680px) {
  .workshop-category-card__media {
    height: 138px;
    min-height: 138px;
    max-height: 138px;
  }

  .workshop-category-detail__gallery {
    height: 220px;
    min-height: 0;
    max-height: 220px;
  }

  .workshop-category-detail__gallery figure {
    height: 220px;
    min-height: 0;
    max-height: 220px;
  }
}