#wrapper {
    background            : var(--color-grey-default) no-repeat;
    background-size       : cover;
    background-attachment : fixed;
}

.cart-grid {
    padding : 25px 0 0;
}

.cart-summary, .cart-container {
    background : #090909;
}


.cart-summary {
    padding : 20px 25px;
}

.cart-items {
    margin-bottom : 0
}

.cart-item {
    padding : 1rem 0
}

.cart-summary-line {
    clear : both
}

.cart-summary-line:after {
    content : "";
    display : table;
    clear   : both
}

.cart-summary-line .label {
    padding-left : 0;
    font-weight  : 400;
    white-space  : inherit
}

.cart-summary-line .value {
    color : white;
    float : right
}

.cart-summary-line .label {
    color : white;
}

.cart-summary-line.cart-summary-subtotals .label, .cart-summary-line.cart-summary-subtotals .value {
    font-weight : 400
}

@media (max-width : 575px) {
    .cart-items {
        padding : 1rem 0
    }

    .cart-item {
        border-bottom : 1px solid var(--color-grey-default)
    }

    .cart-item:last-child {
        border-bottom : 0
    }
}

/********************
	Part - cart-grid
********************/
.cart-grid-body {
    margin-bottom : .75rem;
    color         : white;
}

.cart-grid-body a.label:hover {
    color : var(--color-secondary)
}

.cart-grid-body .card-block {
    padding : 1rem
}

.cart-grid-body .card-block h1 {
    margin : 0;
    color  : white;
}

.cart-grid-body .cart-overview {
    padding : 1rem
}

.cart-grid-body .product-line-grid {
    display               : grid;
    grid-template-columns : 130px 8fr 3fr;
    gap                   : 20px;
    align-items           : center;
}

.cart-grid-body .product-line-grid-left {
    grid-column : 1;
    grid-row    : 1;
    width       : 100%;
    max-width   : 130px;
}

.cart-grid-body .product-line-grid-body {
    grid-column : 2;
    grid-row    : 1;
    width       : 100%;
}

.cart-grid-body .product-line-grid-right {
    grid-column     : 3;
    grid-row        : 1;
    width           : 100%;
    display         : flex;
    flex-flow       : row;
    justify-content : space-between;
}

.cart-grid-body .product-line-grid-right .product-price {
    font-size   : 17px;
    font-weight : 700;
    color       : white;
}

.cart-grid-body .product-name .label {
    font-size   : 17px;
    font-weight : 700;
    color       : white;
    transition  : all 0.3s ease-out;
}

.cart-grid-body .product-line-info .current-price .price {
    color : white;
}

.cart-grid-body .product-name .label:focus,
.cart-grid-body .product-name .label:hover {
    text-decoration : none;
}

.cart-grid-body .current-price {
    color : var(--color-secondary);
}

.cart-grid-body .product-carac .label {
    font-size   : 15px;
    font-weight : 500;
    color       : white;
}

.cart-grid-right .cart-summary {
    position : sticky;
    top      : 0;
}

.cart-grid-right .promo-discounts {
    margin-bottom : 0
}

.promo-name a {
    color : grey;
}

.promo-name a:hover {
    color : var(--color-secondary);
}

.promo-code {
    margin : 20px 0;
}

.promo-code .promo-input {
    padding       : 10px;
    width         : 100%;
    max-width     : 200px;
    border-radius : 5px;
    border        : 1px solid white;
    font-size     : var(--font-size-100);
    font-weight   : 400;
    color         : var(--color-primary);
    margin-right  : 5px;
}

.promo-code .alert {
    display : none;
}

.cart-grid-right .promo-discounts .cart-summary-line .label {
    color : white
}

.cart-grid-right .promo-discounts .cart-summary-line .label .code {
    text-decoration : underline;
    cursor          : pointer
}

.cart-voucher .block-promo {
    color : white;
}

@media (max-width : 575px) {

    .cart-grid-body .no-items {
        padding : 1rem;
        display : inline-block
    }
}

.cart-grid-body .card, .cart-grid-right .card {
    border-radius : 5px;
}

/********************
	Part - product-line
********************/
.product-line-grid-left img {
    max-width : 100%;
    min-width : 100px;
}


@media (max-width : 575px) {

    .product-line-info.product-name {
        margin : 10px 0;
    }
}

