/* Keep each bottle inside its own grid cell, including custom images from beheer. */
.moment-catalog .moment-big,
.moment-catalog .moment-small {
  min-width: 0;
  column-gap: 24px;
}
.moment-catalog .moment-big > div,
.moment-catalog .moment-small > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.moment-catalog .moment-wine,
.moment-catalog .moment-small-wine {
  max-width: 100%;
  object-fit: contain;
}

@media (max-width: 760px) {
  .moment-catalog {
    gap: 16px;
    padding-bottom: 48px;
  }
  .moment-catalog .moment-pair-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .moment-catalog .moment-big,
  .moment-catalog .moment-small {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 20px;
    min-height: 0;
    padding: 26px 24px;
    align-items: start;
  }
  .moment-catalog .moment-big > div,
  .moment-catalog .moment-small > div {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    max-width: none;
  }
  .moment-catalog .moment-big p {
    margin: 0;
  }
  .moment-catalog .moment-big b,
  .moment-catalog .moment-small b {
    margin-top: 16px;
    line-height: 1.6;
  }
  .moment-catalog .moment-wine,
  .moment-catalog .moment-small-wine {
    grid-column: 1;
    grid-row: 2;
    position: static;
    width: 100%;
    max-width: 100%;
    height: 210px;
    justify-self: center;
    opacity: 1;
  }
  .moment-catalog .moment-small-wine {
    height: 170px;
  }
}