
.products .product.ed-style{
    /* min-height: 275px; */
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 14px;
    overflow: hidden;
    /* box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.25); */
}
.product .product-title{
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/* product hover */
.product.ed-style .product-media {
  position: relative;
  display: block;
  background-color: #d7d7d7;
  margin-bottom: 0;
  overflow: hidden;
}
.product.ed-style .product-media>a {
  position: relative;
  display: block;
  z-index: 0;
}
.product.ed-style .product-media>a::after {
  position: absolute;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 0%);
  transition: all .3s linear;
  z-index: 1;
}
.product.ed-style:hover .product-media>a::after {
  background-color: rgb(0 0 0 / 27%);
}
.index-latest .product.ed-style .product-body {
  padding-bottom: 0px;
}
.product-image {
  display: block;
  width: 100%;
  height: auto;
}
.product-image{display:block;width:100%;height:auto}


/* Product */
/* object-oriented(not include description) */
.indexNews .entry-title,
.news .entry-title,
.products .product-title{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 1.2;
    padding: 12px 5px;
}
.owl-carousel .product-media>a .product-image{  
    display: block;
    width: 100%;
    height: auto;
}



/* carousel */
.relativeCase .f-carousel__slide {
  width: calc( 100% / 4 );
}
.fancybox__backdrop{background:var(--fancybox-bg, rgba(0, 0, 0, 0.95))}
#mainCarousel {
  width: 100%;
  margin: 0 auto;

  --carousel-button-color: #fff;
  --carousel-button-bg: #fff;
  --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
    0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

  --carousel-button-svg-width: 40px;
  --carousel-button-svg-height: 40px;
  --carousel-button-svg-stroke-width: 1.5;
}
#mainCarousel .carousel__slide {
  width: 100%;
  padding: 0;
}
#mainCarousel .carousel__button.is-prev,
#mainCarousel .carousel__button.is-next {
  transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
#mainCarousel .carousel__button.is-prev {
  left: -0px;
}
#mainCarousel:hover .carousel__button.is-prev{
  left: -15px;
}
#mainCarousel .carousel__button.is-next {
  right: -0px;
}
#mainCarousel:hover .carousel__button.is-next {
  right: -15px;
}
#mainCarousel .carousel__button:focus {
  outline: none;
  /* box-shadow: 0 0 0 4px #A78BFA; */
}
#mainCarousel .carousel__slide img{
  width: 100%;
  margin-right: -1px;
}
.fancybox__thumb,
.fancybox__thumbs .carousel__slide .fancybox__thumb::after{border-radius: 0; border-width:1; border-color: #968156;}

#thumbCarousel .carousel__slide {
  opacity: 0.5;
  padding: 0;
  /* margin: 10px 0px 5px; */
  margin: 0;
  width: calc( 100% / 2 );
  height: 100px;
}
#thumbCarousel .carousel__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#thumbCarousel .carousel__slide.is-nav-selected {
  opacity: 1;
}
.carousel__button{
    fill: transparent;
    width: 40px;
    height: 40px;
    background: #333;
    box-shadow: none;
    border-radius: 50%;
    border: 0;
    stroke-width: 0;
    outline: 0;
    margin: 0 5px;
}
.carousel__button:hover{
    background: #009ae0;
    color: #fff;
}
.carousel__button svg {
    width: 25px;
    stroke-width: 3px;
}
.carousel__track{
  margin-right: -1px;
}
.carousel__dots {
  top: calc(100% - 30px);
}
.carousel__dots .carousel__dot:after{
  width: 10px;
  height: 10px;
  background-color: #fff;
  opacity: 1;
}
.carousel__dots .carousel__dot.is-selected:after{
  width: 15px;
  height: 15px;
  background-color: #3df9a8;
}

.owl-clients-nav .product.ed-style .product-media>a::after{left: 0;}

/* object-oriented */
@media (max-width: 1199px){
    .products .product.ed-style{
        /* min-height: 235px; */
    }
    .relativeCase .f-carousel__slide {
      width: calc( 100% / 3 );
    }
    /* product */
    /* .product-media{max-height: 135px} */

}
@media (max-width: 991px){
    .products .product.ed-style{
        /* min-height: 300px; */
    }

    /* product */
    /* .product-media{max-height: 200px} */

}
@media (max-width: 767px){
    .products .product.ed-style{
        /* min-height: 285px; */
    }
    .relativeCase .f-carousel__slide {
      width: calc( 100% / 2 );
    }
    /* product */
    /* .product-media{max-height: 100%} */
}
@media (max-width: 575px){
    
}
@media (max-width: 479px){
    .products .product.ed-style{
            /* min-height: 220px; */
            /* padding-bottom: 50px; */
    }    
    /* ##NEWS */
    .news .entry-title,
    .news .news-title{
        text-align: left;
    }
}