.section-product-showcase {
  padding-block: 8rem;
}
.section-product-showcase .text {
  margin-bottom: 6rem;
}
.section-product-showcase .product-showcase {
  display: grid;
  grid-template-areas: "summary image specifications";
  grid-template-columns: 1fr 2fr 1fr;
  align-content: center;
  align-items: center;
  gap: 4rem;
}
.section-product-showcase .text-left {
  grid-area: summary;
}
.section-product-showcase .text-left p:first-child + h1, .section-product-showcase .text-left p:first-child + h2, .section-product-showcase .text-left p:first-child + h3, .section-product-showcase .text-left p:first-child + h4, .section-product-showcase .text-left p:first-child + h5, .section-product-showcase .text-left p:first-child + h6 {
  margin-top: 0;
}
.section-product-showcase.with-steam .product-showcase {
  padding-top: 4rem;
}
.section-product-showcase .image {
  grid-area: image;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.section-product-showcase .specifications {
  grid-area: specifications;
}
.section-product-showcase .specifications ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.section-product-showcase .specifications ul li {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.section-product-showcase .specifications ul li .icon {
  width: 3rem;
  flex: none;
  text-align: center;
}
.section-product-showcase .specifications ul li .icon img {
  display: inline-block;
}
.section-product-showcase .specifications ul li .content {
  flex-grow: 1;
}
.section-product-showcase .specifications ul li h3 {
  font-size: 1.9rem;
  letter-spacing: 0.1em;
  margin: 0;
}
.section-product-showcase .specifications ul li p {
  margin: 0;
  font-size: 1.3rem;
  color: #606060;
}
@media (max-width: 61.9375rem) {
  .section-product-showcase {
    padding-block: 8rem;
  }
  .section-product-showcase .product-showcase {
    gap: 2rem;
  }
}
@media (max-width: 47.9375rem) {
  .section-product-showcase {
    padding-block: 4rem;
  }
  .section-product-showcase .product-showcase {
    grid-template-areas: "image" "summary" "specifications";
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/*# sourceMappingURL=block.css.map */