﻿.page-module-cart .page-wrapper {
    max-width: 1300px;
}

.page-module-cart #pageContent .panel-coupon,
.page-module-cart #pageContent .panel-gift,
.page-module-cart #pageContent .panel-summary {
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 50px;
}

    .page-module-cart #pageContent .panel-coupon .inner,
    .page-module-cart #pageContent .panel-gift .inner,
    .page-module-cart #pageContent .panel-summary .inner {
        padding: 20px
    }

.page-module-cart #pageContent .panel-coupon {
    width: 20%;
}

    .page-module-cart #pageContent .panel-coupon a {
        text-decoration: underline;
        color: #BFBDC1;
        font-weight: bold;
        font-size: 1.1em;
    }

        .page-module-cart #pageContent .panel-coupon a:hover {
            text-decoration: none;
        }

.page-module-cart #pageContent .panel-gift {
    width: 30%;
}

    .page-module-cart #pageContent .panel-gift a {
        color: #D6B4CB;
        border: 1px solid #D6B4CB;
        border-radius: 2px;
        padding: 5px 80px;
        text-decoration: none;
        font-weight: bold;
    }

        .page-module-cart #pageContent .panel-gift a:hover {
            color: white;
            background-color: #D6B4CB;
        }

.page-module-cart #pageContent .panel-summary {
    width: 50%;
    text-align: right;
}

    .page-module-cart #pageContent .panel-summary .inner > span {
        color: #41B6B2;
        font-weight: bold;
        font-size: 2em;
        margin-left: 25px;
    }

.page-module-cart #pageContent .warning {
    text-align: center;
    padding: 20px;
}

.page-module-cart #pageContent .button.ship-pay {
    float: right;
    display: block;
    padding: 10px 40px;
    border: 1px solid #41B6B2;
}

    .page-module-cart #pageContent .button.ship-pay:hover {
        color: #41B6B2;
        background: #fff;
    }

.page-module-cart #pageContent .box-motivator {
    border: 1px solid #CBAC88;
    background-color: rgba(203, 172, 135, 0.18);
    max-width: 600px;
    padding: 20px;
    margin: 50px auto;
    text-align: center;
    color: #394648;
    line-height: 1.5;
}

    .page-module-cart #pageContent .box-motivator a {
        text-decoration: underline;
        color: #394648;
    }

        .page-module-cart #pageContent .box-motivator a:hover {
            text-decoration: none;
        }

.page-module-cart #gifts-modal .gift {
    border-bottom: 1px solid #BFBDC1;
    padding: 15px 5px;
    cursor: pointer;
}

    .page-module-cart #gifts-modal .gift:last-child {
        border-bottom: none;
    }

    .page-module-cart #gifts-modal .gift .image,
    .page-module-cart #gifts-modal .gift .name-desc,
    .page-module-cart #gifts-modal .gift .radio-block {
        display: block;
        float: left;
        height: 80px;
        line-height: 80px;
        padding: 0px;
        margin: 0px;
    }

        .page-module-cart #gifts-modal .gift .image .inner,
        .page-module-cart #gifts-modal .gift .name-desc .inner,
        .page-module-cart #gifts-modal .gift .radio-block .inner {
        }

    .page-module-cart #gifts-modal .gift .image {
        width: 20%;
        text-align: center;
    }

        .page-module-cart #gifts-modal .gift .image img {
            max-width: 80px;
            max-height: 80px;
        }

    .page-module-cart #gifts-modal .gift .name-desc {
        width: 70%;
        text-align: left;
    }

        .page-module-cart #gifts-modal .gift .name-desc .inner {
            line-height: 1;
            padding-top: 25px;
        }

            .page-module-cart #gifts-modal .gift .name-desc .inner span.name {
                display: block;
                font-weight: bold;
            }

            .page-module-cart #gifts-modal .gift .name-desc .inner span.red {
                color: red;
            }

    .page-module-cart #gifts-modal .gift .radio-block {
        width: 10%;
    }

        .page-module-cart #gifts-modal .gift .radio-block label.radio {
            margin-top: 29px;
        }

.page-module-cart .page-wrapper {
    padding-bottom: 50px;
}

@media screen and (max-width: 1200px) {
    .page-module-cart #pageContent .panel-coupon {
        width: 30%;
    }

    .page-module-cart #pageContent .panel-gift {
        width: 28%;
    }

    .page-module-cart #pageContent .panel-summary {
        width: 42%;
    }

    .page-module-cart #pageContent .panel-gift a {
        padding: 5px 25px;
    }
}

@media screen and (max-width: 950px) {
    .page-module-cart #orderCartContent .cart-item .ware-name {
        width: 35%;
    }

    .page-module-cart #orderCartContent .cart-item .count {
        width: 23%
    }
}

@media screen and (max-width: 768px) {

    .page-module-cart #pageContent .button.ship-pay {
        margin: 0 auto;
        float: none;
    }

    .page-module-cart #pageContent .panel-coupon,
    .page-module-cart #pageContent .panel-gift,
    .page-module-cart #pageContent .panel-summary {
        width: 100%;
        text-align: center;
    }

    .page-module-cart #gifts-modal .gift .image {
        width: 100%;
    }

    page-module-cart #gifts-modal .gift .name-desc {
        width: 90%;
    }

    .page-module-cart #gifts-modal .gift .radio-block {
        float: right;
    }
}

@media screen and (max-width: 450px) {
    .page-module-cart #orderCartContent .cart-item .count,
    .page-module-cart #orderCartContent .cart-item .price-sum {
        float: none;
        width: auto;
    }
}