/* WooCommerce Products */


.featured-products{


padding:

100px 0;


background:

var(--bg-section);


}



.products-grid{


display:grid;


grid-template-columns:

repeat(4,1fr);


gap:25px;


}



.product-card{


background:

var(--bg-card);


border:

1px solid var(--border-color);


border-radius:

var(--radius-large);


padding:

25px;


text-align:center;


transition:

var(--transition);


}



.product-card:hover{


transform:

translateY(-8px);


box-shadow:

var(--shadow-blue);


}




.product-image{


height:220px;


display:flex;


align-items:center;


justify-content:center;


}




.product-image img{


max-height:200px;


object-fit:contain;


}



.product-card h3{


font-size:18px;


margin:20px 0;


}



.product-card h3 a{


color:white;


}




.price{


color:

var(--sky-secondary);


font-size:18px;


font-weight:700;


}




.add-cart{


display:block;


margin-top:20px;


padding:

12px;


border-radius:

50px;


background:

linear-gradient(

135deg,

var(--sky-primary),

var(--sky-secondary)

);


color:white;


}
6) Responsive محصولات
اضافه شود:
@media(max-width:1000px){


.products-grid{


grid-template-columns:

repeat(2,1fr);


}


}



@media(max-width:600px){


.products-grid{


grid-template-columns:

1fr;


}


}