/* List Item / Filme — SD-77
 * Film still + label + title + makers + optional CTA.
 * Mobile-first: S default, M ≥1024px, L ≥1280px
 */

.list-item-filme {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dk-space-06);       /* 24px */
  align-items: flex-start;
  padding-bottom: var(--dk-space-08);  /* 40px */
  width: 100%;
}

/* --- Film still image --- */
.list-item-filme__img-wrap {
  flex-shrink: 0;
  width: 12.5rem;               /* 200px at M/L */
}

@media (max-width: 79.9375rem) {
  .list-item-filme__img-wrap {
    width: 100%;                  /* S: full width */
  }
}

.list-item-filme__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 200 / 113;       /* matches Figma still proportions */
  object-fit: cover;
}

/* --- Text column --- */
.list-item-filme__body {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--dk-space-04);       /* 16px → 20px */
  min-width: 16rem;              /* ~256px, allows wrapping */
}

/* --- Heading group --- */
.list-item-filme__heading {
  display: flex;
  flex-direction: column;
  gap: var(--dk-space-01);       /* 8px */
}

.list-item-filme__label {
  line-height: 1.2;
  color: var(--dk-color-black);
}

.list-item-filme__title {
  margin: 0;
  line-height: 1.2;
  color: var(--dk-color-black);
}

.list-item-filme__makers {
  line-height: 1.3;
  color: var(--dk-color-black);
}