/* NEW PRODUCT CATALOG */

.product-catalog{
   /*max-width: 1200px;
   margin:0 auto;
   padding:3rem 2rem;*/
   max-width: 100%;
   margin: 0 auto;
}

.products-product-catalog {
	margin-right: 25px;
}

.product-catalog .title{
   font-size: 3.5rem;
   color:#444;
   margin-bottom: 3rem;
   text-transform: uppercase;
   text-align: center;
}

/* Mostrar Catálogo en modo grilla
.product-catalog .products-product-catalog{
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
   gap:2rem;
}*/

.product-catalog .products-product-catalog .product{
    position: relative;
	padding: 50px 15px 50px 15px;
    background: #fff;
    cursor: pointer;
    min-height: 100%;
    outline-offset: 0;
	outline: 1px solid rgba(0, 0, 0, 3%);
    box-shadow: inset 0em 0em 0em rgba(0, 0, 0, 0.1), 0.4em 0.4em 0.3em rgba(0, 0, 0, 0.05);
    margin: 0px 10px 10px 10px;
	display: block;
    overflow: auto;
}

.product-catalog .products-product-catalog .product:hover{
    /*outline: 0.1rem solid #ccc;*/
    outline-offset: -1rem;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 30%);
	transform: scale(1.01);
}

.product-catalog .products-product-catalog .product img{
   /*height: 25rem;*/
   height: 100%;
   max-height: 303px;
   width: auto;
}

.product-catalog .products-product-catalog .product:hover img{
   transform: scale(1.03);
}

.product-catalog .products-product-catalog .product h3{
    font-size: 18px;
    color: #444;
    margin: 10px 10px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.product-catalog .products-product-catalog .product:hover h3{
   color:#2887c9;
}

.product-catalog .products-product-catalog .product .brand{
   font-size: 14px;
   color: #797373;
   font-weight: 600;
}

.product-catalog .product_description {
	margin-top: 20px;
	font-weight: normal;
	font-size: 16px;
}

.products-preview{
   position: fixed;
   top:0; left:0;
   min-height: 100vh;
   width: 100%;
   background: rgba(0,0,0,.8);
   display: none;
   align-items: center;
   justify-content: center;
   z-index: 1040;
}

.products-preview .preview{
   display: none;
   /*padding:2rem;*/
   padding:0px;
   text-align: center;
   background: #fff;
   position: relative;
   margin: 25px;
   /*width: 40rem;*/
   width: 100%;
   max-width: 100%;
}

.products-preview .preview.active{
   display: inline-block;
   max-height: 92vh;
   overflow-y: auto;
   font-weight: normal;
}

/*
.products-preview .preview img{
   height: auto;
   width: 100%;
   display: flex;
}
*/

.products-preview .preview .fa-times-circle{
   position: fixed;
   /*right: 72px;*/
   cursor: pointer;
   color: #fff;
   font-size: 26px;
   font-weight: 100;
   z-index: 1000;
   top: 2px;
}

.safari-img-fix {
  display: flex;
  align-items: flex-start;
}

.products-preview .preview .fa-times:hover{
   transform: rotate(90deg);
}

.products-preview .preview h3{
   color:#444;
   padding:.5rem 0;
   font-size: 28px;
}

.products-preview .preview .stars{
   padding:1rem 0;
   font-size: 16px;
}

.products-preview .preview .stars i{
   color:#27ae60;
}

.products-preview .preview .stars span{
   color:#999;
}
/*
.products-preview .preview p{
   line-height: 21px;
   padding: 5px;
   font-size: 17px;
   color: #777;
}
*/

.products-preview .preview .price{
   padding:1rem 0;
   font-size: 2.5rem;
   color:#27ae60;
}

.products-preview .preview .buttons{
   display: flex;
   gap:1.5rem;
   flex-wrap: wrap;
   margin-top: 1rem;
}

.products-preview .preview .buttons a{
    flex: 1 1 16rem;
    padding: 1rem;
    font-size: 16px;
    color: #FFF;
	text-align: center;
}

.products-preview .preview .buttons a.cart{
    background: #2887c9;
}

.products-preview .preview .buttons a.cart:hover{
   background: #0458b8;
}

.products-preview .preview .buttons a.buy:hover{
   background: #444;
   color:#fff;
}

.filters-sidebar {
   background-color: #f8f8f8;
   padding-bottom: 50px;
}

.list-group-item-catalog {
	background-color: #fdfdfd;
    padding: 5px;
	margin: 0;
}

/* PRODUCT SLIDER */

.product {
  width: 100%;
  /*height: 100vh;*/
}

.product__images {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.product__main-image {
  max-width: 450px;
  width: 100%;
  max-height: 600px;
  object-fit: cover;
  cursor: pointer;
  /*border: 1px solid #070707;*/
}

.product__slider-wrap {
  max-width: 450px;
  width: 100%;
  min-height: 100px;
  display: flex;
  align-items: center;
}

.product__slider {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.product__image {
  max-width: 180px;
  max-height: 100px;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.5;
  margin: 0.25rem;
  /*border: 1px solid #070707;*/
}

.product__image:first-child {
  margin-left: 0;
}

.product__image:last-child {
  margin-right: 0;
}

.product__image:hover {
  opacity: 1;
}

.product__image--active {
  opacity: 1;
}

.product__slider::-webkit-scrollbar {
  height: 10px;
}

.product__slider::-webkit-scrollbar-thumb {
  background-color: #2887c9;
  border-radius: 50px;
}

/* ScrollBar Product Preview */

.preview::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.preview::-webkit-scrollbar-thumb {
  background-color: #2887c9;
  border-radius: 50px;
}

.addCartBtn {
    position: absolute;
    right: -36px;
    width: 100%;
    top: -8px;
}

/* Editor rmv brand */
p[data-f-id="pbf"] {
  display: none;
}

@media (min-width:768px) and (max-width:1200px){
	.addCartBtn {
		position: absolute;
		right: -36px;
		width: 100%;
		top: -8px;
	}
}


@media (max-width:991px){

   html{
      font-size: 55%;
   }

}

/*
@media (max-width:768px){

   .products-preview .preview img{
      height: auto;
      width: 100%;
   }

}
*/

@media (max-width:450px){

   html{
      font-size: 50%;
   }

}

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #0171f2;
}

#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #0171f2;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


.cd-item-info-carrousel
{
	padding: 0px 25px 0px 25px;
	text-align: left;
	margin-bottom: 30px;
}

.cd-item-info {
    padding: 0px;
    /*text-align: left;*/
    margin: 0px;
}

@media (max-width:450px){

   .cd-item-info
   {
      padding: 0px;
   }
}

@media (max-width: 766px){
	.product-catalog .products-product-catalog .product img {
		margin-top: 50px;
	}
	
	.product-catalog .products-product-catalog .product {
		padding: 30px 15px 30px 15px;
	}
	
	.product-catalog .products-product-catalog .product h3 {
		margin: 50px 10px 0px 0px;
	}
}