/*==================================================
WooCommerce Products
GiftMakkah
==================================================*/

.woocommerce ul.products{

display:grid!important;

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

gap:32px;

margin:70px 0 0;

padding:0;

list-style:none;

}

.woocommerce ul.products li.product{

background:#fff;

border-radius:24px;

overflow:hidden;

box-shadow:var(--gm-shadow);

transition:all .35s ease;

padding:18px;

position:relative;

display:flex;

flex-direction:column;

height:100%;

}

.woocommerce ul.products li.product:hover{

transform:translateY(-8px);

box-shadow:var(--gm-shadow-hover);

}

.woocommerce ul.products li.product img{

width:100%;

aspect-ratio:1/1;

object-fit:cover;

border-radius:18px;

margin-bottom:18px;

transition:.35s;

}

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

transform:scale(1.04);

}

.woocommerce ul.products li.product h2{

font-size:20px;

font-weight:700;

line-height:1.45;

margin-bottom:10px;

color:var(--gm-text);

}

.woocommerce ul.products li.product .price{

display:block;

font-size:22px;

font-weight:700;

color:var(--gm-primary);

margin-bottom:18px;

}

.woocommerce ul.products li.product .button{

margin-top:auto;

display:flex;

justify-content:center;

align-items:center;

width:100%;

height:52px;

border-radius:14px;

background:var(--gm-primary);

color:#fff;

font-weight:700;

transition:.35s;

}

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

background:var(--gm-primary-dark);

color:#fff;

transform:translateY(-2px);

}

.woocommerce span.onsale{

top:18px;

left:18px;

right:auto;

min-height:auto;

min-width:auto;

padding:8px 16px;

border-radius:50px;

background:var(--gm-primary);

color:#fff;

font-size:13px;

font-weight:700;

line-height:1.2;

}

.gm-image{

width:100%;

display:block;

border-radius:24px;

}

@media(max-width:1200px){

.woocommerce ul.products{

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

}

}

@media(max-width:900px){

.woocommerce ul.products{

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

}

}

@media(max-width:600px){

.woocommerce ul.products{

grid-template-columns:1fr;

}

}