.shoppingCartDiv { position: fixed; right: 0; top: 0; z-index: 1001; background: #fff; width: 30%; min-width: 450px; height: 100%; display: none; }
    .shoppingCartDiv.open { display: block; }
    .shoppingCartDiv > div:nth-child(1) { display: flex; justify-content: space-between; flex-direction: column; height: 100%; }
#cartHeader { font-size: 28px; font-weight: bold; line-height: 1em; display: flex; justify-content: space-between; align-items: center; margin: 0 0 30px 0; padding: 35px 35px 0 35px; }
    #cartHeader span { font-size: 14px; cursor: pointer; display:flex; justify-content:center; align-items:center; font-weight:500; gap: 5px; }

.freeShippingDiv {padding: 0 35px; margin: 0 0 20px 0; }
.cartPart .freeShippingDiv {padding:0;}
.freeShippingInner { border: 1px dashed var(--gray); border-radius: 10px; padding: 15px;}
.freeShippingInner .freeShippingHeader {font-size: 22px; font-weight:600;}
    .freeShippingInner p { font-size: 16px; }
    .freeShippingInner .freeShippingMeterDiv { width: 100%; height: 5px; background: #00000029; border-radius:50px; display:block; margin: 0 0 15px 0; position:relative; overflow:hidden;}
    .freeShippingInner .freeShippingMeter { background: var(--gray); height: 100%; display: inline-block; position: absolute; top: 0; left: 0; border-radius: 50px; }

#cartProducts { padding: 0 35px; height: 450px; overflow-y: auto; }
#cartProducts.noMaxHeight {min-height:55%;}
#cartProducts.autoHeight {height: auto;}
    .cartPart #cartProducts {padding:0;}
#cartProducts .cart-item { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; border-top: 1px solid #E1E1E1; padding: 17px 0; }
    #cartProducts .cart-item:first-child { border-top: none; }
    #cartProducts .cart-item .image { width: 20%; }
        #cartProducts .cart-item .image img { width: 100%; height: 100%; object-fit: contain; border-radius: 10px; }
    #cartProducts .cart-item .cartItemContent { width: 75%; }
#cartProducts .cartItemHeader { display: flex; justify-content: space-between; align-items: flex-start; }
    #cartProducts .cartItemHeader span { display: block; }
    #cartProducts .cartItemHeader .price { font-size: 16px; font-weight: 600; white-space:nowrap; }

    #cartProducts .cartItemHeader .supplier { font-size: 14px; }
    #cartProducts .cartItemHeader .name { font-size: 16px; width:80%; }
#cartProducts .description { margin: 5px 0; font-size: 14px; display: block; }
#cartProducts .warehouse {font-size: 14px; font-weight:bold;}
#cartProducts .warehouse ul {margin: 0; padding: 0; list-style:none;}

#cartProducts .cartItemFooter { display: flex; justify-content: flex-end; align-items: center; gap: 5px 15px; flex-wrap:wrap; }
#cartProducts .quantity { border: 1px solid #000; border-radius: 100px; font-size: 16px; line-height: 1em; color: #000; display: flex; justify-content: space-between; align-items: center; width: 100px; }
    #cartProducts .quantity a { padding: 10px 10px; font-size: 22px; line-height: 1em; color: #000; display: block; }
        #cartProducts .quantity a:first-child { padding: 10px 10px 10px 15px; }
        #cartProducts .quantity a:last-child { padding: 10px 15px 10px 10px; }
        #cartProducts .quantity a:hover { background: var(--gray); color: #fff; text-decoration: none; }
        #cartProducts .quantity a:first-child:hover { border-top-left-radius: 100px; border-bottom-left-radius: 100px; }
        #cartProducts .quantity a:last-child:hover { border-top-right-radius: 100px; border-bottom-right-radius: 100px; }
        #cartProducts .remove-button {width: 18px; height:23px; background:url(/gfx/icons/trash.svg) no-repeat top center; display:inline-block;}
        #cartProducts .cartItemFooter .error {display:block; width:100%; text-align:right; color:var(--red); font-size:16px;}

#cartFooter { border-top: 1px dashed var(--gray); padding: 30px 0; position: absolute; bottom: 0; width: 100%; background: #fff; }
        #cartFooterInner {padding: 0 35px;}
        #cartFooter .total-price {display:flex; justify-content:space-between; align-items:center; font-size: 22px; font-weight: 600;}
            #cartFooter .button.go-to-checkout {background:var(--gray); color:#fff; padding: 15px; width:100%; display:block; margin: 35px 0 0 0; border-radius:100px; box-sizing:border-box; font-size:18px; text-align:center; font-weight:bold;}
#cartFooter .button.go-to-checkout:hover {text-decoration:none; opacity:0.9;}

#cartProducts .emptyCart {font-size: 22px; text-align:center;}

@media only screen and (max-width: 480px) {
    #cartHeader{padding: 15px 15px 0 15px;}
    #cartFooter {padding: 15px 0;}
    #cartProducts { padding: 0 15px; height: 450px; }
    .freeShippingInner { padding: 10px; }
    .freeShippingDiv { padding: 0 15px; margin: 0 0 10px 0; }
    .freeShippingInner p {font-size:14px;}
    .shoppingCartDiv { min-width: 0; width: 100%; }
    #cartFooter .button.go-to-checkout {margin: 15px 0 0 0;}
    .freeShippingInner{padding:5px;}
    .freeShippingInner .freeShippingHeader { font-size: 18px; }
    #cartProducts .quantity a {font-size:18px;}
}