.text-image__wrapper {
  background: var(--background);
  color: var(--color);
  padding: var(--PT) 0 var(--PB);

  .text-image__container {
    align-items: start;
    display: grid;

    .text-image__media-wrapper {
      text-align: center;

      .text-image__media {
        border-radius: 2rem;
        overflow: hidden;
      }

      .text-image__media-text {
        font-size: 2.4rem;
        line-height: 1.3;
        margin-top: 1.2rem;
      }
    }

    &>div {
      flex: 1 1 50%;
    }

    img {
      height: auto;
    }

    .text-image__image {
      min-height: 100%;
      object-fit: cover;
      width: 100%;
    }

    .text-image__context .text-image__block {
      font-size: var(--FZ);
      padding: var(--PT) 0 var(--PB);

      &.text-image__block-heading {
        font-weight: 500;
        line-height: 1;
      }

      &.text-image__block-content {
        line-height: 1.3;

        p+p {
          margin-top: 1.2rem;
        }
      }

      &.text-image__block-list {
        font-weight: 500;
        line-height: 1.2;

        .text-image__list {
          list-style: none;
          margin: 0;
          padding: 0;

          .text-image__list-item {
            align-items: start;
            display: grid;
            gap: 1.2rem;
            grid-template-columns: 0.95em auto;
            list-style: none;

            &+& {
              margin-top: 1.5rem;
            }

            .text-image__list-icon {
              background: #FFC49A;
              border-radius: 50%;
              height: auto;
              position: relative;
              top: 1em;
              top: 0.5em;
              translate: 0 -50%;
              width: 100%;
            }
          }
        }
      }

      &.text-image__block-atc {
        margin-top: 2.5rem;

        .simple-atc-block .product-form__submit {
          width: auto;
        }
      }
    }
  }

  &.image_position-left .text-image__media-wrapper {
    order: -1;
  }

  &.image_style-1 .text-image__container {
    gap: 4rem 4.5rem;
    grid-template-columns: 63.5% 1fr;
  }

  &.image_style-2 .text-image__container {
    gap: 4rem 14rem;
    grid-template-columns: 48.75% 1fr;
  }

  @media screen and (width < 1200px) {
    &.image_style-2 .text-image__container {
      gap: 4rem;
    }
  }

  @media screen and (width < 991px) {

    &.image_style-1 .text-image__container,
    &.image_style-2 .text-image__container {
      grid-template-columns: 100%;
    }

    &.image_position-left .text-image__media-wrapper {
      order: 1;
    }

    .text-image__block-atc {
      display: none;
    }
  }
}