/* css for template with one result only */

#cs-substitute-product .cs-card-subtitute {
  display: flex;
}
#cs-substitute-product .cs-sub-list-front {
  display: block !important;
  margin: 1rem 0; 
}
#cs-substitute-product .cs-sub-list-front h2 {
margin-bottom: 17px;
}
#cs-substitute-product .cs-bloc-info-sub {
  display: flex !important;
  margin: 1rem 0;
}
#cs-substitute-product .cs-substitute-infos {
  display: block;
}
#cs-substitute-product .cs-substitute-infos p{
  margin-bottom: 0 !important;
}
#cs-substitute-product .cs-sb-price {
  padding: 20px 0 0px 10px;
}

#cs-substitute-product .cs-name-substitute {
  padding: 5px 0 0px 10px;
}
#cs-substitute-product .cs_substitute-go{
  text-align: center;
  padding-top: 5px;
  display: inline-flex;
  width: 100%;
}
#cs-substitute-product .cs-sb-price span{ 
  padding-right: 10px;
}
.cs-sb-button{
  margin: auto;
}

/* css for both templates */
.cs-no-name .h5{

  padding: 0 !important;
  margin-bottom: 0 !important;
}
.cs_substitute-go  {
  text-align: center;
}

#cs-substitute-product-list .cs-card-subtitute, #bxslider-substituteProduct .cs-card-sub-product {
  max-width: 150px;
}
#cs-substitute-product-list .cs-sub-slick {
  overflow: initial !important;
}
#cs-substitute-product-list .cs-name-container {
  margin: 8px auto;
}
#cs-substitute-product-list .cs-name-substitute {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 8px;
  margin-bottom: 5px;
  text-align: center;
  display: block !important;
}
#cs-substitute-product-list .bx-wrapper .cs-name-substitute, #cs-substitute-product-list .cs-sub-slick .cs-name-substitute  {
  display: block;
  max-width: 150px;
}

#cs-substitute-product-list .cs-no-slider,#cs-substitute-product-list .cs-no-slider-little {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  justify-content: start;

}
#cs-substitute-product-list .cs-no-slider .cs-sb-price {
  margin-bottom: 5px;
}
#cs-substitute-product-list .cs-no-slider .cs-card-sub-product {
  min-width: 200px;
  max-width: 200px;
  padding: 15px;
  text-align: center;
}
#cs-substitute-product-list .cs-no-slider-little .cs-card-sub-product {
  min-width: 165px;
  max-width: 165px;
  padding: 15px;
  text-align: center;
  
}
.cs-sub-list-front .bx-viewport {
  height: 230px !important;
}
.cs-no-name .cs-sb-margin-no-name {
  margin-left: 40px;
}
#bxslider-substituteProduct .image-sub-product-div{
  display: flex;
  justify-content: center;
}
.cs-sub-slick .image-sub-product-div{
  display: flex;
  justify-content: center;
}
#cs-substitute-product-list .products{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#cs-substitute-product-list .slick-prev {
  left: -10px;
}
#cs-substitute-product-list .slick-next {
  right: -10px;
}
#cs-substitute-product-list, #cs-substitute-product {
  margin-top: 25px;
}
#cs-substitute-product-list .cs-card-sub-product, #cs-substitute-product .cs-card-sub-product {
  margin-top: 10px;
}
#cs-substitute-product-list .cs-sb-price, #cs-substitute-product .cs-sb-price {
  margin-bottom: 10px !important;
}

#cs-substitute-product-list  .js-product{
  padding-right: 15px;
  padding-left: 15px;
}

#cs-substitute-product-list .slick-track {
  margin-left: unset;
}

@media (max-width: 768px) {
  #cs-substitute-product-list .cs-no-slider, #cs-substitute-product-list .cs-no-slider-little {
    justify-content: space-evenly;
  }
}