.cart-menu-relative {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .cart-menu-relative>a {
        font-size: 12px;
        color: #fff;
        line-height: 32px;
        position: relative;

        .badge {
            position: absolute;
            bottom: -8px;
            right: -8px;
            background-color: #9e0b0f;
            border-radius: 50%;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }
    }

    .cart-menu-relative>a>i {
        font-size: 18px;
        vertical-align: middle;
    }

    .cart-menu-relative>a>svg {
        stroke: #414052;
    }

    .shopping-cart-holder {
        display: none;
        border-radius: 0.4rem;
        padding: 20px;
        background: #fff;
        border: 1px solid #ddd;
        width: 380px;
        margin: 20px 0;
        position: absolute;
        z-index: 7000;
        left: -2rem;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 1);
        box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 1);
        -webkit-border-radius: 0.4rem;
        -moz-border-radius: 0.4rem;
        -ms-border-radius: 0.4rem;
        -o-border-radius: 0.4rem;

        .shopping-cart {
            position: relative;
        }

        .shopping-cart .shopping-cart-header {
            border-bottom: 1px solid #E8E8E8;
            padding-bottom: 15px;
            display: block
        }

        .shopping-cart .shopping-cart-header:after {
            content: '';
            display: block;
            clear: both
        }

        .shopping-cart .shopping-cart-header .shopping-cart-total {
            float: left
        }

        .shopping-cart .shopping-cart-items {
            width: 100%;
            text-align: center;
            padding: 0 0 20px;
            margin: 0;

            td {
                text-align: center;
            }
        }

        .shopping-cart .shopping-cart-items li {
            margin-bottom: 18px;
            list-style: none
        }

        .shopping-cart .shopping-cart-items img {
            max-width: 48px
        }

        .shopping-cart .shopping-cart-items .item-name {
            display: block;
            font-size: 14px;
            text-align: right;

            a {
                color: #000;
            }
        }

        .shopping-cart .shopping-cart-items .item-price {
            color: var(--accent-color);
            white-space: nowrap;
        }

        .shopping-cart .shopping-cart-items .item-quantity {
            color: #000
        }

        .shopping-cart .shopping-cart-items .delete-product-hover-cart {
            font-size: 12px;
            color: var(--accent-color);
            cursor: pointer;
            display: block;
            text-align: center;
        }

        .shopping-cart:after,
        .shopping-cart:before {
            top: -41px;
            right: 95%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .shopping-cart:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-right: -10px;
            top: -39px;
        }

        .shopping-cart:before {
            border-color: rgba(221, 221, 221, 0);
            border-bottom-color: #ddd;
            border-width: 11px;
            margin-right: -11px;
        }

        .shopping-cart-icon {
            -webkit-mask: url(icon/Basket.svg) no-repeat 100% 100%;
            mask: url(icon/Basket.svg) no-repeat 100% 100%;
            -webkit-mask-size: cover;
            mask-size: cover;
            background-color: #fff;
            display: inline-block;
            width: 24px;
            height: 24px;
        }

        .shopping-cart-icon.cart-icon {
            background-color: #515783
        }

        .cart-icon {
            color: #515783;
            font-size: 24px;
            margin-left: 7px;
            float: right
        }

        .shopping-cart-recyclebin {
            -webkit-mask: url(icon/RecycleBin.svg) no-repeat 100% 100%;
            mask: url(icon/RecycleBin.svg) no-repeat 100% 100%;
            -webkit-mask-size: cover;
            mask-size: cover;
            background-color: #f00;
            display: inline-block;
            width: 18px;
            height: 18px;
        }

        .check-out {
            background: var(--accent-color);
            color: #fff;
            font-size: 0.9rem;
            padding: 0.3rem 0.5rem;
            border-radius: 0.4rem;
        }

        .foot {
            padding-top: 1rem;
            border-top: solid 1px #d7d7d7;
        }
    }