/********************
	Part - block category
********************/
.block-category {
  justify-content  : space-between;

  padding          : .75rem;
  margin           : 0;
}

.block-category.card
{
  background: unset;
  width: 100%;
  padding: 0.75rem 0;
}

.block-category #category-description {
  margin-top: 1em;
}

.block-category #category-description p,
.block-category #category-description strong {
  font-size: 14px;
}

.block-category #category-description p {
  color         : var(--color-black-default);
  margin-bottom : 0
}

.block-category #category-description p:first-child {
  margin-bottom : 1.25rem
}

@media (max-width : 767px) {
  .block-category {
    min-height    : 0;
    margin-bottom : 0
  }
}

@media (min-width : 768px) {
  .block-category {
    flex-direction : row;
    width: 100%;
  }
}

@media (max-width : 991px) {
  .block-category {
    padding-bottom : 0
  }
}

/********************
	Part - subcat
********************/
.subcategories-list {
  display               : grid;
  grid-template-columns : repeat(auto-fill, minmax(180px, 1fr));
  grid-gap              : 20px;
  text-align            : center;
}

.subcategories-list .subcategory__name-wrapper {
  margin : 1rem 0 0;
}

/********************
	Part - products
********************/
#products {
  display        : flex;
  flex-direction : column;
}

/********************
	Part - global
********************/
@media (max-width : 575px) {
  #category #left-column #search_filters_wrapper {
    margin-left  : -15px;
    margin-right : -15px
  }
}

@media (max-width : 767px) {
  #category #left-column {
    width : 100%
  }

  #category #left-column #search_filters_wrapper {
    margin-left  : -30px;
    margin-right : -30px
  }

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

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

  #category #left-column #search_filters {
    margin-bottom : 0;
    box-shadow    : none;
    padding       : 0;
    border-top    : 1px solid #f6f6f6
  }

  #category #left-column #search_filters .facet {
    padding-top   : 0;
    border-bottom : 1px solid #f6f6f6
  }

  #category #left-column #search_filters .facet .title {
    cursor : pointer
  }

  #category #left-column #search_filters .facet .title .collapse-icons .remove,
  #category #left-column #search_filters .facet .title[aria-expanded=true] .collapse-icons .add {
    display : none
  }

  #category #left-column #search_filters .facet .title[aria-expanded=true] .collapse-icons .remove {
    display : block
  }

  #category #left-column #search_filters .facet .facet-title {
    color          : var(--color-black-default);
    text-transform : uppercase
  }

  #category #left-column #search_filters .facet .h6 {
    margin-bottom : 0;
    padding       : .625rem;
    display       : inline-block
  }

  #category #left-column #search_filters .facet .navbar-toggler {
    display : inline-block;
    padding : .625rem .625rem 0 0
  }

  #category #left-column #search_filters .facet .collapse {
    display : none
  }

  #category #left-column #search_filters .facet .collapse.in {
    display : block
  }

  #category #left-column #search_filters .facet .facet-label a {
    margin-top : 0
  }

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

  #category #left-column #search_filters .facet ul li {
    border-top : 1px solid #f6f6f6;
    padding    : .625rem
  }

  #category #content-wrapper, #category #search_filter_toggler {
    width : 100%
  }

  .category-cover {
    display : none
  }
}

@media (max-width : 991px) {
  .block-category .category-cover {
    position   : relative;
    text-align : center
  }
}

/********************
	Part - additional_description category
********************/
@supports not (-webkit-touch-callout: none) {
  .additional-description-text {
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    -webkit-line-clamp : 3; /* number of lines to show */
    line-clamp         : 3;
    -webkit-box-orient : vertical;
    transition         : 0.4s ease;
  }

  .additional-description-text p {
    line-height : 1.4rem;
  }
}

.additional-description__container {
  margin-top : 20px;
}

.additional-description-text a {
  color : var(--color-secondary)
}

.additional-description-text a:hover {
  text-decoration : underline;
}

@supports (-webkit-touch-callout: none) {
  .additional-description-text {
    overflow   : hidden;
    max-height : 200px;

  }

  .additional-description-text p {
    display     : inline-block;
    line-height : 1.4rem;
  }
}

.see-more-btn {
  position    : relative;
  display     : flex;
  align-items : center;
  background  : transparent;
  color       : var(--color-secondary);
  cursor      : pointer;
  padding-top : 10px;
}

.see-more-btn-text--is-hidden, .see-less-btn-text--is-hidden {
  display : none !important;
}

.see-more-btn-text, .see-less-btn-text {
  display : block;
}

.additional-description-text--is-extended {
  -webkit-line-clamp : unset;
  line-clamp         : unset;
}

/********************
	Part - sibling categories
********************/
.siblingcategories-container {
  margin   : 2em auto 0 auto;
  position  : relative;
}

.siblingcategories-container .swiper-container {
  width  : 100%;
  height : 100%;
}

.siblingcategories__item {
  border-radius   : 50px;
  border          : 1px solid var(--color-tertiary);
  padding         : 15px 50px;
  color           : var(--color-black-default);
  font-size       : 14px;
  font-weight     : 400;
  text-align      : center;
  text-transform  : initial;
  text-decoration : none;
}

.siblingcategories__item:hover {
  background      : var(--color-tertiary);
  color           : var(--color-white-default);
  text-decoration : none;
}

.siblingcategories-slider .siblingcategories-swiper-button-prev {
  right   : 20px;
}
.siblingcategories-slider .siblingcategories-swiper-button-next {
  right : 0;
}

.siblingcategories-slider .siblingcategories-swiper-button-prev,
.siblingcategories-slider .siblingcategories-swiper-button-next {
  position   : absolute;
  background : none;
  top        : 0;
}