﻿.CategoriesBox .wrapp-img {
  transition: all 350ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
  -webkit-transition: all 350ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
  -moz-transition: all 350ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
  -ms-transition: all 350ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
  -o-transition: all 350ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
}

.CategoriesBox .wrapp-img.bg-White:hover {
  background: var(--Lsilver) !important;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-unstyled {
  list-style: none;
}

.CategoriesBox>* {
  flex: 1 0 auto
}

.pagination {
  list-style: none;
}

.pagination .page-item {
  padding: 0.3rem 0.5rem;
  border-radius: var(--b-radius);
  background: var(--Lsilver);
  margin: 0 0.2em;
}

.pagination .page-item .page-link {
  color: var(--Black);
}

.pagination .page-item.active {
  background: var(--Black);
}

.pagination .page-item.active .page-link {
  color: var(--White);
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-unstyled {
  list-style: none;
}

.pagination {
  list-style: none;
}


.ProductList .Product .MoreBox {
  height: 4rem;
  bottom: 0;
  z-index: 2;
}

.ProductList .Product .Detail {
  bottom: 0;
  transform: translateY(100%);
  transition: all ease-in-out 0.4s;
}

.ProductList .Product:hover .Detail {
  transform: translateY(0%);
}

.ProductList .Product .SecondImage {
  right: 0;
  top: 0;
  opacity: 0;
  transition: all ease-in-out 0.4s;
  width: 100%;
}

.ProductList .Product picture:first-of-type img {
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

.ProductList .Product:hover picture:first-of-type img {
  opacity: 0
}

.ProductList .Product:hover .SecondImage {
  opacity: 1;
}

.ProductList svg {
  max-width: 1.5rem;
  max-height: 1.5rem;
}

.ProductList .sortorder {
  background-color: transparent;
  border: 0;
}

.ProductList .pb-6 {
  padding-bottom: 4.2rem
}


.productstabinfo :where(select, input) {
  border: 0.1rem solid var(--accent-color);
  border-radius: var(--b-radius);
}