/*==================================================
PRODUCT CARD
==================================================*/

 .rs-product-card{

    position:relative;
    width:100%;
    max-width:250px;
    margin:0 auto;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;

} 

.rs-product-card:hover{

    transform:translateY(-8px);
    box-shadow:0 30px 80px rgba(0,0,0,.12);

}

/*=========================================
IMAGE
=========================================*/

.rs-product-image{

    display:flex;
    justify-content:center;
    align-items:center;
    height:220px;
    padding:20px;
    background:#fff;

}

.rs-product-image img{

    width:160px;
    height:160px;
    object-fit:contain;
    transition:.35s;

}

.rs-product-card:hover .rs-product-image img{

    transform:scale(1.08);

}

/*=========================================
SALE BADGE
=========================================*/

.rs-sale-badge{

    position:absolute;
    top:18px;
    left:18px;
    background:#E74C3C;
    color:#fff;
    padding:6px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;

}

/*=========================================
CONTENT
=========================================*/

.rs-product-content{

    padding:25px;

}

.rs-product-title{

    font-size:18px;
    line-height:1.5;
    margin-bottom:12px;
    min-height:55px;

}

.rs-product-title a{

    color:var(--rs-text);

}

.rs-product-title a:hover{

    color:var(--rs-primary);

}

/*=========================================
RATING
=========================================*/

.rs-product-rating{

    margin-bottom:12px;

}

.rs-product-rating .star-rating{

    color:#FDBA12;

}

/*=========================================
PRICE
=========================================*/

.rs-product-price{

    font-size:24px;
    font-weight:700;
    color:var(--rs-primary);
    margin-bottom:20px;

}

/*=========================================
BUTTON
=========================================*/

.rs-product-card .button{

    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    min-height:48px;
    border-radius:999px;
    background:var(--rs-primary);
    color:#fff;
    font-weight:600;
    transition:.3s;

}

.rs-product-card .button:hover{

    background:var(--rs-primary-dark);
    transform:translateY(-2px);

}

/*=========================================
PLACEHOLDER
=========================================*/

.rs-placeholder img{

    opacity:.95;

}

.rs-placeholder .button{

    background:#888;

}

.rs-placeholder .button:hover{

    background:#666;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .rs-product-image img{

        height:180px;
        max-width:180px;

    }

}

@media(max-width:767px){

    .rs-product-title{

        font-size:16px;

    }

    .rs-product-price{

        font-size:20px;

    }

}