.carousel {
  display: flex;
  overflow-x: scroll;
  padding-bottom: 12px;
  scrollbar-color: var(--moaning-maroon) var(--pretty-in-pink);
  scrollbar-width: auto;
  scrollbar-gutter: stable;
  width: 100%;

  h3, h4 { margin: 0; }

  .event {
    margin: 0 60px 0 0;

    .description {
      height: 100%;
      overflow: scroll;
      padding-inline-end: 12px;
      scrollbar-color: var(--moaning-maroon) var(--pretty-in-pink);
      scrollbar-width: auto;
      scrollbar-gutter: stable;
    }
  }

  .item {
    display: flex;
    flex-direction:column;
    height: 300px;
    min-width: 300px;
    padding: 24px;
    width: 300px;
  }

  .product {
    margin: 0 24px 0 0;

    .image {
      height: 250px;
      overflow: hidden;
      width: 100%;

      img { margin: auto; }
    }
  }
}