/*==================================================================
#
# Putushart Premium Theme
# WooCommerce Cart
# Responsive
#
# File:
# cart-responsive.css
#
# Part 01 / 03
#
==================================================================*/


/*==============================================================
1440px
==============================================================*/

@media (max-width:1440px){

    .putushart-cart-page{

        padding:60px 0 90px;

    }

    .putushart-cart-layout{

        grid-template-columns:minmax(0,1fr) 380px;

        gap:42px;

    }

    .putushart-cart-card{

        grid-template-columns:170px minmax(0,1fr);

        gap:28px;

        padding:26px;

    }

    /*.putushart-cart-card__image{

        width:170px;

        height:170px;

    } */

    .putushart-cart-card__content{

        grid-template-columns:1fr 200px;

        row-gap:16px;

        column-gap:20px;

    }

    .putushart-summary-card{

        border-radius:22px;

    }

}


/*==============================================================
1024px
==============================================================*/

@media (max-width:1024px){

    .putushart-cart-header{

        margin-bottom:48px;

    }

    .putushart-cart-title{

        font-size:42px;

    }

    .putushart-cart-layout{

        grid-template-columns:1fr;

        gap:36px;

    }

    .putushart-cart-summary{

        position:static;

    }

    .putushart-summary-card{

        position:relative;

        top:auto;

    }

    .putushart-cart-card{

        grid-template-columns:150px minmax(0,1fr);

        gap:24px;

        padding:24px;

    }

    .putushart-cart-card__image{

        width:150px;

        height:150px;

    }

    .putushart-cart-card__content{

        grid-template-columns:1fr 180px;

        row-gap:14px;

    }

    .putushart-summary-header{

        padding:28px;

    }

    .putushart-summary-body{

        padding:24px 28px;

    }

    .putushart-summary-footer{

        padding:0 28px 28px;

    }

}

/*==============================================================
768px
==============================================================*/

@media (max-width:768px){

    .putushart-cart-page{

        padding:50px 0 80px;

    }

    .putushart-cart-header{

        margin-bottom:40px;

    }

    .putushart-cart-title{

        font-size:36px;

    }

    .putushart-cart-description{

        font-size:16px;

        line-height:1.7;

    }

    .putushart-cart-card{

        grid-template-columns:130px minmax(0,1fr);

        gap:22px;

        padding:22px;

        border-radius:20px;

    }

    .putushart-cart-card__image{

        width:130px;

        height:130px;

        border-radius:16px;

    }

    .putushart-cart-card__content{

        grid-template-columns:1fr;

        grid-template-areas:

            "header"
            "meta"
            "price"
            "quantity"
            "subtotal";

        row-gap:16px;

    }

    .putushart-cart-card__remove{

        justify-content:flex-start;

        margin-top:8px;

    }

    .putushart-cart-card__price,

    .putushart-cart-card__quantity,

    .putushart-cart-card__subtotal{

        justify-content:space-between;

    }

    .putushart-summary-card{

        border-radius:20px;

    }

    .putushart-summary-title{

        font-size:28px;

    }

    .summary-total strong:last-child{

        font-size:28px;

    }

    .putushart-cart-actions{

        flex-direction:column;

        align-items:stretch;

        gap:22px;

    }

    .putushart-cart-coupon{

        width:100%;

    }

    .putushart-cart-update{

        width:100%;

        justify-content:stretch;

    }

    .putushart-cart-update button{

        width:100%;

    }

}


/*==============================================================
576px
==============================================================*/

@media (max-width:576px){

    .putushart-cart-page{

        padding:40px 0 70px;

    }

    .putushart-cart-header{

        margin-bottom:34px;

    }

    .putushart-cart-title{

        font-size:30px;

    }

    .putushart-cart-description{

        font-size:15px;

    }

    .putushart-cart-card{

        grid-template-columns:1fr;

        gap:20px;

        padding:20px;

    }

    .putushart-cart-card__image{

        width:100%;

        max-width:220px;

        height:220px;

        margin:0 auto;

    }

    .putushart-cart-card__title h3{

        font-size:22px;

    }

    .putushart-cart-card__price,

    .putushart-cart-card__quantity,

    .putushart-cart-card__subtotal{

        flex-direction:column;

        align-items:flex-start;

        gap:10px;

    }

    .putushart-cart-card__remove{

        justify-content:flex-start;

    }

    .putushart-summary-header{

        padding:24px;

    }

    .putushart-summary-body{

        padding:22px 24px;

    }

    .putushart-summary-footer{

        padding:0 24px 24px;

    }

    .summary-row{

        gap:14px;

    }

    .summary-total{

        padding-top:22px;

    }

    .summary-total strong:last-child{

        font-size:26px;

    }

    .putushart-cart-coupon{

        flex-direction:column;

        align-items:stretch;

        min-width:100%;

    }

    .putushart-cart-coupon input{

        min-width:100%;

    }

    .putushart-cart-coupon button,

    .putushart-cart-update button{

        width:100%;

    }

}

