.product-page-add-ons {
      background-color: #f7f8f9;
      display: flex;
      align-items: stretch;
      justify-content: center;
      padding: 32px 20px 0;
  }

  .product-page-add-ons__inner {
      display: flex;
      flex-direction: column;
      width: 100%;
  }

  .product-page-add-ons__title {
      margin-bottom: 22px;
      font-weight: 700;
      font-size: 24px;
      line-height: 28px;
      color: #161a1d;
      display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
  }

  .product-page-add-on {
      overflow: hidden;
      border-radius: 16px;
      background-color: #161a1d;
      margin-bottom: 40px;
      display: flex;
      flex-direction: column;
      /* width: 85%; */
  }



  .shared-image-wrapper__layout-intrinsic {
      display: inline-block;
      overflow: hidden;
      max-width: 100%;
  }

  .shared-image-wrapper__full {
      width: 100%;
      height: 100%;
  }

  .shared-image-wrapper {
      box-sizing: border-box;
      background: none;
      border: 0;
      margin: 0;
      padding: 0;
      position: relative;
      opacity: 1;
      transition: opacity .25s ease-in-out;
      border-radius: 0;
  }

  .shared-image-wrapper__intrinsic-spacer {
      box-sizing: border-box;
      display: block;
      width: initial;
      height: initial;
      background: none;
      opacity: 1;
      border: 0;
      margin: 0;
      padding: 0;
      max-width: 100%;
  }

  .shared-image-wrapper__intrinsic-spacer-image {
      box-sizing: border-box;
      display: block;
      width: initial;
      height: initial;
      background: none;
      opacity: 1;
      border: 0;
      margin: 0;
      padding: 0;
      max-width: 100%;
  }

  .product-page-add-on__image img,
  .product-page-add-on__image video {
      aspect-ratio: 1;
      max-width: 100%;
      object-fit: cover;
      background-color: #000;
      width: 100%;
  }

  .shared-image-wrapper__image {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      box-sizing: border-box;
      padding: 0;
      border: none;
      margin: auto;
      display: block;
      width: 0;
      height: 0;
      min-width: 100%;
      max-width: 100%;
      min-height: 100%;
      max-height: 100%;
  }

  .product-page-add-on__body {
      position: relative;
      padding: 10px 10px 16px 50px;
      /* width: 43%; */
  }

  .product-page-add-on__icon {
      position: absolute;
      top: 8px;
      left: 8px;
      width: 32px;
      height: 32px;
      border-radius: 100px;
      background-color: rgba(255, 255, 255, .05);
      border: 1px solid rgba(255, 255, 255, .05);
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .shared-svg-icon {
      display: block;
      transition: all 200ms;
  }

  .product-page-add-on__icon svg {
      color: #fff;
  }

  .product-page-add-on__title {
      font-weight: 700;
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 10px;
      color: #fff;
      display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
  }

  .product-page-add-on__text {
      font-size: 14px;
      line-height: 20px;
      color: #c8ccd0;
        font-family: Arial, Helvetica, sans-serif;
  }

  .shared-video {
      position: relative;
      overflow: hidden;
      z-index: 1;
  }



  div[role="button"] {
      cursor: pointer;
  }

  .shared-video video {
      max-height: 600px
  }

  .shared-video__skeleton {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 100;
      font-size: 0
  }

  .shared-video__overlay {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; 
      /* z-index: 2; */
      /* cursor: pointer; */
      /* background-color: rgba(4, 12, 17, .4) */
  }

  .shared-video__overlay.error {
      background-color: rgba(4, 12, 17, .8);
      cursor: not-allowed
  }

  .shared-video__media {
      width: 100%;
      height: 100%
  }

  .shared-video__play {
      background-color: rgba(255, 255, 255, .4);
      backdrop-filter: blur(8px);
      width: 80px;
      height: 80px;
      border-radius: 50%;
      position: relative;
      /* z-index:2; */

        /* position: absolute; */
            /* top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 36px;
            color: white;
            opacity: 0.8;
            cursor: pointer;
            background-color: rgba(255, 255, 255, .4);
            backdrop-filter: blur(8px);
            width: 48px;
            height: 48px;
            border-radius: 50%; */
  }

  .shared-video__play:after {
      content: "";
      position: absolute;
      border: 14px solid rgba(0, 0, 0, 0);
      border-left: 18px solid #161a1d;
      left: calc(50% + 10px);
      top: 50%;
      transform: translate(-50%, -50%)
  }

  /* @media (min-width: 1680px) {
  .product-page-add-on {
        width: 1530px;
        margin-bottom: 80px;
        min-height: 495px;
    }
    .product-page-add-on__body {
        width: 43%;
        padding: 40px 40px 40px 80px;
    }
    .product-page-add-on__body-inner {
        padding: 0;
    }
    .product-page-add-on__body-inner {
        padding: 0;
    }
    .product-page-add-on__icon {
        width: 56px;
        height: 56px;
    }
    .product-page-add-on__icon svg {
        width: 36px;
        height: 36px;
    }
}
@media (min-width: 1400px) {
    .product-page-add-on__body {
        width: 43%;
    }
}
@media (min-width: 1300px) {
    .product-page-add-on__image {
        width: 720px;
    }
    .product-page-add-on__body-inner {
        padding: 82px 0 0;
    }
    .product-page-add-on__title {
        font-size: 32px;
        line-height: 36px;
    }
    .product-page-add-on__text {
        font-size: 20px;
        line-height: 30px;
    }
}
@media (min-width: 1200px) {
    .product-page-add-ons {
        padding: 52px 0 0;
    }
    .product-page-add-on__image {
        width: 640px;
    }
    .product-page-add-on__body-inner {
        padding: 71px 0 0;
    }
    .product-page-add-on__title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .product-page-add-on__text {
        font-size: 18px;
        line-height: 26px;
    }
    
} */
  @media (min-width: 1024px) {
      .product-page-add-ons {
          padding: 52px 30px 0;
      }

      .product-page-add-ons__title {
          text-align: center;
      }

      .product-page-add-on.reversed {
          flex-direction: row-reverse;
      }

      .product-page-add-on:not(.reversed) {
          flex-direction: row;
      }

      .product-page-add-on {
          background-color: rgba(0, 0, 0, 0);
          gap: 30px;
          border-radius: 0;
          min-height: 292px;
          justify-content: flex-end;
          width: 85%;
          margin: 0 auto 60px;
      }

      .product-page-add-on__image {
          border-radius: 20px;
          overflow: hidden;
          flex: 0 0 auto;
          width: 57%;
      }

      .product-page-add-on__body {
          background-color: #161a1d;
          border-radius: 20px;
          padding: 40px;
          flex: 1;
          width: 43%;
          display: flex;
          align-items: stretch;
          justify-content: flex-start;
      }

      .product-page-add-on__body-inner {
          position: relative;
          height: 100%;
          display: flex;
          align-items: stretch;
          justify-content: center;
          flex-direction: column;
          padding: 62px 0;
      }

      .product-page-add-on__icon {
          width: 44px;
          height: 44px;
          flex: 0 0 auto;
          top: 0;
          left: 0;
      }

      .product-page-add-on__icon svg {
          width: 24px;
          height: 24px;
      }

      .product-page-add-on__title {
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 8px;
          display: flex;
          align-items: center;
          justify-content: flex-start;
      }

      .product-page-add-on__text {
          font-size: 18px;
          line-height: 26px;
      }
  }


  @media (min-width: 768px) {
      .product-page-add-ons {
          padding: 32px 30px 0;
      }

      .product-page-add-ons__title {
          font-size: 28px;
          line-height: 32px;
      }

      .product-page-add-on__image {
          aspect-ratio: 16 / 9;
      }

      .product-page-add-on__image img,
      .product-page-add-on__image video {
          aspect-ratio: 16 / 9;
          width: 100%;
          height: 100%;
      }

      .product-page-add-on__body {
          padding: 20px 20px 20px 60px;
      }

      .product-page-add-on__icon {
          top: 18px;
          left: 18px;
      }

      .product-page-add-on__title {
          font-size: 24px;
          line-height: 28px;
      }

      .product-page-add-on__text {
          font-size: 16px;
          line-height: 24px;
      }
    .display-none-desktop {
        display: none !important;
    }

  }

  @media (max-width: 500px) {
    .shared-image-wrapper__image.display-none-tablet {
            display: none !important;
        }
  }
  @media (min-width: 501px) {
    .shared-image-wrapper__image.display-none-desktop {
            display: none !important;
        }
    .shared-image-wrapper__image.display-none-tablet{
        display: block !important;
    }
  }