Hide "unavailable" Items in 7.1 Commerce

Site URL: https://jscg50-cms.squarespace.com

My 7.1 Commerce site sells mostly 1-off art pieces. Once an item has sold, I want it to be removed from public view. I do not want to show a tag of "unavailable" under an item or have a pop-up note that the item is not available for sale; I do not want to monitor the site to see what needs to be hidden manually. I'd like this to be automated. I know there is value to showing past items, which seems to be SS's default justification when asked why this feature isn't a toggle on/ toggle off option, but this is a detrimental default for my store. These items do sell out quickly and it annoys our customers when we are essentially offering something they can't have. 

Can anyone please help with a code for this or with a suggestion on where I can find a resolution for this problem? Thank you!

Site is jscg50-cms.squarespace.com. Password is: jscg50

To see an example: Online Shop > Vases > Shop Vases ... view "All" ...

1st item is marked unavailable, but I would like this to simply disappear from view once it's been purchased. 

Add to Design > Custom CSS

/* remove sold out products from shop page */
div.sold-out.grid-item {
    display: none;
}