/*==============================================================
375px
==============================================================*/

@media (max-width:375px){

    .putushart-cart-page{

        padding:36px 0 60px;

    }

    .putushart-cart-header{

        margin-bottom:28px;

    }

    .putushart-cart-subtitle{

        font-size:11px;

        letter-spacing:.24em;

    }

    .putushart-cart-title{

        font-size:28px;

        line-height:1.2;

    }

    .putushart-cart-description{

        font-size:14px;

        line-height:1.7;

        margin-top:16px;

    }

    .putushart-cart-card{

        padding:18px;

        gap:18px;

        border-radius:18px;

    }

    .putushart-cart-card__image{

        width:100%;

        max-width:180px;

        height:180px;

    }

    .putushart-cart-card__title h3{

        font-size:20px;

        line-height:1.35;

    }

    .putushart-cart-card__meta{

        font-size:14px;

    }

    .putushart-cart-card__price .value,

    .putushart-cart-card__subtotal .value{

        font-size:20px;

    }

    .quantity input.qty{

        width:64px;

        height:42px;

        font-size:15px;

    }

    .putushart-summary-card{

        border-radius:18px;

    }

    .putushart-summary-header{

        padding:20px;

    }

    .putushart-summary-title{

        font-size:24px;

    }

    .putushart-summary-body{

        padding:20px;

    }

    .summary-row{

        flex-direction:column;

        align-items:flex-start;

        gap:8px;

    }

    .summary-row span:last-child{

        text-align:left;

    }

    .summary-total{

        gap:8px;

    }

    .summary-total strong:last-child{

        font-size:24px;

    }

    .putushart-summary-footer{

        padding:0 20px 20px;

    }

    .putushart-summary-footer .checkout-button{

        min-height:54px;

        font-size:15px;

    }

}


/*==============================================================
320px
==============================================================*/

@media (max-width:320px){

    .putushart-cart-page{

        padding:32px 0 56px;

    }

    .putushart-cart-title{

        font-size:24px;

    }

    .putushart-cart-description{

        font-size:13px;

    }

    .putushart-cart-card{

        padding:16px;

    }

    .putushart-cart-card__image{

        max-width:150px;

        height:150px;

    }

    .putushart-cart-card__title h3{

        font-size:18px;

    }

    .putushart-cart-card__meta{

        font-size:13px;

    }

    .putushart-cart-card__price .label,

    .putushart-cart-card__quantity .label,

    .putushart-cart-card__subtotal .label{

        font-size:12px;

    }

    .putushart-cart-card__price .value,

    .putushart-cart-card__subtotal .value{

        font-size:18px;

    }

    .quantity input.qty{

        width:58px;

        height:40px;

        font-size:14px;

    }

    .putushart-summary-header{

        padding:18px;

    }

    .putushart-summary-title{

        font-size:22px;

    }

    .putushart-summary-body{

        padding:18px;

    }

    .summary-row{

        padding:14px 0;

    }

    .summary-total strong:first-child{

        font-size:16px;

    }

    .summary-total strong:last-child{

        font-size:22px;

    }

    .putushart-summary-footer{

        padding:0 18px 18px;

    }

    .putushart-summary-footer .checkout-button{

        min-height:52px;

        padding:16px;

        font-size:14px;

    }

}


/*==============================================================
Global Responsive Refinements
==============================================================*/

img{

    max-width:100%;

    height:auto;

}

.putushart-cart-card,

.putushart-summary-card{

    overflow:hidden;

}

.putushart-cart-card *,
.putushart-summary-card *{

    overflow-wrap:break-word;

    word-break:normal;

}

.woocommerce table.shop_table{

    border-collapse:collapse;

}

.woocommerce table.shop_table td,

.woocommerce table.shop_table th{

    vertical-align:middle;

}


/*==============================================================
Touch Devices
==============================================================*/

@media (hover:none){

    .putushart-cart-card:hover,

    .putushart-summary-card:hover{

        transform:none;

    }

}


/*==============================================================
End of File
==============================================================*/