.carusleContainer .swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.swiper .constraint{
  height: 100%;
}
.swiper .constraint .add-padding{
  height: 100%;
}
.swiper .constraint .add-padding .container{
  height: 100%;
}
.swiper-slide .img-container{
  width: 100%;
  height: 100%;
}
.swiper-slide .img-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carusleContainer .left-card-carusel{
  position: absolute;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

.carusleContainer .left-card-carusel .constraint,
.carusleContainer .left-card-carusel .constraint .add-padding,
.carusleContainer .left-card-carusel .constraint .add-padding .container{
  height: 100%;
  position: relative;
}

.carusleContainer .left-card-carusel .constraint .add-padding .container{
  width: 39%;
  background-color: #fff;
  background-color: rgb(255 255 255 / 95%);
  backdrop-filter: blur(10px);
  padding: 32px;
  box-sizing: border-box;
  box-shadow: 2px 2px 20px 0 #00000026;
  overflow: hidden;
  border-radius: 6px;
  z-index: 3;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .row{
  width: 100%;
  display: flex;
  flex-direction: row;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container #carusle-current-img-container{
  width: 39%;
  position:relative;
  float: left;
  margin-right: 16px;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container #carusle-current-img-container:after{
  content:" ";
  padding-bottom: 100%;
  position: relative;
  display: block;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container #carusle-current-img-container .cont{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container #carusle-current-img-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container h3{
  margin-block-start: 0;
  margin-block-end: 0.33em;
  font-size: 1.27em;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container h2{
  font-size: 1.5em;
  margin-block-start: 0.1em;
  margin-block-end: 0.33em;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container h2 .new-price{
  font-size: 1.3em;
  color: #1c8395;
}

.carusleContainer .left-card-carusel .constraint .add-padding .container h2 .old-price{
  font-size: 0.55em;
  color: #f78209;
  margin-left: 6px;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .product h2 .old-price{
  color: #898989;
  text-decoration: line-through;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container p{
  margin-block-start: 0.66em;
  color: #262626;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .action-btns-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 12px 0 0 0;
  justify-content: flex-start;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .action-btns-container .button{
  margin-right: 16px;
  margin-bottom: 16px;
  background-image: none;
  
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .action-btns-container .button.filled{
  padding: 13px 12px;
  margin-right: 0;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .action-btns-container .button:hover{
  color: #000000;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .action-btns-container .button.filled:hover{
  color: #fff;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .action-btns-container .button.filled{
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #59c0d1, #47a7b7);
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .product .action-btns-container #carusel-unfilled-button{
  display: block;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .category .action-btns-container #carusel-unfilled-button{
  display: none;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .brand .action-btns-container #carusel-unfilled-button{
  display: none;
}

.carusleContainer .left-card-carusel .constraint .add-padding .container .brand.offer #new-price,
.carusleContainer .left-card-carusel .constraint .add-padding .container .category.offer #new-price{
  display: block;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .brand.offer #old-price,
.carusleContainer .left-card-carusel .constraint .add-padding .container .category.offer #old-price{
  display: none;
}

.carusleContainer .left-card-carusel .constraint .add-padding .container .brand #carusel-current-size-info,
.carusleContainer .left-card-carusel .constraint .add-padding .container .category #carusel-current-size-info{
  display: none;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .discount-label{
  display: none;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container .offer .discount-label{
  display: block;
  color: #f78209;
  font-family: 'Cabin-Medium';
  font-size: 1em;
  margin-block-start: 0;
  margin-block-end: 0;
  display: none;
}
/*
.carusleContainer .left-card-carusel .constraint .add-padding .container .brand #carusel-tittle-h2,
.carusleContainer .left-card-carusel .constraint .add-padding .container .category #carusel-tittle-h2{
  font-size: 1.4em;
  line-height: 1.2em;
  font-weight: bold;
  font-family: 'Cabin-Bold';
}
*/


.carusleContainer .left-card-carusel.changing .constraint .add-padding .container #left-card-carusel-content{
  -webkit-animation: left-card-carusel-fade-animation 800ms ease-in-out 100ms 1 normal forwards;
  animation: left-card-carusel-fade-animation 800ms ease-in-out 100ms 1 normal forwards;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container #carusel-current-size-info{
  color: #404040;
  font-weight: normal;
  margin-block-start: 0.5em;
  margin-block-end: 0.8em;
}
.carusleContainer .left-card-carusel .constraint .add-padding .container #carusel-current-size-info b{
  color: #404040;
}
@keyframes left-card-carusel-fade-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  45% {
    opacity: 0;
    transform: scale(1.05) translateX(-10%);
  }
  50% {
    opacity: 0;
    transform: scale(0.95) translateX(10%);
  }
  52% {
    opacity: 0;
    transform: scale(0.95) translateX(10%);
  }
  55% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0);;
  }
}
@media screen and (min-width:1400px) and (max-width:1700px) {

}
@media screen and (min-width:1260px) and (max-width:1399px) {

}
@media screen and (min-width:860px) and (max-width:1259px) {

}
@media screen and (min-width:0px) and (max-width:860px) {
  .carusleContainer .left-card-carusel .constraint .add-padding .container{
    width: 100%;
    padding: 18px;
    box-shadow: 0px -8px 20px 0 #00000026;
  }
  .carusleContainer{
    height: 320px;
    margin-bottom: 42px;
    margin-top:113px;
  }
  .carusleContainer .left-card-carusel{
    position: absolute;
    height: auto;
    width: 100%;
    margin: 0 auto;
    bottom: -40px;
  }
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    display: none;
  }
  .carusleContainer .left-card-carusel .constraint .add-padding .container #carusle-current-img-container{
    width: 20%;
    margin-right: 12px;
    
  }
  .carusleContainer .left-card-carusel .constraint .add-padding .container h3{
    font-size: 1.14em;
    margin-block-end: 0.1em;
  }
  .carusleContainer .left-card-carusel .constraint .add-padding .container h2{
    font-size: 1.25em;
  }
  .carusleContainer .left-card-carusel .constraint .add-padding .container #carusel-current-size-info{
    display: none;
  }
  .carusleContainer .left-card-carusel .constraint .add-padding .container p{
    margin-block-start: 0.33em;
    margin-block-end: 0;
    font-size: 0.85em;
    display: none;
  }
  .carusleContainer .left-card-carusel .constraint .add-padding .container .action-btns-container{
    justify-content: flex-start;
  }
  .carusleContainer .left-card-carusel .constraint .add-padding .container .action-btns-container .button.filled{
    margin-bottom: 8px;
    padding: 11px 9px;
  }
  .carusleContainer .left-card-carusel .constraint .add-padding .container .action-btns-container .button{
    margin-bottom: 8px;
    margin-right: 12px;
    padding: 8px 12px;
  }
  .carusleContainer .left-card-carusel .constraint .add-padding .container .offer .discount-label{
    font-size: 0.8em;
    display: none;
  }
  .carusleContainer .left-card-carusel .constraint .add-padding .container h2 .new-price{
    font-size: 1em;
  }
}