/* text floating styles - HT */

.f-product-single-row {
  --media-corner-radius: 25px;

  .section {
    margin: 0;
  }

  .section--full-width .wrapper__text {
    padding-block: 0;
  }

  .container {
    padding: 2rem;
  }

  img,
  video {
    object-fit: cover;
  }

  .wrapper__text {
    color: var(--text-heading-gray-color);
  }

  h2 {
    line-height: 2rem;
  }

  .text__text {
    letter-spacing: var(--letter-spacing-l);
    font-weight: var(--weight-black);
  }

  .btn {
    margin-inline: auto;
  }

  .text_33 {
    grid-template-columns: 1fr;
  }

  .media_rounded_corner video,
  .media_rounded_corner img {
    height: 100%;
    border-radius: var(--media-corner-radius);
  }
  
  .overlay__media {
    background: linear-gradient(to right, rgba(255 255 255 / 1) 0, rgba(255 255 255 / 0) 50%);
    top: 0;
    left: 0;
    display: none;  
  }

  .text__subheading {
    font-weight: var(--weight-bold);
  }

  @media (min-width: 769px) {
    --media-corner-radius: 50px;

    .section {
      width: 74vw;
      margin-inline: auto;
    }

    .section--full-width {
      width: 100vw;
    }

    .overlay__media {
      display: block;
    }

    h2 {
      line-height: 1.2;
      font-weight: var(--weight-black);
    }

    .btn {
      margin-inline: 0;
    }
  
    .reverse {
      > .wrapper__media,
      > .wrapper__text:first-child {
        order: 2;
      }
  
      > .wrapper__text:last-child {
        order: 1;
      }
  
      &.text_33 {
        grid-template-columns: 1fr 2fr;
      }
    }

    .text_33 {
      grid-template-columns: 2fr 1fr;
    }
  }
}