:root {
  --product-flex-gap: 10px;
  --product-flex-items: 3;
}

#category #wrapper,
#manufacturer.manufacturer-one #wrapper {
  padding-top: 0;
}

.category-cover {
  position: relative;
}

.category-cover .img-thumbnail {
  width: 100%;
  border: none;
  padding: 0;
  margin-top: -1px;
}

.category-cover >.container{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: max-content;
}

.category-cover .category-title,
.category-cover .category-description,
.category-cover .category-description p {
  color: #fff;
  line-height: 100%;
}

.category-cover .category-title {
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 0px;
}

.category-cover .category-description {
  max-width: 400px;
}

#manufacturer .category-cover .category-description {
  max-width: 940px;
}

.category-cover .category-description,
.category-cover .category-description p {
  font-size: 20px;
}

#wrapper .breadcrumb {
  margin-top: 25px;
  margin-bottom: 0;
}

.products-selection {
  display: flex;
  align-items: center;
  margin-bottom: 122px;
  margin-top: 25px;
}

.brands-sort,
.products-sort-order,
.suppliers-sort {
  min-width: 207px;
}

.sort-by-row .brands-sort .select-title,
.sort-by-row .products-sort-order .select-title,
.sort-by-row .suppliers-sort .select-title {
  font-size: 20px;
  line-height: 100%;
  font-weight: 500;
  border: 1px solid #C3C3C3;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  height: 48px;
  align-items: center;
  column-gap: 10px;
}

.brands-sort .select-title .arrow,
.products-sort-order .select-title .arrow,
.suppliers-sort .select-title .arrow {
  width: 15px;
  height: max-content;
  transition: transform 0.3s ease;
}

.brands-sort.open .select-title .arrow,
.products-sort-order.open .select-title .arrow,
.suppliers-sort.open .select-title .arrow {
  transform: rotate(180deg);
}

.products-selection .showing {
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
}

.products-selection .product-view {
  display: flex;
  column-gap: 24px;
  justify-content: end;
}

.products-selection .product-view .product-list-view {
  width: 40px;
  height: 32px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.products-selection .product-view .view-1 {
  background-image: url(../icons/product-list-view-1.svg);
}
.products-selection .product-view .view-1.active {
  background-image: url(../icons/product-list-view-1-active.svg);
}
.products-selection .product-view .view-2 {
  background-image: url(../icons/product-list-view-2.svg);
}
.products-selection .product-view .view-2.active {
  background-image: url(../icons/product-list-view-2-active.svg);
}
.products-selection .product-view .view-3 {
  background-image: url(../icons/product-list-view-3.svg);
}
.products-selection .product-view .view-3.active {
  background-image: url(../icons/product-list-view-3-active.svg);
}

@media (min-width:768px) {
  #products.product-list-view-4 .products .product {
    --product-flex-items: 4;
    /* --product-flex-gap: 20px; */
  }

  #products.product-list-view-5 .products .product {
    --product-flex-items: 5;
    /* --product-flex-gap: 10px; */
  }

  #products.product-list-view-4 .products,
  #products.product-list-view-5 .products {
    column-gap: var(--product-flex-gap);
  }

  #products.product-list-view-4 .products .product,
  #products.product-list-view-5 .products .product {
    width: calc((100% / var(--product-flex-items)) - (((var(--product-flex-items) - 1) / var(--product-flex-items)) * var(--product-flex-gap)));
    padding: 0;
  }

  #products .products {
    row-gap: 75px;
  }

  .product-miniature .thumbnail-container {
    /* max-width: 300px; */
    width: 100%;
  }
}

@media (min-width:1512px) {
  #products.product-list-view-4 {
    --product-flex-gap: 40px;
  }
}

@media (max-width:1200px) {
  .products-selection .product-view .view-3 {
    display: none;
  }
}

.product-miniature .product-title a {
  height: 36px;
}

/* .product-miniature .variant-links.colors .color-variants {
  overflow-x: auto;
} */

#search_filters,
#search_filters_brands,
#search_filters_suppliers {
  padding: 0;
  border-bottom: 1px solid #C3C3C3;
}

#search_filters>.h6,
#search_filters_brands>.h6,
#search_filters_suppliers>.h6 {
  font-size: 32px;
  font-weight: 400;
  line-height: 100%;
  position: absolute;
  bottom: 100%;
  margin-bottom: 20px;
}

#search_filters>.h6 img,
#search_filters_brands>.h6 img,
#search_filters_suppliers>.h6 img {
  margin-right: 3px;
  margin-top: -5px;
}

#search_filters .facet,
#search_filters_brands .facet,
#search_filters_suppliers .facet {
  padding: 24px 10px;
  border-top: 1px solid #C3C3C3;
}

#search_filters .facet .title {
  align-items: baseline;
  cursor: pointer;
}

#search_filters .facet .facet-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  margin: 0;
}

#search_filters .facet .title .collapse-icons .remove {
  font-size: 14px;
  font-weight: 600;
}

#search_filters .facet .title .collapse-icons .remove,
#search_filters .facet .title[aria-expanded=true] .collapse-icons .add {
  display: none;
}
#search_filters .facet .collapse.in,
#search_filters .facet .title[aria-expanded=true] .collapse-icons .remove {
  display: block;
}

