/*
--------------------------------------
Category banner
--------------------------------------
*/

.category-banner {
  position : relative;
  height   : 50vh;
}

/*overlay*/

.category-banner__overlay {
  position   : absolute;
  top        : 0;
  right      : 0;
  left       : 0;
  bottom     : 0;
  background : rgba(0, 0, 0, 0.25);
}

/*title*/

.category-banner__title-container {
  position   : absolute;
  top        : 50%;
  left       : 50%;
  transform  : translate(-50%, -50%);
  width      : 100%;
  text-align : center;
}

.category-banner__title-container .category-banner__title {
  font-size      : calc(28px + (38 - 28) * ((100vw - 320px) / (1920 - 320)));
  font-weight    : 600;
  color          : #fff;
  line-height    : 105%;
  text-transform : uppercase;
  text-align     : center;
}

/*filters*/

.category-banner__filters-container {
  position        : absolute;
  left            : 0;
  right           : 0;
  bottom          : 0;
  backdrop-filter : blur(4px);
  background      : rgba(25, 25, 25, 0.40);
  padding         : calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320))) 0;
  margin-bottom   : 0;
}

.category-banner__img-placeholder-container {
  position   : relative;
  background : rgba(25, 25, 25, 0.40);
  height     : 100%;
}

.category-banner__img-placeholder-container .category-banner__img-placeholder-overlay {
  position   : absolute;
  top        : 0;
  left       : 0;
  right      : 0;
  bottom     : 0;
  background : rgba(25, 25, 25, 0.55);
}

.category-banner__img-container {
  height : 50vh;
}

.category-banner__img-container img {
  object-fit : cover;
  width      : 100%;
  height     : 100%;
}

.category-banner .af_filter {
  border-bottom  : none;
  padding-bottom : 0;
  margin-bottom  : 0;
}

.af_filter_content {
  display         : flex;
  justify-content : center;
  align-items     : center;
  column-gap      : 10px;
}

.category-banner .af_filter ul {
  display         : flex;
  justify-content : center;
  padding         : 0;
  margin          : 0;
}

.category-banner .af_filter li {
  position      : relative;
  border-radius : 3px;
  border        : 1px solid rgba(234, 227, 210, 0.30);
  padding       : 12px 24px;
}

.category-banner .af_filter li.active {
  background : var(--color-quaternary);
}

.category-banner .af_filter li .name {
  font-size   : 15px;
  font-weight : 400;
  color       : var(--color-quaternary);
}

.category-banner .af_filter li.active .name {
  color : #000;
}

.category-banner .af_filter .checkbox {
  position : absolute;
  opacity  : 0;
}

.category-banner .af-toggle-child,
.category-banner .af_filter .count {
  display : none;
}

/********************
	Part - block category
********************/

.block-category {
  justify-content  : space-between;
  padding          : .75rem;
  background-color : #fff;
  margin           : 0;
}

.block-category #category-description p,
.block-category #category-description strong {
  font-weight : 400;
  color       : var(--color-grey-font-default)
}

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

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


/********************
	Part - subcat
********************/

.subcategories-list {
  display         : flex;
  justify-content : center;
  flex-wrap       : wrap;
  grid-gap        : 5px;
  text-align      : center;
}

.subcategories-list__item-back {
  display         : flex;
  justify-content : center;
}

.subcategories-list__item {
  display         : flex;
  justify-content : center;
  align-items     : center;
  border-radius   : 3px;
  border          : 1px solid rgba(234, 227, 210, 0.30);
}

.subcategories-list__item .subcategory__name {
  display     : inline-flex;
  font-size   : calc(11px + (15 - 11) * ((100vw - 320px) / (1920 - 320)));
  font-weight : 400;
  color       : var(--color-quaternary);
  padding     : calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))) 24px;
}

.subcategories-list__item--is-active {
  background    : var(--color-quaternary);
  border-radius : 3px;
  border        : 1px solid var(--color-quaternary);
  text-align    : center;
}

.subcategories-list__item--is-active .subcategory__name {
  color : #000;
}

/********************
	Part - products
********************/

#products {
  display        : flex;
  flex-direction : column;
  padding        : calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320))) 0;
}

/********************
	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;
    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;
}


/*
--------------------------------------
Category description
--------------------------------------
*/

.category-description {
  background : #3B3B3B;
  color      : #fff;
  padding    : calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320))) 0;
}

.category-description .category-description__inner {
  width  : 80%;
  margin : auto;
}

.category-description .category-description__inner h2:not(:first-of-type) {
  margin-top : 30px;
}