.lx-collection-list{
  .lx-cls-heading{
    position: relative;
  }
  .lx-cls-heading{
    .lx-cls-navigation{
      position: absolute;
      top: 7px;
      right: 0;
      display: flex;
      gap: 16px;
      padding-top: 7px;
    }
  }
  .swiper-pagination{
    position: static;
    margin-top: 40px;
    height: 3px;
    background: #ccc;
    .swiper-pagination-progressbar-fill{
      background: #000;
    }
  }
  .swiper-button-prev,
  .swiper-button-next{
    position: static;
    color: var(--color-foreground);
    height: 12px;
    width: 24px;
    margin: 0;
    @media (width >=1440px){
      width: 32px; 
    }
  }
  .lx-cls-item-title-link{
    margin-top: 16px; 
    display: flex;
    gap: 6px;
    align-items: center;
    transition: color 0.3s ease-in-out;
    svg{
      width: 16px;
      height: 16px;
      transition: transform 0.3s ease;
    }
    &:hover{
      color: rgb(var(--color-accent));
      svg{
        transform: translateX(6px);
      }
    }
  }
}