.ab-strip{
display:grid;
grid-template-columns:1fr 1fr 1fr;
align-items:center;
gap:14px;
background:linear-gradient(135deg,#0f2d38 0%,#173f4d 100%);
border-radius:22px;
padding:18px;
margin:24px 0;
overflow:hidden;
}

.ab-col{
display:flex;
align-items:center;
justify-content:center;
min-height:160px;
}

.ab-image-wrap{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
text-decoration:none;
}

.ab-product-img{
max-width:100%;
max-height:130px;
width:auto;
height:auto;
object-fit:contain;
display:block;
border-radius:14px;
}

.ab-result-img{
max-width:100%;
max-height:145px;
width:auto;
height:auto;
object-fit:contain;
display:block;
border-radius:14px;
}

.ab-content{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:10px;
text-align:center;
}

.ab-heading{
margin-bottom:16px;
}

.ab-title-1{
font-size:18px;
line-height:1.4;
font-weight:700;
color:#ffffff;
margin-bottom:4px;
}

.ab-title-2{
font-size:14px;
line-height:1.5;
color:#b9d7e1;
}

.ab-btn{
display:inline-flex;
align-items:center;
justify-content:center;
background:#72e4ff;
color:#06222d;
text-decoration:none;
font-size:12px;
font-weight:800;
letter-spacing:0.5px;
padding:12px 18px;
border-radius:999px;
white-space:nowrap;
}

.ab-placeholder{
width:120px;
height:120px;
border:1px dashed rgba(255,255,255,0.18);
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:12px;
background:rgba(255,255,255,0.04);
}

@media(max-width:768px){

.ab-strip{
grid-template-columns:1fr 1fr;
padding:14px;
gap:10px;
}

.ab-content{
grid-column:1 / -1;
align-items:center;
justify-content:center;
text-align:center;
min-height:auto;
padding-top:4px;
}

.ab-col{
min-height:auto;
}

.ab-product-img{
max-height:100px;
}

.ab-result-img{
max-height:110px;
}

.ab-title-1{
font-size:16px;
}

.ab-title-2{
font-size:13px;
}

.ab-btn{
padding:10px 16px;
font-size:11px;
}

}