.acpp-swatches {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:15px;
}

.acpp-swatch {
    width:60px;
    height:60px;
    border:2px solid #ddd;
    cursor:pointer;
    border-radius:8px;
    overflow:hidden;
    transition:0.3s;
}

.acpp-swatch img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.acpp-swatch.active,
.acpp-swatch:hover{
    border-color:#000;
}

@media(max-width:768px){
    .acpp-swatch{
        width:50px;
        height:50px;
    }
}