@media (max-width: 768px) {
  #products {
    .product {
      &.dklabSelfBanner {
        .js-hp-mobile-carousel {
          display: none !important;
        }
      }

      a.image.hp-mobile-carousel-original {
        display: none !important;
      }

      .hp-mobile-carousel {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;

        &__link {
          display: block;
          text-decoration: none;
        }

        &__slide {
          display: none;
          width: 100%;

          &.is-active {
            display: block;
          }

          img {
            display: block;
            width: 100%;
            height: auto;
          }
        }

        &__dots {
          position: absolute;
          left: 50%;
          bottom: 10px;
          transform: translateX(-50%);
          display: flex;
          gap: 8px;
          z-index: 5;
        }

        &__dot {
          width: 10px;
          height: 10px;
          padding: 0;
          margin: 0;
          border: 0;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.65);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18);

          &.is-active {
            background: #fff;
          }
        }
      }
    }
  }
}