0
Your Cart

botiga

/* ===================================================== */
/* ZEE COLLECTIONS – OUR TOP PICKS DESIGN */
/* Add in WordPress Additional CSS */
/* ===================================================== */

/* SECTION SPACING */

.elementor-widget-shortcode{
margin-top:20px;
}

/* PRODUCTS GRID */

.woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:24px !important;
margin-top:30px !important;
}

/* PRODUCT CARD */

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

background:#ffffff;

border-radius:22px;

overflow:hidden;

padding:14px;

border:1px solid #edf1f7;

transition:0.4s ease;

box-shadow:0 10px 30px rgba(15,23,42,0.05);
}

/* HOVER EFFECT */

.woocommerce ul.products li.product:hover{
transform:translateY(-8px);

box-shadow:0 20px 40px rgba(15,23,42,0.12);
}

/* PRODUCT IMAGE */

.woocommerce ul.products li.product img{
border-radius:18px !important;
margin-bottom:16px !important;
transition:0.5s ease;
}

.woocommerce ul.products li.product:hover img{
transform:scale(1.04);
}

/* PRODUCT TITLE */

.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size:16px !important;

font-weight:700 !important;

color:#0f172a !important;

line-height:1.5;

padding:0 5px;
}

/* PRICE */

.woocommerce ul.products li.product .price{
color:#1e3a8a !important;

font-size:16px !important;

font-weight:700 !important;

margin-top:8px !important;

padding:0 5px;
}

/* BUTTON */

.woocommerce ul.products li.product .button{
width:calc(100% – 10px);

margin:14px 5px 5px !important;

border-radius:12px !important;

background:linear-gradient(135deg,#0f172a,#1e3a8a) !important;

color:#fff !important;

text-align:center;

padding:12px 16px !important;

font-size:13px !important;

font-weight:600 !important;

transition:0.4s ease;
}

/* BUTTON HOVER */

.woocommerce ul.products li.product .button:hover{
background:linear-gradient(135deg,#ff6a00,#ff2d55) !important;

transform:translateY(-3px);
}

/* SALE BADGE */

.woocommerce span.onsale{
background:linear-gradient(135deg,#ff6a00,#ff2d55) !important;

color:#fff !important;

border-radius:50px !important;

min-height:auto !important;

min-width:auto !important;

padding:8px 14px !important;

line-height:1.2 !important;

font-size:11px !important;

font-weight:700 !important;

top:16px !important;

left:16px !important;
}

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

@media(max-width:991px){

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

}

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

@media(max-width:480px){

.woocommerce ul.products{
gap:12px !important;
}

.woocommerce ul.products li.product{
padding:10px;
border-radius:16px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size:13px !important;
}

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

.woocommerce ul.products li.product .button{
padding:10px 12px !important;
font-size:12px !important;
border-radius:10px !important;
}

}

/* ===================================================== */
/* ZEE COLLECTIONS – OUR TOP PICKS HEADING DESIGN */
/* Add in WordPress Additional CSS */
/* ===================================================== */

/* SECTION TITLE */

.elementor-heading-title{
font-family:’Poppins’,sans-serif !important;

font-size:48px !important;

font-weight:800 !important;

color:#0f172a !important;

text-align:center !important;

position:relative;

margin-bottom:15px !important;
}

/* SMALL SUBTITLE EFFECT */

.elementor-heading-title::before{

content:”TRENDING COLLECTION”;

display:block;

font-size:12px;

letter-spacing:3px;

font-weight:600;

color:#1e3a8a;

margin-bottom:14px;
}

/* UNDERLINE EFFECT */

.elementor-heading-title::after{

content:””;

width:90px;

height:5px;

border-radius:50px;

background:linear-gradient(135deg,#0f172a,#1e3a8a);

display:block;

margin:18px auto 0;
}

/* ===================================================== */
/* PRODUCTS SECTION */
/* ===================================================== */

.woocommerce ul.products{
display:grid !important;

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

gap:24px !important;

margin-top:35px !important;
}

/* PRODUCT CARD */

.woocommerce ul.products li.product{
width:100% !important;

margin:0 !important;

background:#ffffff;

border-radius:24px;

overflow:hidden;

padding:14px;

border:1px solid #edf1f7;

transition:0.4s ease;

box-shadow:0 12px 30px rgba(15,23,42,0.05);

position:relative;
}

/* HOVER */

.woocommerce ul.products li.product:hover{
transform:translateY(-8px);

box-shadow:0 22px 45px rgba(15,23,42,0.12);
}

/* IMAGE */

.woocommerce ul.products li.product img{
border-radius:18px !important;

margin-bottom:16px !important;

transition:0.5s ease;
}

.woocommerce ul.products li.product:hover img{
transform:scale(1.05);
}

/* PRODUCT TITLE */

.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size:16px !important;

font-weight:700 !important;

color:#0f172a !important;

line-height:1.5;

padding:0 5px;
}

/* PRICE */

.woocommerce ul.products li.product .price{
color:#1e3a8a !important;

font-size:17px !important;

font-weight:700 !important;

margin-top:8px !important;

padding:0 5px;
}

/* BUTTON */

.woocommerce ul.products li.product .button{
width:calc(100% – 10px);

margin:16px 5px 5px !important;

border-radius:14px !important;

background:linear-gradient(135deg,#0f172a,#1e3a8a) !important;

color:#fff !important;

text-align:center;

padding:13px 18px !important;

font-size:13px !important;

font-weight:600 !important;

transition:0.4s ease;
}

/* BUTTON HOVER */

.woocommerce ul.products li.product .button:hover{
background:linear-gradient(135deg,#ff6a00,#ff2d55) !important;

transform:translateY(-3px);
}

/* SALE BADGE */

.woocommerce span.onsale{
background:linear-gradient(135deg,#ff6a00,#ff2d55) !important;

color:#fff !important;

border-radius:50px !important;

min-height:auto !important;

min-width:auto !important;

padding:8px 14px !important;

line-height:1.2 !important;

font-size:11px !important;

font-weight:700 !important;

top:16px !important;

left:16px !important;
}

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

@media(max-width:991px){

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

gap:16px !important;
}

}

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

@media(max-width:480px){

.elementor-heading-title{
font-size:30px !important;
}

.elementor-heading-title::before{
font-size:10px;
letter-spacing:2px;
}

.woocommerce ul.products{
gap:12px !important;
}

.woocommerce ul.products li.product{
padding:10px;
border-radius:18px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size:13px !important;
}

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

.woocommerce ul.products li.product .button{
padding:10px 12px !important;

font-size:12px !important;

border-radius:10px !important;
}

}