.solace-extra-woocommerce-shop.layout-1 ul.products li.product {
text-align: left;
}
.solace-extra-woocommerce-shop.layout-1 ul.products li.product .woocommerce-loop-product__title,
.solace-extra-woocommerce-shop.layout-1 ul.products li.product .price,
.solace-extra-woocommerce-shop.layout-1 ul.products li.product .button {
display: block;
margin: 0 auto;
}
.solace-extra-woocommerce-shop.layout-2 ul.products li.product {
text-align: center;
}
.solace-extra-woocommerce-shop.layout-2 ul.products li.product .woocommerce-loop-product__title,
.solace-extra-woocommerce-shop.layout-2 ul.products li.product .price,
.solace-extra-woocommerce-shop.layout-2 ul.products li.product .button {
display: block;
text-align: center;
margin: 10px auto;
}
.solace-extra-woocommerce-shop.layout-3 ul.products {
margin: 0;
padding: 0;
display: grid;
flex-wrap: wrap;
gap: 0;
}
.solace-extra-woocommerce-shop.layout-3 ul.products::before,
.solace-extra-woocommerce-shop.layout-3 ul.products::after {
content: none !important;
display: none !important;
}
.solace-extra-woocommerce-shop.layout-3 ul.products li.product {
width: auto !important;
margin: 0 0 60px 0 !important;
padding: 0 !important;
border: none;
}
.solace-extra-woocommerce-shop.layout-3 ul.products.columns-2 { 
grid-template-columns: repeat(2, 1fr); 
}
.solace-extra-woocommerce-shop.layout-3 ul.products.columns-3 { 
grid-template-columns: repeat(3, 1fr); 
}
.solace-extra-woocommerce-shop.layout-3 ul.products.columns-4 { 
grid-template-columns: repeat(4, 1fr); 
}
.solace-extra-woocommerce-shop.layout-3 ul.products.columns-5 { 
grid-template-columns: repeat(5, 1fr); 
} .solace-extra-woocommerce-shop.layout-4 ul.products {
display: grid; gap: 20px;
margin: 0;
padding: 0;
}
.solace-extra-woocommerce-shop.layout-4 ul.products.columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.solace-extra-woocommerce-shop.layout-4 ul.products.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.solace-extra-woocommerce-shop.layout-4 ul.products.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.solace-extra-woocommerce-shop.layout-4 ul.products.columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.solace-extra-woocommerce-shop.layout-4 ul.products::before,
.solace-extra-woocommerce-shop.layout-4 ul.products::after {
content: none !important;
display: none !important;
}
.solace-extra-woocommerce-shop.layout-4 ul.products li.product {
position: relative !important;
overflow: hidden !important;
list-style: none !important;
width: auto !important;
flex-grow: 1; 
}
.solace-extra-woocommerce-shop.layout-4 .woocommerce ul.products li.product,
.solace-extra-woocommerce-shop.layout-4 .woocommerce-page ul.products li.product {
width: auto !important;
flex-grow: 1;
}
.solace-extra-woocommerce-shop.layout-4 .product-image img {
width: 100%;
height: auto;
display: block;
}
.solace-extra-woocommerce-shop.layout-4 .product-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.solace-extra-woocommerce-shop.layout-4 .product-wrapper:hover .product-info {
opacity: 1;
}
.solace-extra-woocommerce-shop.layout-4 .product-info .button {
display: inline-block;
transition: background 0.3s ease-in-out;
}
.solace-extra-woocommerce-shop.layout-4 .product-info .button:hover { }
.solace-extra-woocommerce-shop.layout-4 ul.products li.product .onsale {
position: absolute;
top: 10px;
left: 10px;
background: #ff4c4c;
color: white;
padding: 8px 12px;
font-size: 14px;
font-weight: bold;
border-radius: 12px;
z-index: 5;
}
.solace-extra-add-to-cart form.cart {
display: flex;
width: 100%;
}
.solace-extra-add-to-cart .button {
width: 100%;
}
.solace-extra-add-to-cart {
display: flex;
}
.solace-extra-add-to-cart .add_to_cart_button {
width: 100%;
}
.woocommerce .shop-container .row {
display: block;
}
.solace-not-logged-in .woocommerce-form-login__submit.elementor-button {
background-color: var(--sol-account-button-color-bg);
padding: 12px 24px;
}
.solace-not-logged-in .woocommerce {
padding: 0 10px;
}
.solace-not-logged-in p.woocommerce-LostPassword.lost_password {
text-align: right;
}