.section-custom-product-carousel {
  padding-top: 20px;
  position: relative;
  text-align: center;
  position: relative;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;

  .background-container {
    z-index: 0;
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: left top;
    background-repeat: repeat;
  }


  .title, .subtitle {
    color: rgba(var(--color-foreground));
    margin: 0;
  }

  .subtitle {
    display: none;
    @media (min-width: 1000px) {
      display: block;
    }
  }

  .product-carousel__link {
    color: rgba(var(--color-foreground));
    text-decoration: none;
  }

  .custom-product-carousel-header {
    position: relative;
    z-index: 1;
  }

  .custom-carousel-controls {
    position: absolute;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    top: 20px;
    width: 100%;
    padding: 0 10px;
    @media screen and (min-width: 768px) {
      padding: 0 20px;
    }
    z-index: 2;
  }

  .custom-carousel-btn {
    background: #92D8C1;
    border: 2px solid rgba(var(--color-foreground));
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: rgba(var(--color-foreground));
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    &.custom-carousel-prev {
      transform: rotate(90deg);
    }

    &.custom-carousel-next {
      transform: rotate(270deg);
    }

    &:disabled {
      opacity: 0.5;
      cursor: not-allowed;
      transform: none;
    }

    svg {
      width: 16px;
      height: 16px;
    }
  }

  .product-carousel__item {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    height: 360px;
    position: absolute;
    top: 0;
    z-index: 1;
    text-align: center;

    .product-carousel__info {
      display: flex;
      flex-direction: column;
      line-height: 1;

      .product-carousel__title {
        font-size: 20px;
        font-weight: bold;
      }

      .product-carousel__Color {
        margin-top: 4px;
        font-size: 16px;
      }

      .price {
        margin-top: 8px;
      }
    }

    img {
      width: 250px;
      transform: scale(1.2);
    }

    .price  {
      display: flex;
      justify-content: center;
    }

    
    /* Clickable slide styles */
    &[href] {
      display: block;
      text-decoration: none;
      color: inherit;
      cursor: pointer;
          
      /* Remove default link styles */
      &:visited,
      &:link,
      &:active {
        color: inherit;
        text-decoration: none;
      }
    }
  }

  

  @media (min-width: 1100px) {
    .product-carousel__item {
      height: 500px;
      img {
        width: 400px;
      }
    }
  }

  @media (min-width: 1600px) {
    .product-carousel__item {
      height: 640px;
      img {
        width: 500px;
      }
    }
  }
}