.sb8-product-card {
list-style: none;
background: #fff;
border-radius: 12px;
overflow: hidden;
padding: 0;
box-shadow: 0 5px 20px rgba(0,0,0,0.06);
transition: transform .2s ease, box-shadow .2s ease;
}
.sb8-product-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(0,0,0,0.10);
}
.sb8-thumb img {
width: 100%;
height: auto;
display: block;
}
.sb8-card-content {
padding: 15px 18px 20px;
}
.sb8-brand {
font-size: 14px;
font-weight: 600;
color: #888;
margin-bottom: 4px;
}
.sb8-title {
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
}
.sb8-title a {
text-decoration: none;
color: #222;
}
.sb8-price {
font-size: 18px;
font-weight: 700;
margin-bottom: 14px;
}
.sb8-button {
display: inline-block;
padding: 10px 14px;
border-radius: 6px;
background: #111;
color: #fff;
font-weight: 600;
text-decoration: none;
width: 100%;
text-align: center;
transition: background .2s ease;
}
.sb8-button:hover {
background: #444;
} ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media(max-width: 1024px) {
ul.products {
grid-template-columns: repeat(3, 1fr);
}
}
@media(max-width: 768px) {
ul.products {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 480px) {
ul.products {
grid-template-columns: repeat(1, 1fr);
}
}