.content_list {display: flex;flex-wrap: wrap;gap: 8px;margin: 12px 0}

.productTileRow {background: #fff;box-shadow: 0 0 0px 1px rgba(0,0,0,0.1);border-radius: 12px;position: relative;z-index: 1}

.productTileRow-Bottom {padding-bottom: 60px}
.productTileRow .priceWrapper {position: absolute;bottom: 0;left: 0;width: 100%;display: flex;align-items: center;justify-content: space-between;height: 60px}

.productRow .cardBtn {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer}
.productRow.productTileRow .cardBtn {margin: 5px 2px 5px 5px}

.productRow.productListRow .productListRow-RL a {
    word-break: break-all
}   

.productRow .cardBtn svg {width: 35px;height: 35px;fill: #222}
.productRow[data-added="1"] .cardBtn svg {fill: orange}

.productTileRow h3 {font-size: 15px;line-height: 16px;font-weight: 400;margin: 5px 0;overflow: hidden}
.productTileRow h3 a {color: #111}

.productTileRow-Top img {width: 100%; height: 100%; object-fit: cover;border-radius: 12px 12px 6px 6px}

@media (width >= 1100px) {
    .productTileRow {width: calc(100% / 4 - 6px)}
}
@media (1100px >= width > 940px) {
    .productTileRow {width: calc(100% / 3 - 6px)}    
}
@media (940px >= width > 850px) {
    .productTileRow {width: calc(100% / 2 - 6px)}    
}
@media (width < 850px) {
    .productTileRow {width: calc(100% / 3 - 6px)}    
}
@media (width < 500px) {
    .productTileRow {width: calc(100% / 2 - 5px)}
}

.productTileRow-Bottom, .priceWrapper {padding-left: 12px;padding-right: 6px}
.productTileRow .part {color: #777;font-size: 13px;   font-weight: 500;margin: 7px 0}
.productTileRow .stock {
    font-size: 13px;
    line-height: 12px;
    color: #777;
}
.productTileRow .price {
    font-weight: 500;
    margin-bottom: 3px;
}   



.productTileRow .favBtn {position: absolute;right: 0;z-index: 6;width: 35px;height: 35px;cursor: pointer}
.productTileRow .favBtn:hover svg {filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.8))}
.productTileRow .favBtn svg {width: 24px;height: 24px;fill: #fff;filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5))}

.productRow.productListRow .favBtn {padding: 9px 6px;cursor: pointer;position: absolute;z-index: 2}
.productRow.productListRow .favBtn svg {width: 24px;height: 24px;fill: #fff;filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5))}

.jso-product-row-parent[data-isfav="1"] .favBtn svg {fill: orange;filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1))}

.productTileRow .prdouctId {
    position: absolute;top: 9px;left: 7px;z-index: 5;font-size: 11px;color: #666;font-weight: 500;padding: 1px 5px;background: #fff;border-radius: 5px
}