.fr-products {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}
.fr-product-card {
border:1px solid #e5e5e5;
border-radius:12px;
overflow:hidden;
background:#fff;
transition:.3s;
}
.fr-product-card:hover {
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,.08);
}
.fr-product-image {
display:block;
aspect-ratio:1/1;
overflow:hidden;
}
.fr-product-image img {
width:100%;
height:100%;
object-fit:cover;
}
.fr-product-content {
padding:18px;
}
.fr-product-content h3 {
font-size:18px;
line-height:1.3;
margin:0 0 12px;
}
.fr-product-content h3 a {
color:#222;
text-decoration:none;
}
.fr-price {
font-size:22px;
font-weight:700;
margin:15px 0;
}
.fr-stock {
color:#16803c;
font-size:14px;
}
.fr-outstock {
color:#c00;
font-size:14px;
}
.fr-button {
display:inline-block;
background:#222;
color:white!important;
padding:10px 18px;
border-radius:6px;
text-decoration:none!important;
}
@media(max-width:1024px){
.fr-products {
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:600px){
.fr-products {
grid-template-columns:1fr;
}
}