.catalog-collection {
  position: relative;
  margin-bottom: 3rem; }
  @media (max-width: 1099px) {
    .catalog-collection {
      margin-bottom: 12px; } }
  .catalog-collection__link {
    position: relative;
    max-width: 24rem;
    height: 8rem;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 2rem 1.2rem;
    gap: 1.2rem;
    transition: all .3s ease;
    color: #1A1A1A;
    border: 1px solid #DFDFDF;
    background-color: #fff;
    font-weight: 600; }
    @media (max-width: 1099px) {
      .catalog-collection__link {
        max-width: 190px;
        height: 68px;
        padding: 16px 10px;
        gap: 10px; } }
    @media (max-width: 767px) {
      .catalog-collection__link {
        max-width: 165px;
        height: 56px;
        padding: 12px 8px;
        gap: 8px; } }
    @media (min-width: 1100px) {
      .catalog-collection__link {
        cursor: pointer; }
        .catalog-collection__link:hover {
          color: var(--theme-base-color);
          border-color: var(--theme-base-color);
          background-color: transparent; }
          .catalog-collection__link:hover:before {
            right: 0; } }
    .catalog-collection__link:active, .catalog-collection__link.active {
      color: var(--theme-base-color-dark);
      border-color: var(--theme-base-color-dark); }
    .catalog-collection__link .lazy-img-wrap {
      display: flex;
      flex-shrink: 0;
      width: 4rem;
      height: 4rem; }
      @media (max-width: 1099px) {
        .catalog-collection__link .lazy-img-wrap {
          width: 32px;
          height: 32px; } }
    .catalog-collection__link span {
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      word-break: break-word;
      -webkit-line-clamp: 2; }

.swiper.catalog-collection-slider .swiper-container-initialized:not(.swiper-container-end)::after {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  width: clamp(3rem, 8vw, 6rem);
  content: '';
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, #fff 100%); }

.swiper.catalog-collection-slider .swiper-slide {
  width: auto;
  margin-right: clamp(0.8rem, 0.8vw, 1.2rem);
  --margin-right: clamp(.8rem, .8vw, 1.2rem); }
  @media (max-width: 1099px) {
    .swiper.catalog-collection-slider .swiper-slide {
      margin-right: 12px;
      --margin-right: 12px; } }
  @media (max-width: 767px) {
    .swiper.catalog-collection-slider .swiper-slide {
      margin-right: 8px;
      --margin-right: 8px; } }