.user-profile {
  font-family: "Almarai", sans-serif;
}
.user-profile aside {
  background: var(--light-gray-color);
}
.user-profile aside .head-content {
  border-bottom: 1px solid var(--dark-gray-color-3);
}
.user-profile aside .navigators li.active a {
  background: var(--primary-color);
  color: var(--light-color);
}
.user-profile .collections-section {
  background: var(--light-pink-color);
}
.user-profile .collections-section.light-bg {
  background: var(--light-color);
}
.user-profile .collections-section .content-wrapper {
  font-family: "Almarai", sans-serif;
}
.user-profile .collections-section .thumb .swiper-slide {
  width: -moz-fit-content !important;
  width: fit-content !important;
  background: var(--light-gray-color);
  color: var(--primary-color);
  padding: 10px 30px;
  border-radius: 40px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.3s;
}
.user-profile .collections-section .thumb .swiper-slide.active-thumb {
  background: var(--primary-color);
  color: var(--light-gray-color);
}
.user-profile .collections-section .categories .swiper-slide {
  height: 0;
  overflow: hidden;
}
.user-profile .collections-section .categories .swiper-slide.swiper-slide-active {
  height: 100%;
}
.user-profile .collections-section .favourite,
.user-profile .collections-section .add-to-cart {
  transition: 0.3s;
  background: var(--body-bg);
  color: var(--primary-color);
}
.user-profile .collections-section .add-to-cart .cart-solid {
  display: none;
}
.user-profile .collections-section .add-to-cart.added.dark-bg {
  background: rgba(41, 41, 41, 0.2);
}
.user-profile .collections-section .add-to-cart.added .cart-solid {
  display: flex;
}
.user-profile .collections-section .add-to-cart.added .cart-thin {
  display: none;
}
.user-profile .collections-section .favourite .filled-heart {
  display: none;
  color: #f00;
}
.user-profile .collections-section .favourite.filled {
  background: rgba(230, 57, 70, 0.1019607843);
}
.user-profile .collections-section .favourite.filled .shaped {
  display: none;
}
.user-profile .collections-section .favourite.filled .filled-heart {
  display: inline-block;
}
.user-profile .favorites-section {
  background: var(--light-gray-color);
}
.user-profile .favorites-section .head-content {
  border-bottom: 2px solid var(--dark-gray-color);
}