#we_similar {
    max-width: 100%;
    display: inline-block;
padding: 0 0 15px 0;
}

#similarProducts {}
#we_similar p {
	letter-spacing: 0px;
}

article.similar {
    position: relative;
    /* float: left;
	width: 112px;*/
    padding: 0px;

}
.showmorecol article.similar {	
flex: 0 0 calc((100% - 4 * var(--gap)) / 5);
    box-sizing: border-box;
    min-width: 0;
  }
.showmorecol2 article.similar {	
 flex: 0 0 calc((100% - 4 * var(--gap)) / 5);
    box-sizing: border-box;
    min-width: 0;
  }

.wesimilar-att-19 article.similar {
    position: relative;
    /* float: left;
	width: 112px;*/
    padding: 0px;
	flex-basis: auto;
  max-width: 18.8%;

}
.nwesimilar-att-19 span {display: none}
.wesimilar-att-2 span.att-names {display: none}


@media (max-width: 1024px) {
	.showmorecol article.similar {	
flex: 0 0 calc((100% - 5 * var(--gap)) / 6);
    box-sizing: border-box;
    min-width: 0;
  }
.showmorecol2 article.similar {	
 flex: 0 0 calc((100% - 5 * var(--gap)) / 6);
    box-sizing: border-box;
    min-width: 0;
  }
}

@media (max-width: 700px) {
	.showmorecol article.similar {	
flex: 0 0 calc((100% - 4 * var(--gap)) / 5);
    box-sizing: border-box;
    min-width: 0;
  }
.showmorecol2 article.similar {	
 flex: 0 0 calc((100% - 4 * var(--gap)) / 5);
    box-sizing: border-box;
    min-width: 0;
  }
}

@media (max-width: 460px) {
	.showmorecol article.similar {	
flex: 0 0 calc((100% - 3 * var(--gap)) / 4);
    box-sizing: border-box;
    min-width: 0;
  }
.showmorecol2 article.similar {	
 flex: 0 0 calc((100% - 3 * var(--gap)) / 4);
    box-sizing: border-box;
    min-width: 0;
  }
}
@media (max-width: 350px) {
	.showmorecol article.similar {	
flex: 0 0 calc((100% - 2 * var(--gap)) / 3);
    box-sizing: border-box;
    min-width: 0;
  }
.showmorecol2 article.similar {	
 flex: 0 0 calc((100% - 2 * var(--gap)) / 3);
    box-sizing: border-box;
    min-width: 0;
  }
}

.similar-img img {
    /*max-width: 110px;*/
	border: 1px solid #ece5e5;
	margin: 0 0 5px 0;
	border-radius: 10px;
	/*max-width: 150px;*/
    max-height: 100%;
    object-fit: contain;
}
.similar span {font-size: 14px;color: #000; letter-spacing:0;font-weight: 400;}
.show-title {
    position: absolute;
    bottom: -19px;
    padding: 5px 10px;
    width: max-content;
    background: rgba(255, 255, 255, .7);
    box-shadow: 5px 5px 15px #ccc;
    z-index: 9;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .3s;
}

.similar:hover .show-title {
    opacity: 1;
}
@media (max-width: 768px) {
.similar-img img {
  
	border: 1px solid #ece5e5;
	margin: 0 0 5px 0;
	border-radius: 10px;
}	
}
@media (max-width: 420px) {
.similar-img img {
   
	border: 1px solid #ece5e5;
	margin: 0 0 5px 0;
	border-radius: 10px;
}	
.similar span {font-size: 11px;}
}
@media (max-width: 366px) {
.similar-img img {
   
	border: 1px solid #ece5e5;
	margin: 0 0 5px 0;
	border-radius: 10px;
}	
.similar span {font-size: 10px;}
}


#we_similar_list input[type=number]{
  width: 70px;
  display: block;
  padding: 3px;
  margin: 4px auto;
}
#we_similar_list input::-webkit-outer-spin-button,
#we_similar_list input::-webkit-inner-spin-button {
  -webkit-appearance: textfield!important;
  -moz-appearance: textfield!important;
  appearance: textfield!important;
  opacity: 1;
  width: 26px;
  height: 20px;
  padding: 1px;
}
#we_similar_list .add-to-cart {
  display: block;
  width: 70px;
  margin: 0 auto;
}
.text-center {
  text-align: center;
}
#we_similar_list .table-bordered th,#we_similar_list .table-bordered td {
    border: 1px solid #d6d6d6;
}
#we_similar_list {
  font-size: 0.85rem;
}

#modalcollection .modal-dialog,
#modalcollectionfooter .modal-dialog {
  min-width: 60%;
}
#we_similar_extra #similarProducts {
  display: inline-block;
}
section#we_similar_extra {
  overflow: hidden;
}
div#modalcollection,
div#modalcollectionfooter {
  overflow-y: auto;
  display:none;
}
div#modalcollectionfooter {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 999;
  padding: 100px 0 300px;
  backdrop-filter: blur(2px);
}
.close-list {
  cursor: pointer;
  float: right;
}