.pc-card {
   box-shadow: 1px 2px 4px 1px #eee !important;
    /*border: 1px solid #eeeeee !important;*/
    border-radius: var(--sem-br) !important;
    transform: scale(0.97);
    padding: 3px 3px 0px;
    display: flex !important;
    flex-flow: column;
    background: #fff;
    height: 100%;
    /*  min-height: 450px !important;
        justify-content: space-between;*/
}

   /* .pc-card.sale-card {
        border: 2px solid #f44236 !important;
    }
*/
    .pc-image-container img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        border-radius: var(--sem-br) !important;
        object-fit: contain;
        transition: all 0.3s;
        aspect-ratio: 1/1;
    }

    .pc-image-container:hover img {
        transform: scale(1.08);
        transition: all 0.3s;
    }

.pc-header {
    font-size: 0.9rem !important;
    font-weight: 900;
    height: 50px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    z-index: 9999;
    color: black !important;
}

.pc-stock {
    color: var(--sp-green);
    font-size: 0.79rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pc-rate-icon {
    width: 15px;
    height: 15px;
    padding: 1px 3px 4px;
}

.pc-price-box {
    display: flex;
    flex-flow: column;
    min-height: 65px;
    justify-content: flex-end;
}

.pc-sale {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    width: fit-content;
    margin: auto;
    border-radius: 4px;
    /*box-shadow: inset 0px 0px 1px 1px maroon !important;*/
}

.pc-sale-price {
    text-decoration: line-through;
    color: maroon !important;
    /*color: black !important;*/
    margin: 0 !important;
    border-radius: 0 5px 5px 0;
    padding: 0 5px;
    height: 25px !important;
    max-height: 25px !important;
}

.pc-sale-per {
    /*background: #ed6f8a;*/
    padding: 0px 10px 2px;
    /*color: white;*/
    color: maroon;
    height: 25px;
    border-radius: 4px;
}

.flow-row-reverse {
    flex-flow: row-reverse !important;
    min-height: 24px !important;
}

.pc-price {
    text-align: center;
    margin-top: 8px !important;
    margin-bottom:3px !important;
}

.ui.basic.button.pc-fav-btn, .ui.basic.button.pc-addtocart {
    /*box-shadow: 0 0 0 1px var(--d-red) inset;*/
    transition: all 0.3s;
}

.ui.basic.button.pc-fav-btn {
    /*background: var(--d-red) !important;*/
    color: white !important;
}

.ui.basic.button.pc-addtocart {
    background: var(--main-color) !important;
    color: white !important;
}

.pc-fav-btn {
    position: absolute;
    left: 7px;
    top: 10px;
    z-index: 999;
    box-shadow: none !important;
    padding: 0 !important;
}

    .pc-fav-btn .fa-heart {
        transform: scale(1.3);
        background: rgb(238 238 238 / 50%);
        color: var(--d-red);
        border-radius: var(--sem-br);
        padding: 6px;
        transition: all 0.3s;
    }

    .pc-fav-btn:hover .fa-heart {
        color: white;
        background: var(--d-red);
        transition: all 0.3s;
    }

/*.swiper-wrapper {
    transform: scale(.97) !important;
}*/

.category-uc .pc-addtocart {
    display: none !important;
}

.ui.divider.pc-divider {
    margin: 0.6rem 0 !important;
}


.ss-card {
    /*border-radius: 10px;*/
    /*transform: scale(0.97);*/
    padding: 0px 8px 0px;
    display: flex !important;
    flex-flow: column;
    background: #fff;
    height: 100%;
    /*  min-height: 450px !important;
        justify-content: space-between;*/
}

.ss-firstcard {
    padding: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 0 var(--sem-br) var(--sem-br) 0;
    background: #ffffff30;
}

.ss-lastcard {
    display: flex;
    background: white;
    padding: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: var(--sem-br) 0 0 var(--sem-br);
}



/**/
.pc-header {
    text-align: center !important;
}

.pc-image-container {
    position: relative !important;
    aspect-ratio: 1/1;
    padding: 1.5rem !important;
    overflow: hidden;
}

.newbtn .fa-cart-circle-plus {
    color: white !important;
    font-size: 1.2rem !important;
    margin: 8px 0 0 !important;
}
.pro_lblCnt {
    color: white !important;
    margin: 4px 0px 0px 0px;
}
.newbtn {
    position: absolute;
    z-index: 9999999;
    right: 10px;
    border-radius: 5px !important;
    background: #f44236 !important;
    padding: 0 !important;
    bottom: 8px;
    width: 35px !important;
    height: 35px !important;
    transition: all 0.5s !important;
}

@media(max-width: 767px) {
    .newbtn {
        width: 48px !important;
        height: 48px !important;
    }

    .product_counter {
        padding: 6px !important;
    }
}

.newbtn:hover {
    transform: scale(1.1);
    transition: all 0.3s;
}

/*.newbtn.hoverable {
    background: var(--main-color);
}*/

  /*  .newbtn.hoverable:hover + .product_counter, .product_counter:hover {
        display: block !important;
    }*/

.product_counter {
    display: none !important;
    position: absolute;
    z-index: 9999999;
    border: 1px solid var(--main-color) !important;
    right: 4px;
    border-radius: 4px !important;
    background: white !important;
    padding: 3px !important;
    bottom: 9px;
    margin: 0 !important;
}

.percent-badge {
    color: #f44236;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
}