.wc-block-grid__products {
display: grid;
gap: 30px;
margin: 0;
}
.has-1-columns .wc-block-grid__products {
grid-template-columns: repeat(1, 1fr);
}
.has-2-columns .wc-block-grid__products {
grid-template-columns: repeat(2, 1fr);
}
.has-3-columns .wc-block-grid__products {
grid-template-columns: repeat(3, 1fr);
}
.has-4-columns .wc-block-grid__products {
grid-template-columns: repeat(4, 1fr);
}
.has-5-columns .wc-block-grid__products {
grid-template-columns: repeat(5, 1fr);
}
.has-6-columns .wc-block-grid__products {
grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1099px) {
.has-2-columns .wc-block-grid__products,
.has-3-columns .wc-block-grid__products,
.has-4-columns .wc-block-grid__products,
.has-5-columns .wc-block-grid__products,
.has-6-columns .wc-block-grid__products {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 481px) and (max-width: 600px) {
.site .wc-block-grid.has-1-columns .wc-block-grid__product:nth-child(odd),
.site .wc-block-grid.has-1-columns .wc-block-grid__product:nth-child(2n),
.site .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(odd),
.site .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2n),
.site .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(odd),
.site .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n),
.site .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(odd),
.site .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n),
.site .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(odd),
.site .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n),
.site .wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(odd),
.site .wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(2n) {
padding-left: 0;
padding-right: 0;
}
.wc-block-grid.has-1-columns .wc-block-grid__product,
.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 {
padding-bottom: 40px;
margin: 0;
}
}
.wc-block-grid.has-1-columns .wc-block-grid__product,
.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 {
flex: 100%;
max-width: 100%;
}
.wc-block-grid__product {
position: relative;
display: flex;
flex-direction: column;
text-align: left;
margin: 0;
border: none;
padding-bottom: 50px;
transition: all 0.2s;
}
@media (min-width: 993px) {
.wc-block-grid__product:before {
visibility: hidden;
position: absolute;
left: 0;
opacity: 0;
background-color: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
content: "";
transition: all .2s;
width: calc(100% + 30px);
height: calc(100% + 30px);
margin-top: -15px;
margin-left: -15px;
}
.wc-block-grid__product:hover:before {
visibility: visible;
opacity: 1;
transition: all .2s;
}
.wc-block-grid__product * {
position: relative;
}	
.wc-block-grid__product .wc-block-grid__product-image {
position: relative;
transition: all 0.2s ease-in-out;
}
.wc-block-grid__product:hover .wc-block-grid__product-image {
transform: scale(0.982);
}
}
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale,
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-rating {
margin: 0;
}
.wc-block-grid__products .wc-block-grid__product-image img {
width: 100%;
}
.wc-block-grid__product-link {
color: #2c2d33;
}
.wc-block-grid__product .wc-block-grid__product-title {
margin-bottom: 4px;
}
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-price {
color: #43454b;
font-size: 14px;
margin-bottom: 0.75em;
order: 2;
}
.wc-block-grid__product .wc-block-grid__product-onsale {
position: absolute;
top: 10px;
left: 10px;
min-width: inherit;
min-height: inherit;
font-size: 11px;
font-weight: normal;
border-radius: 3px;
padding: 3px 9px;
opacity: 0.8;
line-height: 15px;
border: none;
text-transform: none;
pointer-events: none;
}
.wc-block-grid__product .wc-block-grid__product-rating {
order: 1;
margin: 0;
margin-bottom: 4px;
}
.wc-block-grid__product .star-rating {
height: 1.118em;
position: relative;
width: 5.6em;
margin: 0 0 2px 0;
font-size: 12px;
}
.wc-block-grid__product-add-to-cart {
order: 3;
}
.wc-block-grid__product-add-to-cart.wp-block-button {
position: absolute;
z-index: 1;
bottom: 0;
opacity: 0;
width: 100%;
}
.wc-block-grid__product-add-to-cart.wp-block-button a.wp-block-button__link {
display: block;
width: 100%;
height: 40px;
padding: 0;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
line-height: 40px;
text-align: center;
transition: all 0.1s;
}
.wc-block-grid__product:hover .wc-block-grid__product-add-to-cart.wp-block-button {
opacity: 1;
}
@media (max-width: 992px) {
.wc-block-grid__products { gap: 20px;
}
.site .wc-block-grid__product.wc-block-grid__product { padding-bottom: 55px;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.wc-block-grid__product-add-to-cart.wp-block-button { opacity: 1; }
.wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-rating,
.wc-block-grid__product-add-to-cart.wp-block-button {
padding-left: 15px;
padding-right: 15px;
}
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-add-to-cart {
margin-bottom: 15px;
}
}