.wc-block-grid__products {
	display: grid;
	grid-gap: 30px 12px;
	margin: 0;

	.wc-block-grid__product {
		padding: 20px;
        background: var(--white, #FFF);
        border: 1px solid var(--wp--preset--color--white);
        border-radius: 8px;
        max-width: 100%;
    	width: 100%;
    	position: relative;
        
        .wc-block-grid__product-title {
	        margin: 10px 0 5px;
	        color: var(--wp--preset--color--contrast);
	        font-size: 15px;
	        font-weight: 500;
	        line-height: 24px;
	        text-align: left;
	        text-decoration: none;
	        text-underline-offset: 4px;
			display: -webkit-box;
			overflow: hidden;
			min-height: 48px;
			text-overflow: ellipsis;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			line-clamp: 2;
	    }

		.wc-block-grid__product-price {
	    	text-align: left;
		    font-size: 17px;
	        font-weight: 700;
	        line-height: 28px;
	        margin-bottom: 0;

	        del{
		        color: var(--wp--preset--color--gray-200);
		    }
	    }

	    .wc-block-grid__product-onsale {
	    	padding: 5px 12px;
		    border-radius: 8px;
		    border: none;
		    color: var(--wp--preset--color--white);
		    background: var(--wp--preset--color--danger-200);
		    font-size: 12px;
		    font-style: normal;
		    font-weight: 500;
		    line-height: 16px;
		    text-transform: uppercase;
		    top: auto;
		    bottom: 68px;
		    left: 0;
		    right: auto;
		    position: absolute;
	    }

		.wc-block-grid__product-rating {
	    	margin-top: 10px;
	    	margin-bottom: 0;


			.star-rating {
			    font-family: WooCommerce;
			    overflow: hidden;
			    position: relative;
			    width: 6.5em;
			    letter-spacing: 0.3em;
			    font-size: 12px;
			    margin: 0;
			    display: block;

			    &::before {
			    	font-family: WooCommerce;
				    content: "SSSSS";
				    left: 0;
				    opacity: 1;
				    position: absolute;
				    right: 0;
				    top: 0;
				    white-space: nowrap;
				    color: transparent;
				    -webkit-text-stroke: 1px var(--wp--preset--color--warning-100);
				}

				span {
				    overflow: hidden;
				    float: left;
				    top: 0;
				    left: 0;
				    position: absolute;
				    padding-top: 1.5em;

				    &:before {
				    	font-family: WooCommerce;
					    content: "SSSSS";
					    top: 0;
					    position: absolute;
					    left: 0;
					    color: var(--wp--preset--color--primary);
					    -webkit-text-stroke: 1px var(--wp--preset--color--warning-100);
					}
				}
			}
	    }

	    .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--icon-button:is(button) { 
	        position: absolute;
	        top: -15px;
	        right: 0;
	        z-index: 10;
	        width: fit-content;
	        margin: 0;
	        background: transparent;
	        border: none;
	        margin-left: auto;
	        padding: 0;

	        .yith-wcwl-add-to-wishlist-button-icon {
	            width: 16px;
	            height: 16px;
	            transition: transform 0.2s;

	            &:hover {
	            	transform: scale(1.1);
	            }
	        }
	    }

		.wp-block-button.wc-block-grid__product-add-to-cart {
	    	margin-top: 0;
	        opacity: 0;
	        position: absolute;
	        transition: all .1s ease-in-out;
	        left: -1px;
	        right: -1px;
	        padding: 0 20px 20px 20px;
	        background: var(--white, #FFF);
	        border-color: transparent;

	        .wp-block-button__link {
	            width: 100%;
	            padding-right: 0;
	            padding-left: 0;
	            font-size: 15px;
	            font-weight: 700;
	        }

	        .added_to_cart {
	        	font-size: 16px;
	        	line-height: 1.6;
	        	margin-top: 12px;
	        }
	        
    	}

    	&:hover {
            border: 1px solid var(--Border, #EAEAEA);
            box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);
            z-index: 999;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom: 0;

            .wp-block-button.wc-block-grid__product-add-to-cart {
	            margin-top: 20px;
		        opacity: 1;
		        border: 1px solid var(--Border, #EAEAEA);
		        box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);
		        border-radius: 8px;
		        border-top-left-radius: 0;
		        border-top-right-radius: 0;
		        border-top: 0;
		    }

		    .wc-block-grid__product-title {
                color: var(--wp--preset--color--info);
                text-decoration: underline;
            }
        }
	}
}

.is-style-product-style-2,
.home-v4-cart {
	.wc-block-grid__products {
		gap: 32px;

		.wc-block-grid__product {
			border: 0;
			display: flex;
	    	flex-direction: column;
	    	padding: 0;

			&:hover {
				box-shadow: none;
				border: 0;
			}

			.wc-block-grid__product-link {
				display: contents;

				.wc-block-grid__product-onsale {
					bottom: 35%;
				}
			}

			.wc-block-grid__product-title {
				order: 2;
			}

			.wc-block-grid__product-price {
				order: 1;
				color: var(--wp--preset--color--info);
				margin: 0;

				del.woocommerce-Price-amount {
					color: var(--wp--preset--color--gray-200);
				}
			}

			.wp-block-button.wc-block-grid__product-add-to-cart {
				margin: 10px 0 0;
				opacity: 1;
				transition: none;
				position: relative;
				padding: 0;
				order: 3;

				.wp-block-button__link {
					padding: 0;
                    background: transparent;
                    margin: 0;
                    justify-content: flex-start;
				}
			}

			.wc-block-grid__product-rating {
				order: 3;
				margin: 8px 0 0;
			}

			&:hover {
				.wc-block-grid__product-title {
					color: var(--wp--preset--color--black);
					text-decoration: underline;
				}

				.wc-block-grid__product-add-to-cart {
					box-shadow: none;
					border: 0;
				}
			} 
		}

			
		.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--icon-button:is(button) { 
	        top:-38px; 
	        right: 0; 
	        background: var(--wp--preset--color--white); 
	        border-radius: 180px; 
	        box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); 
	        height: 40px; 
	        padding: 11px; 
	        width: 40px;
			margin: 0 0 0 auto;
	    }

	}

	&.home-v4-cart {
		.wc-block-grid__product-add-to-cart.wp-block-button {
			.wp-block-button__link {
				padding: 0 !important;
			}
		}
	}
}


@media (max-width: 480px) {
    .wc-block-grid[class*="has-"] {
        .wc-block-grid__products {
            display: grid;
    
            .wc-block-grid__product {
                padding: 20px;
            }
        }
    }   
}

.wc-block-grid.has-2-columns .wc-block-grid__product,
.wc-block-grid.has-3-columns .wc-block-grid__product,
.wc-block-grid.has-4-columns .wc-block-grid__product,
.wc-block-grid.has-5-columns .wc-block-grid__product,
.wc-block-grid.has-6-columns .wc-block-grid__product {
	max-width: 100%;
	width: 100%;
}


.wc-block-grid.has-1-columns .wc-block-grid__products {
    grid-template-columns: repeat(1,minmax(0,1fr));
}

.wc-block-grid.has-2-columns .wc-block-grid__products {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

@media (min-width: 768px) {
    .wc-block-grid.has-3-columns .wc-block-grid__products,
    .wc-block-grid.has-4-columns .wc-block-grid__products,
    .wc-block-grid.has-5-columns .wc-block-grid__products,
    .wc-block-grid.has-6-columns .wc-block-grid__products {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (min-width: 1200px) {
    .wc-block-grid.has-4-columns .wc-block-grid__products {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }

    .wc-block-grid.has-5-columns .wc-block-grid__products {
        grid-template-columns: repeat(5,minmax(0,1fr));
    }

    .wc-block-grid.has-6-columns .wc-block-grid__products {
        grid-template-columns: repeat(6,minmax(0,1fr));
    }
}

@media (min-width: 1280px) {
	.is-style-product-style-2 {
		.wc-block-grid__products {
			.wc-block-grid__product {
				padding: 0;
			}
		}
	}
}

.col-gap-10 {
	.wc-block-grid__products {
		column-gap: 10px;
	}
}

.is-style-product-style-2.wp-block-woocommerce-product-new.tv-cat-products,
.tv-cat-products {
	.wc-block-grid__products {
		gap: 10px;

		.wc-block-grid__product {
			padding: 20px;
			border-radius: 8px;
			background-color: var(--wp--preset--color--white);

			.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--icon-button:is(button) {
				background: none;
				border-radius: 0;
				box-shadow: none;
				padding: 0;
				top: -16px;
				width: fit-content;
			}

			.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--icon-button:is(button) svg.yith-wcwl-add-to-wishlist-button-icon {
				width: 16.5px;
				height: 16.5px;
			}

			.wc-block-grid__product-onsale {
				bottom: 45%;
            	left: 21px;
				opacity: 0;
				@media (min-width: 1024px) {
					opacity: 1;
				}
			}
		}
	}
}

.tv-cat .tv-cat-products {
	.wc-block-grid__product-add-to-cart {
		display: none;
	}
}