#search_filters .facet >ul {
  margin-top: 20px;
}
#search_filters .facet .collapse {
  display: none;
}
#search_filters .facet .collapse.in,
#search_filters .facet .title[aria-expanded=true] .collapse-icons .remove {
  display: block;
}

#search_filters .facet .facet-label .color,
.custom-checkbox input[type=checkbox]+span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

#search_filters .facet .facet-label .custom-radio {
  margin-right: 7px;
}

@media (min-width:768px) {
  #search_filters_wrapper {
    max-width: 325px;
  }
}

.pagination {
  margin-top: 70px;
}

.pagination .btn {
  border-radius: 4px;
  color: #fff;
  padding: 9px 0;
  min-width: 300px;
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  text-transform: none;
}

.pagination .next,
.pagination .previous {
  float: unset;
}

@media (max-width:767px) {
  .category-cover {
    display: block;
  }

  .category-cover .img-thumbnail {
    height: 240px;
    /* width: auto; */
    max-width: unset;
  }


  .category-cover >.container {
    /* text-align: center; */
    left: 0;
    right: 0;

    padding-right: 0;
    width: 50%;
    margin: auto 0;
  }

  .category-cover .category-title {
    /* font-size: 28px; */
    font-size: 24px;
    margin-bottom: 6px;
  }

  .category-cover .category-description,
  .category-cover .category-description p {
    font-size: 18px;
    margin: auto;
  }

  #wrapper .breadcrumb {
    display: none;
  }

  .products-selection {
    margin-top: -2px;
    margin-bottom: 50px;
  }

  .products-selection .sorting {
    padding: 0;
  }

  .brands-sort,
  .products-sort-order,
  .suppliers-sort {
    width: 100%;
    min-width: unset;
  }

  .sort-by-row .brands-sort .select-title,
  .sort-by-row .products-sort-order .select-title,
  .sort-by-row .suppliers-sort .select-title {
    border-radius: 0;
    height: 42px;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px;
  }

  .sort-by-row .products-sort-order .select-title img {
    margin-right: 10px;
  }

  .products-selection .filter-button {
    padding: 0;
  }

  .products-selection #search_filter_toggler {
    border: 1px solid #C3C3C3;
    background-color: #fff;
    height: 42px;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: none;
    outline: none;
  }

  #category #left-column #search_filters_wrapper,
  #manufacturer #left-column #search_filters_wrapper {
    margin: -25px 0 0;
  }

  #category #left-column #search_filters .facet,
  #manufacturer #left-column #search_filters .facet {
    padding: 24px 10px;
  }

  #category #left-column #search_filters .facet .h6,
  #category #left-column #search_filters .facet .navbar-toggler,
  #manufacturer #left-column #search_filters .facet .h6,
  #manufacturer #left-column #search_filters .facet .navbar-toggler {
    padding: 0;
  }

  #category #left-column #search_filters .facet ul li,
  #manufacturer #left-column #search_filters .facet ul li {
    border-top: none;
    padding: 5px 20px;
  }

  /* #products .products .product {
    padding: 0;
  } */

  :root {
    --product-flex-gap: 20px;
  }

  #products .products .product {
    --product-flex-items: 2;
  }

  #products .products {
    padding: 0 15px;
    column-gap: var(--product-flex-gap);
    row-gap: 40px;
    justify-content: space-between;
  }

  #products .products .product {
    width: calc((100% / var(--product-flex-items)) - (((var(--product-flex-items) - 1) / var(--product-flex-items)) * var(--product-flex-gap)));
    padding: 0;
  }

  .product-flags li.product-flag {
    font-size: 10px;
  }

  .product-miniature .product-title a,
  .product-miniature .variant-links.colors .control-label {
    font-size: 12px;
  }

  .product-miniature .color-item {
    width: 18px;
    height: 18px;
  }

  .product-miniature .color {
    width: 14px;
    height: 14px;
  }

  .product-miniature .variant-links.colors .control-label,
  .product-miniature .add-to-cart,
  .product-miniature .add-to-cart .btn,
  .product-miniature .regular-price,
  .product-miniature .product-price-and-shipping {
    font-size: 11px;
  }

  .product-list-reviews .comments-nb {
    font-size: 10px;
  }

  .small-stars .star-content div.star,
  .small-stars .star-content div.star-on,
  .small-stars .star-content div.star-hover {
    width: 12px;
    height: 12px;
    background-size: 12px;
  }

  .grade-stars.small-stars {
    min-width: 70px;
  }

  .product-list-reviews {
    margin: 0;
  }

  .product-miniature .variant-links.colors {
    margin-top: 5px;
    min-height: 47px;
  }

  .pagination {
    margin-top: 0;
    text-align: center;
  }

  #manufacturer #search_filter_toggler {
    width: 100%;
  }

  #manufacturer #left-column #search_filter_controls {
    margin-bottom: 1rem;
    text-align: center
  }

  #manufacturer #left-column #search_filter_controls button {
    margin: 0 .5rem
  }

  #manufacturer .category-cover .img-thumbnail {
    height: auto;
    width: 100%;
  }

  #left-column #search_filters .facet .facet-title {
    text-transform: uppercase;
  }

  #left-column #search_filters .facet .navbar-toggler {
    display: inline-block;
    height: inherit;
  }

  #left-column #search_filters .facet ul {
    margin-bottom: 0;
  }
}

.product-miniature .variant-links.colors .control-label .color-title {
  margin-left: 8px;
}