.product-line-grid-body > .product-line-info > .label {
    padding     : 0;
    line-height : inherit;
    text-align  : left;
    white-space : inherit
}

.product-line-grid-body > .product-line-info > .out-of-stock {
    color : red
}

.product-line-grid-body > .product-line-info > .available {
    color : #4cbb6c
}

.product-line-grid-body > .product-line-info > .unit-price-cart {
    padding-left : .3125rem;
    font-size    : .875rem;
    color        : var(--color-grey-font-default)
}

@media (max-width : 767px) {
    .product-line-grid-body {
        margin-bottom : 1rem
    }
}

.product-line-grid-right .cart-line-product-actions,
.product-line-grid-right .product-price {
    color       : var(--color-black-default);
    line-height : 36px
}

.product-line-grid-right .cart-line-product-actions .remove-from-cart,
.product-line-grid-right .product-price .remove-from-cart {
    color      : grey;
    display    : inline-block;
    margin-top : .3125rem
}

.regular-price {
    background : linear-gradient(to left top, transparent 47.75%, #e01922 49.5%, #e01922 50.5%, transparent 52.25%);
}

.cart-line-product-actions .remove-from-cart:hover {
    color : var(--color-secondary)
}

.promo-code button[type="submit"] {
    padding : 10px 1.25rem;
}

@media (max-width : 360px) {
    .product-line-grid-right .price,
    .product-line-grid-right .qty {
        width : 100%
    }
}

.cart-summary-line {
    color : white;
}

.cart-detailed-actions .text-sm-center {
    text-align : center !important;
}

.continue-label {
    color : var(--color-secondary)
}


/********************
	Part - continue-label
********************/
.continue-label {
    display     : flex;
    align-items : center;
}

.continue-label:focus,
.continue-label:hover {
    text-decoration : none;
}


.bootstrap-touchspin .btn-touchspin {
    background : var(--color-grey-default)
}


.cart-item .product-line-grid-right__qty-price .row {
    width   : 100%;
    display : flex;
    gap     : 20px;
}

.cart-item .product-price {
    width   : 100%;
    display : block;
}

@media (max-width : 1200px) {

    .cart-grid-body .product-line-grid {
        grid-template-columns : 130px 8fr 3fr;
    }

    .cart-grid-body .product-line-grid-left {
        grid-column : 1;
        grid-row    : 1 / 3;
        width       : 100%;
        max-width   : 130px;
    }

    .cart-grid-body .product-line-grid-body {
        grid-column : 2 / 4;;
        grid-row    : 1;
        align-self  : end;
    }

    .cart-grid-body .product-line-grid-right {
        grid-column  : 2 / 4;
        grid-row     : 2;
        align-self   : start;
        max-width    : 300px;
        justify-self : end;
    }

}

@media (max-width : 400px) {
    .cart-grid-body .product-line-grid-right {
        grid-column : 1 / 4;
    }

    .cart-grid-body .product-line-grid-left {
        grid-row : 1/2;
    }
}


@media (max-width : 767px) {

    .cart-grid-body .product-line-grid {
        grid-template-columns : 4fr 5fr 5fr;
    }
}

.paypal-marks {
    display         : flex;
    justify-content : center;
}


@media (max-width : 1700px) {
    .paypal-marks {
        flex-direction : row;
        flex-wrap      : wrap;
    }
}

.paypal-button-text {
    font-family    : PayPal Pro Book, system-ui, -apple-system, Roboto, "Segoe UI", Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size      : 12px;
    vertical-align : middle;
}

.paypal-mark {
    display       : inline-block;
    line-height   : 0;
    padding       : 5px 6.666666666666667px;
    background    : #fff;
    border-radius : 3px;
    margin        : 4px;
    white-space   : nowrap;
    position      : relative;
    background    : #fff;
    border        : 1px solid #dcdcdc;
    min-width     : 70px;
}

.paypal-mark:last-child {
    margin-right : none;
}

.paypal-mark img {
    height         : 20px;
    display        : inline-block;
    vertical-align : middle;
}

.paypal-button-card {
    display      : inline-block;
    margin-right : 5px;
}

.paypal-button-card:last-child {
    margin-right : 0px;
}

.paypal-mark .paypal-logo {
    margin-right : 4px;
}

.paypal-mark .paypal-logo:last-child {
    margin-right : 0px;
}