.woocommerce ul.products{
    display: flex !important;
    flex-wrap: wrap;
    gap: 2% !important;
    padding: 40px 0 !important;
	margin:0 !important;
	width: 100% !important;
}

.woocommerce ul.products:before,
.woocommerce ul.products:after{
	display: none !important;
}

.content .products li{
	width: 23.5% !important;
    text-align: center;
    margin: 20px 0% !important;
	border:none !important;
}

.onsale{
    background-color: transparent;
    color: var(--color4);
    line-height: 20px;
    height: 20px;
    width: 60px !important;
    height: 60px !important;
    padding: 10px !important;
    line-height: 60px !important;
    background-color: color-mix(in srgb, var(--color6) 20%, white 80%) !important;
	color: var(--color6) !important;
    border-radius: 65% 35% 32% 68% / 62% 56% 44% 38% !important;
    right: 30px !important;
    top:30px !important;
}

mark.count{
	display: none !important;
}

@media(max-width:800px){
	.woocommerce ul.products{
		gap:3.5% !important;
	}
	.content .products li{
		width: 48% !important;
	}
}

.content .products li img{
	width: 100%;
	height: 250px;
	aspect-ratio: 1/1 !important;
	object-fit: cover;
	border:none;
}


.content .products li h2{
	color: #313131;
	text-align: center;
}

.content .products li.product-category{
	text-align: center !important;
	width: 15% !important;
	max-width: 200px;
}

@media(max-width:800px){
	.content .products li.product-category{
		width: 47% !important;
	}
}


.content .products li.product-category img{
	border-radius: 400px !important;
	max-width: 200px !important;
	height: 200px !important;
	display: block !important;
	margin:0 auto 20px auto !important;
	transition: all .3s ease;

	aspect-ratio: 1/1 !important;
}

.content .products li.product-category:hover img{
	transform: scale(1.1);
}

.content .products li.product-category h2{
	font-size: 24px !important;
	font-weight: 300 !important;
	text-align: center !important;
}


.content .products li .price{
	text-align: center;
	font-size: 20px !important;
	color: #313131;
}

.content .products li ins{
	text-decoration: none;
}

.content .products li del{
	color: #777777;
}

.woocommerce ul.products li.product .button{
	background-color: transparent;
	color: #ffffff;
    background-color: var(--color1);
	border:none;
	outline: none;
    padding: 15px 20px;
    border-radius: 50px !important;
	cursor: pointer;
	margin:auto !important;
	border-radius: 0;
	font-weight: 400;
	font-size: 15px;
	transition: all .3s ease;
}

.woocommerce ul.products li.product .button:hover{
	background-color: #313131;
	color: #ffffff;
}

/* orderby */
.orderby{
	outline: none;
	padding: 10px;	
	cursor: pointer;
	background-color: transparent;
	border:none;
	color: #313131;
}

/* components-button */
.components-button{
	border:none;
	outline: none !important;
	cursor: pointer;
	background-color: var(--color1);
	color: #ffffff;
	text-decoration: none;
	box-shadow: none !important;
	transition: all .3s ease !important;
}

.components-button:hover{
	background-color: #313131;
	color: #ffffff;
}

.wp-block-woocommerce-cart a,
.wc-block-components-totals-coupon-link{
	text-decoration: none;
	color: #313131;
}

/* related */
.related{
	clear: both !important;
	width: 100%;
	padding: 100px 0;
	text-align: center;
}

.related h2{
	font-size: 2em;
	font-weight: 300;
}

/* summary */
.summary{
	padding: 50px 5%;
	width: 40% !important;
}

@media(max-width:800px){
	.summary{
		width: 90% !important;
	}
}

.summary .price{
	font-size: 2em;
	margin:0 0 30px 0;
	color: #313131;
}

.summary p{
	font-size: 1em;
	font-weight: 300;
	line-height: 30px;
	text-align: justify;
	color: #777777;
}

.summary form.cart{
	margin:30px 0 0 0;
}

.summary form.cart input[type="number"]{
	padding: 10px 2%;
	border:none;
	outline: none;
}

.summary form.cart button{
	background-color: var(--color1) !important;
	border:none !important;
	color: #ffffff !important;
	padding: 10px 2% !important;
	border-radius: 50px !important;
	cursor: pointer;
	transition: all .3s ease !important;
	font-weight: 400 !important;
}

.summary form.cart button:hover,
.summary form.cart button:focus{
	background-color: #313131 !important;
	color: #ffffff !important;
}

.summary .product_meta{
	font-size: 14px;
}

.summary .product_meta a{
	color: #313131;
	font-weight: 600;
	text-decoration: none;
}

/* carrito vacío */
.wp-block-heading{
	padding: 80px 0;
	color: #313131;
}

/* wishlist */
.tinvwl-table-manage-list{
	text-align: left !important;
}

.tinvwl-table-manage-list a{
	text-decoration: none;
	color: #313131;
}

.tinvwl-table-manage-list button,
.wp-block-button a{
	background-color: var(--color1) !important;
	color: #ffffff !important;
	border:none !important;
	border-radius: 0 !important;
	font-weight: 400 !important;
	pointer-events: cursor !important;
	transition: all .3s ease !important;
}

.tinvwl-table-manage-list button:hover,
.tinvwl-table-manage-list button:focus{
	background-color: #313131 !important;
	color: #ffffff !important;
}

.wc-block-cart__submit-button,
.wc-block-components-button{
    display: block;
    padding: 0 !important;
    background-color: transparent !important;
    outline: none !important;
    border:none !important;
}

.wc-block-components-button__text{
    display: block;
    outline: none;
    cursor: pointer;
    background-color: var(--color1);
    color: #ffffff;
    padding: 18px 0;
    font-weight: 600;
    font-size: 17px !important;
    width: 100%;
	display: flex !important;
	justify-content: center !important;
	transition: background-color .3s ease;
}

.wc-block-components-button__text:hover{
	background-color: var(--color3);
}

.wc-block-components-checkbox__label a{
	text-decoration: none;
	color: var(--color3);
}

.wc-block-components-checkbox__label a:hover{
	color: var(--color4);
}

.social-buttons a{
	background-color: #313131;
	color: #ffffff;
	border-radius: 60px;
	line-height: 60px;
	width: 60px;
	text-align: center;
}

.woocommerce a{
	color: #313131;
}

/* content-nav */
.content nav{
	background-color: var(--color4);
	border-radius: 10px;
	overflow: hidden;
}
.content nav ul{
	list-style-type: none;
	display: flex;
	width: 100%;
	opacity: 1 !important;
	justify-content: space-between;
}

.content nav ul li{
	flex: 1;
	text-align: center;
}

.content nav ul li a{
	color: var(--color5);
	text-decoration: none;
	display: block;
	padding: 15px 10px;
	transition: opacity .3s ease;
}

.content nav ul li a:hover{
	opacity: .5;
}

.content nav ul li.is-active a,
.content nav ul li.is-active a:hover{
	background-color: var(--color3) !important;
	color: var(--color4);
	opacity: 1;
}

.woocommerce-MyAccount-content{
	padding: 50px;
}


.wc-block-components-totals-item__value{
	display: none !important;
}