.abp-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
gap:30px;
width:100%;
}

.abp-card{
width:100%;
background:#fff;
border-radius:18px;
overflow:hidden;
padding:20px;
border:1px solid #eee;
transition:.35s;
}

.abp-card img{
width:100%;
height:260px;
object-fit:contain;
}

.abp-card h3{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
height:52px;
font-size:16px;
font-weight:600;
margin-top:15px;
}

.abp-price{
font-size:24px;
font-weight:700;
color:#ff5a00;
}

.abp-card .button:hover{
background:#111!important;
color:#fff!important;
transform:translateY(-2px);
}
.abp-card img{
transition:.45s ease;
}

.abp-card:hover img{
transform:scale(1.08);
}

.abp-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,.15);
}
/* Sale Badge */

.abp-sale-badge{
position:absolute;
top:15px;
left:15px;
background:#ff3b30;
color:#fff;
padding:7px 12px;
font-size:13px;
font-weight:700;
border-radius:8px;
z-index:99;
box-shadow:0 6px 15px rgba(0,0,0,.15);
}
/*==========================
  Alibaba Categories
===========================*/

.abp-cat-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:25px;
margin:40px 0;
}

.abp-cat-card{
display:block;
background:#fff;
border:1px solid #ececec;
border-radius:18px;
padding:20px;
text-align:center;
text-decoration:none;
transition:.35s ease;
box-shadow:0 8px 20px rgba(0,0,0,.06);
overflow:hidden;
}

.abp-cat-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,.15);
border-color:#ff6600;
}

.abp-cat-card img{
width:100%;
height:180px;
object-fit:contain;
transition:.4s;
}

.abp-cat-card:hover img{
transform:scale(1.08);
}

.abp-cat-card h3{
margin:18px 0 8px;
font-size:18px;
font-weight:700;
color:#111;
}

.abp-cat-card span{
display:inline-block;
color:#777;
font-size:14px;
}

@media(max-width:1024px){

.abp-cat-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.abp-cat-grid{
grid-template-columns:1fr;
}

}