.kit {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--mantine-spacing-xl);

  @container (min-width: theme('screens.md')) {
    grid-template-columns: 1fr 2fr;
  }

  &+& {
    margin-top: calc(var(--mantine-spacing-xl) * 2);
  }
}

.description {
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-md);
  align-items: flex-start;
}

.descriptionTitle {
  /* Add styles if needed */
}

.descriptionText {
  /* Add styles if needed */
}

.descriptionButton {
  margin-top: var(--mantine-spacing-md);
}

.media {
  display: grid;
  gap: var(--mantine-spacing-sm);

  img {
    max-width: 100%;
  }
}

.mediaRow {
  width: 100%;
  display: grid;
  gap: var(--mantine-spacing-sm);

  div {
    height: 7rem;
    border-radius: var(--mantine-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--mantine-spacing-sm);

    @container (min-width: theme('screens.md')) {
      height: 10rem;
      padding: var(--mantine-spacing-lg);
    }

    svg {
      width: 100%;
      height: 100%;
      max-height: 60px;
    }
  }
}
