0
Your Cart

botiga

/* ===========================
OUR TOP PICKS SECTION
=========================== */

.top-picks-section{
padding:80px 0;
background:#fafdf8;
}

.top-picks-title{
text-align:center;
font-size:48px;
font-weight:700;
color:#1b4332;
margin-bottom:15px;
}

.top-picks-subtitle{
text-align:center;
color:#6b7280;
max-width:700px;
margin:0 auto 50px;
line-height:1.8;
}

/* Product Grid */
.top-picks-section ul.products{
display:grid !important;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

/* Product Card */
.top-picks-section ul.products li.product{
background:#fff;
border-radius:22px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,.05);
transition:.4s;
padding:0 !important;
border:none !important;
text-align:center;
}

.top-picks-section ul.products li.product:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(76,175,80,.15);
}

/* Product Image */
.top-picks-section ul.products li.product img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
transition:.5s;
}

.top-picks-section ul.products li.product:hover img{
transform:scale(1.06);
}

/* Product Title */
.top-picks-section ul.products li.product h2,
.top-picks-section ul.products li.product .woocommerce-loop-product__title{
font-size:18px !important;
color:#1b4332;
font-weight:600;
padding:15px 15px 8px;
min-height:60px;
}

/* Price */
.top-picks-section .price{
color:#4CAF50 !important;
font-size:18px !important;
font-weight:700;
margin-bottom:15px !important;
}

/* Add To Cart Button */
.top-picks-section .button{
background:#4CAF50 !important;
color:#fff !important;
border-radius:50px !important;
padding:12px 25px !important;
margin:15px auto 20px !important;
display:inline-block !important;
font-weight:600;
transition:.3s;
}

.top-picks-section .button:hover{
background:#2d6a4f !important;
transform:translateY(-2px);
}

/* Sale Badge */
.top-picks-section .onsale{
background:#4CAF50 !important;
border-radius:30px !important;
padding:8px 14px !important;
left:15px !important;
top:15px !important;
}

/* Rating Stars */
.top-picks-section .star-rating{
margin:0 auto 10px !important;
color:#fbbf24 !important;
}

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

.top-picks-section ul.products{
grid-template-columns:repeat(2,1fr) !important;
}

}

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

.top-picks-section{
padding:60px 0;
}

.top-picks-title{
font-size:32px;
}

.top-picks-section ul.products{
grid-template-columns:repeat(2,1fr) !important;
gap:15px;
}

.top-picks-section ul.products li.product h2,
.top-picks-section ul.products li.product .woocommerce-loop-product__title{
font-size:14px !important;
padding:12px 10px 5px;
min-height:auto;
}

.top-picks-section .price{
font-size:15px !important;
}

.top-picks-section .button{
font-size:12px !important;
padding:10px 15px !important;
}

}

/* ====================================
SAME PRODUCT IMAGE RATIO EVERYWHERE
==================================== */

/* Shop, Category, Shortcode Products */
.woocommerce ul.products li.product img,
.wc-block-grid__product-image img,
.elementor-widget-woocommerce-products ul.products li.product img,
.related ul.products li.product img,
.up-sells ul.products li.product img,
.cross-sells ul.products li.product img{

width:100% !important;
aspect-ratio:1/1 !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
margin:0 !important;
}

/* Product Cards Equal Height */

.woocommerce ul.products li.product,
.wc-block-grid__product,
.elementor-widget-woocommerce-products ul.products li.product{

display:flex !important;
flex-direction:column !important;
height:100% !important;
}

/* Product Title Equal Height */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title{

min-height:55px;
}

/* Product Image Wrapper */

.woocommerce ul.products li.product a{
display:block;
overflow:hidden;
}

/* ====================================
MOBILE 2 PRODUCTS PER ROW
==================================== */

@media (max-width: 767px){

.woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(2,1fr) !important;
gap:15px !important;
}

.woocommerce ul.products li.product{
width:100% !important;
margin:0 !important;
float:none !important;
clear:none !important;
}

.woocommerce ul.products.columns-2,
.woocommerce ul.products.columns-3,
.woocommerce ul.products.columns-4,
.woocommerce ul.products.columns-5,
.woocommerce ul.products.columns-6{
grid-template-columns:repeat(2,1fr) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size:14px !important;
line-height:1.4 !important;
min-height:40px !important;
}

.woocommerce ul.products li.product .price{
font-size:14px !important;
}

.woocommerce ul.products li.product .button{
width:100%;
text-align:center;
font-size:12px;
padding:10px !important;
}
}

/* ====================================
ENSURE SHORTCODES ALSO FOLLOW RULES
==================================== */

.shortcode-products ul.products li.product img,
.elementor-shortcode ul.products li.product img{
aspect-ratio:1/1 !important;
object-fit:cover !important;
}

/* Remove Different Heights */
.woocommerce ul.products li.product img{
height:auto !important;
}

Showing 1–9 of 19 results