.steam-included-panel--spacing-v1 {
  grid-template-areas:
    "content side"
    "card-one side"
    "card-two card-three";
  column-gap: 40px;
  row-gap: 18px;
  align-items: stretch;
  padding: 36px;
}

.steam-included-panel--spacing-v1 .steam-included-panel__content {
  grid-area: content;
  align-self: start;
  gap: 14px;
}

.steam-included-panel--spacing-v1 .steam-included-panel__side {
  grid-area: side;
}

.steam-included-panel--spacing-v1 .steam-included-panel__media {
  min-height: 400px;
  height: 100%;
}

.steam-included-panel--spacing-v1 .steam-included-panel__plans {
  display: contents;
}

.steam-included-panel--spacing-v1 .steam-included-panel__plans article {
  min-height: 0;
  gap: 10px;
  padding: 24px 28px;
  overflow: hidden;
  border-right: 0;
  border-radius: 24px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(5, 11, 29, 0.08);
}

.steam-included-panel--spacing-v1 .steam-included-panel__plans article:nth-child(1) {
  grid-area: card-one;
}

.steam-included-panel--spacing-v1 .steam-included-panel__plans article:nth-child(2) {
  grid-area: card-two;
}

.steam-included-panel--spacing-v1 .steam-included-panel__plans article:nth-child(3) {
  grid-area: card-three;
}

@media (max-width: 820px) {
  .steam-included-panel--spacing-v1 {
    grid-template-areas:
      "content"
      "side"
      "plans";
    grid-template-columns: minmax(0, 1fr);
    row-gap: 22px;
    padding: 32px 24px 28px;
  }

  .steam-included-panel--spacing-v1 .steam-included-panel__plans {
    grid-area: plans;
    display: grid;
  }

  .steam-included-panel--spacing-v1 .steam-included-panel__plans article,
  .steam-included-panel--spacing-v1 .steam-included-panel__plans article:nth-child(1),
  .steam-included-panel--spacing-v1 .steam-included-panel__plans article:nth-child(2),
  .steam-included-panel--spacing-v1 .steam-included-panel__plans article:nth-child(3) {
    grid-area: auto;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid rgba(5, 11, 29, 0.08);
  }

  .steam-included-panel--spacing-v1 .steam-included-panel__plans article:first-child {
    border-radius: 24px 24px 0 0;
  }

  .steam-included-panel--spacing-v1 .steam-included-panel__plans article:last-child {
    border-bottom: 0;
    border-radius: 0 0 24px 24px;
  }

  .steam-included-panel--spacing-v1 .steam-included-panel__media {
    min-height: 320px;
    height: 320px;
  }
}

@media (max-width: 560px) {
  .steam-included-panel--spacing-v1 {
    width: min(100% - 24px, 1160px);
    row-gap: 18px;
    padding: 22px;
  }

  .steam-included-panel--spacing-v1 .steam-included-panel__media {
    min-height: 260px;
    height: 260px;
  }

  .steam-included-panel--spacing-v1 .steam-included-panel__plans article {
    padding: 22px;
  }
}