/*==============================================================
#
# Putushart Premium Cart
# Product Cards
#
==============================================================*/

/*--------------------------------------------------------------
Product Card
--------------------------------------------------------------*/

.putushart-cart-card{

    position: relative;

    display: grid;

    grid-template-columns: 180px minmax(0,1fr);

    gap: 28px;

    align-items: stretch;

    padding: 28px;

    margin-bottom: 0;

    background: #ffffff;

    border: 1px solid rgba(0,0,0,.06);

    border-radius: 24px;

    overflow: hidden;

    box-shadow:
        0 8px 30px rgba(0,0,0,.05),
        0 1px 3px rgba(0,0,0,.04);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease,
        background-color .35s ease;

}

.putushart-cart-card:last-child{

    margin-bottom:0;

}

.putushart-cart-card:hover{

    transform: translateY(-6px);

    border-color: rgba(183,139,68,.18);

    box-shadow:
        0 24px 60px rgba(0,0,0,.10),
        0 4px 12px rgba(0,0,0,.05);

}


/*--------------------------------------------------------------
Left Side
--------------------------------------------------------------*/

.putushart-cart-card__image {
    width: 160px;
    height: 160px;
    flex: 0 0 160px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
    border-radius: 20px;
}

.putushart-cart-card__image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    margin: 0;
    padding: 0;
}

.putushart-cart-card__image a{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.putushart-cart-card__image a img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.putushart-cart-card:hover
.putushart-cart-card__image img{

    transform:scale(1.06);

}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.putushart-cart-card__content{

    display:grid;

    grid-template-columns:1fr 220px;

    grid-template-areas:

        "header header"
        "meta meta"
        "price subtotal"
        "quantity remove";

    row-gap:16px;

    column-gap:24px;

    width:100%;

}

.putushart-cart-card__header{

    grid-area:header;

}

.putushart-cart-card__meta{

    grid-area:meta;

}

.putushart-cart-card__price{

    grid-area:price;

}

.putushart-cart-card__quantity{

    grid-area:quantity;

}

.putushart-cart-card__subtotal{

    grid-area:subtotal;

}

.putushart-cart-card__remove{

    display:flex;

    justify-content:flex-end;

    padding-right:8px;

    align-items:flex-start;

}

/*--------------------------------------------------------------
Title
--------------------------------------------------------------*/

.putushart-cart-card__title h3{

    margin:0;

    font-size:26px;

    line-height:1.3;

    font-weight:700;

}

.putushart-cart-card__title a{

    color:#1f1f1f;

    text-decoration:none;

    transition:.25s;

}

.putushart-cart-card__title a:hover{

    color:#b78b44;

}

/*--------------------------------------------------------------
Meta
--------------------------------------------------------------*/

.putushart-cart-card__meta{

    font-size:15px;

    line-height:1.7;

    color:#6a6a6a;

}

.putushart-cart-card__meta p{

    margin:0;

}

/*--------------------------------------------------------------
Bottom Information
--------------------------------------------------------------*/

.putushart-cart-card__price,
.putushart-cart-card__quantity,
.putushart-cart-card__subtotal{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding-top:10px;

    border-top:1px solid #f1f1f1;

}

.putushart-cart-card__price .label,
.putushart-cart-card__quantity .label,
.putushart-cart-card__subtotal .label{

    font-size:14px;

    font-weight:600;

    color:#777;

    text-transform:uppercase;

    letter-spacing:.08em;

}

.putushart-cart-card__price .value{

    font-size:22px;

    font-weight:700;

    color:#202020;

}

.putushart-cart-card__subtotal .value{

    font-size:24px;

    font-weight:700;

    color:#b78b44;

}

/*--------------------------------------------------------------
Remove Button
--------------------------------------------------------------*/

.putushart-cart-card__remove .remove{

    width:38px;

    height:42px;

    display:flex;

    align-items:center;

    margin-top:0;

    justify-content:center;

    border-radius:50%;

    border:1px solid #e4e4e4;

    text-decoration:none;

    color:#555;

    font-size:22px;

    transition:.25s;

}

.putushart-cart-card__remove .remove:hover{

    background:#d33;

    color:#fff;

    border-color:#d33;

}

/*--------------------------------------------------------------
WooCommerce Quantity
--------------------------------------------------------------*/

.quantity{

    display:flex;

    align-items:center;

}

.quantity input.qty{

    width:74px;

    height:46px;

    border-radius:12px;

    border:1px solid #ddd;

    text-align:center;

    font-size:16px;

    font-weight:600;

    background:#fff;

}

/*--------------------------------------------------------------
Coupon
--------------------------------------------------------------*/

.putushart-cart-coupon{

    display:flex;

    gap:15px;

    align-items:center;

    flex-wrap:wrap;

}

.putushart-cart-coupon input{

    width:260px;

    height:50px;

    border-radius:12px;

    border:1px solid #ddd;

    padding:0 18px;

    font-size:15px;

}

.putushart-cart-coupon button{

    height:50px;

    padding:0 28px;

    border:none;

    border-radius:12px;

    cursor:pointer;

}

/*--------------------------------------------------------------
Buttons
--------------------------------------------------------------*/

.putushart-cart-actions .button{

    border-radius:12px;

    min-height:52px;

}