.teaser-content__wrapper {
  padding: var(--sizing-xl) var(--sizing-l);
  overflow: hidden;

  @media (width >= 1024px) {
    margin: auto;
    padding: 50px var(--container-margin);
  }

  .teaser-content__header {
    .teaser-content__title {
      color: var(--neutrals-sub-texts-paragraphs);
      font-weight: var(--fw-400);
      font-size: var(--fs-large);
      line-height: var(--lh-medium);

      @media (width >= 768px) {
        font-size: var(--fs-xlarge);
        line-height: var(--lh-large);
      }

      @media (width >= 1024px) {
        font-size: var(--fs-xxlarge);
        line-height: var(--lh-32);
      }
    }

    .teaser-content__divider {
      display: none;

      @media (width >= 768px) {
        display: block;
        border-color: var(--neutrals-bars-unselected);
        margin: var(--spacing-18) 0 var(--spacing-22);
      }

      @media (width >= 1024px) {
        margin: var(--spacing-22) 0 var(--spacing-big);
      }
    }
  }

  .teaser-content__body {
    @media (width >= 768px) {
      display: flex;
      flex-direction: row;
      gap: var(--spacing-22);

      &:has(.teaser-content__media-right) {
        flex-direction: row-reverse;
      }

      & > * {
        width: 50%;
      }
    }

    .teaser-content__media {
      picture,
      img,
      .teaser-content__video {
        width: 100%;
        height: auto;
        aspect-ratio: 320 / 201;
        display: block;
        margin: var(--spacing-18) 0;

        @media (width >= 768px) {
          margin: 0;
          min-width: 356px;
          aspect-ratio: 356 / 228;
        }

        @media (width >= 1024px) {
          aspect-ratio: 615 / 330;
        }
      }
    }

    .teaser-content__text {
      .teaser-content__description {
        color: var(--neutrals-sub-texts-grey);
        font-weight: var(--fw-400);
        font-size: var(--fs-xsmall);
        line-height: var(--lh-17);
        letter-spacing: var(--ls-024);

        @media (width >= 1024px) {
          font-size: var(--fs-xmedium);
          line-height: var(--lh-23);
        }

        ul {
          li {
            margin-top: var(--spacing-14);
            list-style-type: none;
            padding-left: var(--spacing-28);
            position: relative;
            max-width: 320px;

            @media (width >= 1024px) {
              max-width: 402px;
              padding-left: var(--spacing-38);
            }

            &::before {
              content: '';
              display: block;
              width: 16px;
              height: 16px;
              background: url('/genuine-accessories/icons/tick-green.svg') no-repeat center / contain;
              position: absolute;
              top: 4px;
              left: 0;

              @media (width >= 1024px) {
                width: 24px;
                height: 24px;
              }
            }
          }
        }
      }

      .teaser-content__cta {
        margin-top: var(--spacing-14);
        width: 100%;

        @media (width >= 768px) {
          width: 296px;
          margin-top: var(--spacing-medium);
        }
      }
    }
  }
}