.product-cta-with-media {
  --product-cta-media-padding-block: 88px;
  --product-cta-media-padding-inline: 16px;

  .product-cta-with-media-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-block: var(--product-cta-media-padding-block);
    padding-inline: var(--product-cta-media-padding-inline);
    position: relative;

    @media (min-width: 990px) {
      --product-cta-media-padding-inline: 48px;

      justify-content: flex-end;
      margin-inline: auto;
      max-width: var(--page-max-width);
    }
  }

  .product-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    max-width: 362px;
    padding-inline: var(--margin);
    position: relative;
    z-index: 1;

    @media (min-width: 990px) {
      padding-inline: 0;
    }
  }

  .product-cta-media {
    background-position: center;
    background-size: cover;
    height: 100%;
    left: 0;
    min-height: 700px;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .product-cta-media-mobile {
    display: none;
    height: 100%;

    @media (max-width: 989px) {
      display: block;
    }
  }

  .product-cta-media-desktop {
    @media (max-width: 989px) {
      display: none;
    }
  }

  .product-card .info {
    background-color: var(--light-200);
  }
}