.region-aside {
  width: 100%;

  @media (width >= 1024px) {
    width: fit-content;
  }

  .region__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    row-gap: var(--space-xl);
    width: 100%;
  }

  .block__title {
    color: var(--color-text-primary);
    margin-bottom: var(--space-xl);
    text-align: center;

    @media (width < 1024px) {
      font-size: var(--font-size-2xl);
    }

    @media (width >= 1024px) {
      font-size: var(--font-size-3xl);
    }
  }

  .content-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(33rem, 33rem));
    place-content: center;
    place-items: flex-start;
    width: 100%;

    @media (width < 1024px) {
      gap: var(--space-lg);
    }

    @media (width >= 1024px) {
      gap: var(--space-xl);
    }
  }
}