.favorites {
  margin: 5.8125rem 0 0;
  position: relative
}

.favorites::before {
  position: absolute;
  top: -42.75rem;
  left: -38.25rem;
  z-index: -1;
  content: "";
  width: 47rem;
  height: 131.5rem;
  background: radial-gradient(50% 50%,rgb(38 98 246 / .3) 0%,#fff0 100%);
  transform: rotate(32deg);
  pointer-events: none
}

.favorites::after {
  content: "";
  position: absolute;
  top: -38.3125rem;
  right: -41.875rem;
  z-index: -1;
  width: 83rem;
  height: 83rem;
  background: radial-gradient(50% 50%,rgb(38 98 246 / .3) 0%,#fff0 100%);
  pointer-events: none;
  opacity: .3
}

.favorites__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem 2.375rem
}

.favorites__title {
  margin: 0;
  font-family: var(--font-family-quaternary);
  font-weight: 700;
  font-size: 3rem;
  line-height: 140%;
  letter-spacing: normal
}

.favorites__count {
  font-size: 1.5rem;
  color: var(--color-accent)
}

.favorites__actions {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  margin-left: auto
}

.favorites__clear {
  --btn-height: 2.8125rem;
  gap: .625rem;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  border-radius: 1.25rem;
  font-family: var(--font-family-quaternary);
  font-weight: 400;
  font-size: .875rem
}

.favorites__clear-icon {
  flex: 0 0 .75rem;
  width: .75rem;
  object-fit: contain
}

.favorites .catalog__grid {
  margin: 2.375rem 0 0
}

.product-card__wishlist-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: .625rem;
  border: none;
  border-radius: 8px;
  background: rgb(0 0 0 / .05);
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease
}

.product-card__wishlist-remove-icon {
  position: relative;
  top: .0625rem;
  flex: 0 0 1.125rem;
  width: 1.125rem;
  height: 1.125rem
}

@media (hover: hover) {
  .product-card__wishlist-remove:hover {
      background:rgb(0 0 0 / .1);
      color: var(--color-accent)
  }
}

.product-card__wishlist-remove:active {
  color: var(--color-accent)
}

.product-card__wishlist-remove:disabled {
  opacity: .6;
  cursor: not-allowed
}

@media (max-width: 1199px) {
  .favorites {
      margin:3.75rem 0 0
  }

  .favorites::after {
      display: none
  }

  .favorites__count {
      font-size: 1.25rem
  }

  .favorites__header {
      gap: .375rem 2rem
  }

  .favorites__container {
      position: relative;
      padding-bottom: 6.125rem !important
  }

  .favorites__actions {
      position: absolute;
      left: var(--container-padding);
      right: var(--container-padding);
      bottom: 0;
      flex-direction: column;
      gap: 1.5rem
  }

  .favorites__clear {
      width: 100%;
      max-width: 300px
  }
}

@media (max-width: 767px) {
  .favorites {
      margin:1.9375rem 0 .375rem
  }

  .favorites__header {
      gap: .375rem 1.5rem
  }

  .favorites__title {
      font-size: 2rem
  }

  .favorites__count {
      font-size: 1.25rem
  }

  .favorites .catalog__grid {
      margin-top: 2.4375rem
  }

  .favorites__container {
    position: relative;
    padding-bottom: 4.5rem !important
  }
}

@media (max-width: 575px) {
  .favorites__clear {
      max-width:100%
  }
}