0
Your Cart

botiga

/* ====================================
ALOE PREMIUM PRODUCT SECTION
==================================== */

.woocommerce ul.products{

max-width:1280px;

margin:50px auto 0 auto !important;

padding:0 25px !important;

display:grid !important;

grid-template-columns:repeat(4,1fr);

gap:28px !important;
}

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

.woocommerce ul.products li.product{

width:100% !important;

margin:0 !important;

background:#ffffff;

border-radius:24px;

overflow:hidden;

border:1px solid #edf2ee;

box-shadow:
0 8px 20px rgba(0,0,0,.03);

transition:.35s ease;

padding-bottom:18px !important;

position:relative;
}

.woocommerce ul.products li.product:hover{

transform:translateY(-10px);

box-shadow:
0 20px 50px rgba(0,0,0,.08);

border-color:#dce8df;
}

/* ========================
IMAGE
======================== */

.woocommerce ul.products li.product a img{

width:100% !important;

aspect-ratio:1/1;

object-fit:cover;

margin-bottom:18px !important;

transition:.5s ease;
}

.woocommerce ul.products li.product:hover img{

transform:scale(1.05);
}

/* ========================
TITLE
======================== */

.woocommerce ul.products li.product .woocommerce-loop-product__title{

font-size:19px !important;

line-height:1.4;

color:#164b31;

font-weight:600;

padding:0 18px;

margin-bottom:10px !important;

min-height:55px;
}

/* ========================
PRICE
======================== */

.woocommerce ul.products li.product .price{

display:block;

color:#1b8c4f !important;

font-size:22px !important;

font-weight:700 !important;

padding:0 18px;

margin-bottom:16px !important;
}

/* ========================
STAR RATING
======================== */

.woocommerce .star-rating{

margin:0 18px 12px !important;
}

/* ========================
BUTTON
======================== */

.woocommerce ul.products li.product .button{

width:calc(100% – 36px);

display:block !important;

margin:0 auto !important;

text-align:center;

background:#1b8c4f !important;

color:#ffffff !important;

border-radius:50px !important;

padding:14px 18px !important;

font-size:14px !important;

font-weight:600 !important;

transition:.3s ease;

border:none !important;
}

.woocommerce ul.products li.product .button:hover{

background:#136b3c !important;

transform:translateY(-2px);
}

/* ========================
SALE BADGE
======================== */

.woocommerce span.onsale{

background:#1b8c4f !important;

border-radius:50px !important;

padding:6px 12px !important;

min-width:auto !important;

line-height:normal !important;

top:15px !important;

left:15px !important;
}

/* ========================
PRODUCT LINK
======================== */

.woocommerce ul.products li.product a{

text-decoration:none !important;
}

/* ========================
MOBILE
======================== */

@media(max-width:767px){

.woocommerce ul.products{

grid-template-columns:repeat(2,1fr) !important;

gap:15px !important;

padding:0 12px !important;
}

.woocommerce ul.products li.product{

border-radius:18px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{

font-size:15px !important;

min-height:45px;

padding:0 12px;
}

.woocommerce ul.products li.product .price{

font-size:17px !important;

padding:0 12px;
}

.woocommerce ul.products li.product .button{

width:calc(100% – 24px);

padding:11px !important;

font-size:13px !important;
}

}

/* ========================
TABLET
======================== */

@media(min-width:768px) and (max-width:1024px){

.woocommerce ul.products{

grid-template-columns:repeat(3,1fr) !important;
}

}

Showing all 8 results