.fr-products {
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:25px;
margin:35px 0;
}
.fr-product-card {
background:#fff;
border:1px solid #e5e5e5;
border-radius:12px;
overflow:hidden;
transition:.25s;
display:flex;
flex-direction:column;
}
.fr-product-card:hover {
transform:translateY(-5px);
box-shadow:0 12px 30px rgba(0,0,0,.10);
} .fr-product-image {
height:220px;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background:#fff;
}
.fr-product-image img {
max-width:100%;
max-height:180px;
width:auto;
height:auto;
object-fit:contain;
} .fr-product-content {
padding:18px;
display:flex;
flex-direction:column;
}
.fr-product-content h3 {
margin:0 0 8px;
font-size:19px;
line-height:1.2;
min-height:auto;
}
.fr-product-content h3 a {
color:#222;
text-decoration:none;
}
.fr-product-content h3 a:hover {
color:#025fbf;
} .fr-stock {
display:inline-block;
color:#198754;
font-size:14px;
font-weight:600;
margin-bottom:6px;
}
.fr-outstock {
display:inline-block;
color:#dc3545;
font-size:14px;
font-weight:600;
margin-bottom:6px;
}
.fr-stock,
.fr-outstock {
margin-bottom:4px;
} .fr-price {
font-size:24px;
font-weight:700;
color:#025fbf;
margin-top:6px;
margin-bottom:10px;
} .fr-button {
display:block;
text-align:center;
background:#025fbf;
color:#fff!important;
padding:4px 18px;
border-radius:6px;
text-decoration:none!important;
font-weight:600;
line-height:1.3;
transition:.2s;
}
.fr-button:hover {
opacity:.85;
}
@media(max-width:1024px){
.fr-products {
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:600px){
.fr-products {
grid-template-columns:1fr;
}
}
.fr-categories {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
margin:35px 0;
}
.fr-category-card {
background:#fff;
border:1px solid #e5e5e5;
border-radius:12px;
overflow:hidden;
transition:.25s;
}
.fr-category-card:hover {
transform:translateY(-5px);
box-shadow:0 12px 30px rgba(0,0,0,.10);
}
.fr-category-card a {
text-decoration:none!important;
color:inherit;
}
.fr-category-image {
height:170px;
background:transparent;
display:flex;
align-items:center;
justify-content:center;
padding:15px;
}
.fr-category-image img {
max-width:100%;
max-height:150px;
width:auto;
height:auto;
object-fit:contain;
}
.fr-category-content {
padding:22px;
}
.fr-category-content h3 {
margin:0 0 10px;
font-size:20px;
line-height:1.3;
color:#222;
}
.fr-category-content span {
font-size:14px;
color:#666;
}
.fr-category-link {
margin-top:18px;
color:#025fbf;
font-weight:600;
}
.fr-category-content {
padding:20px 22px 25px;
}
.fr-category-content h3 {
margin:0 0 8px;
font-size:18px;
line-height:1.35;
color:#222;
min-height:48px;
}
.fr-category-link {
margin-top:15px;
color:#025fbf;
font-weight:600;
}
.fr-category-card:hover .fr-category-link {
text-decoration:underline;
}