.cart-pop-wrapper {
    --bg-op: 0;
    --mini-cart-w: 655px;
    display: block;
    position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: -200px;
	padding-bottom: 200px;
	transform: translateY(200px);
    z-index: 200000000;
    overflow-y: hidden;
    overflow-x: hidden;
    
    background: rgba( 0, 0, 0, var( --bg-op ) );
    cursor: pointer;
    transition: opacity 1s, background-color 0.5s;
    opacity: 1;
    pointer-events: none;
}

.cart-pop-wrapper.active {
    overflow-y: auto;
    --bg-op: 0.4;
    opacity: 1;
    pointer-events: auto;
}

    .cart-pop {
        width: 100%;
        max-width: var( --mini-cart-w );
        box-sizing: border-box;
        padding: 220px 30px 230px 30px;
        min-height: calc( 100% + 200px );
        position: absolute;
        top: -200px;
        right: 0;
        z-index: 2001;
        background: var( --site-bg-color );
        cursor: default;
        transform: translateX( 110% );
        transition: transform 0.8s;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.35);
    }
    
    .cart-pop-wrapper.active .cart-pop {
        transform: translateX( 0 );
    }
        
            .cart-block .cart-title-block {
                padding-bottom: 50px;
            }

            #MiniCartPop .cart-block .cart-title-block {
                padding-bottom: 20px;
            }
                
                .cart-block .cart-title-block .h2 {
                    font-size: 26px;
                    font-weight: 700;
                    margin-bottom: 0;
                    line-height: 40px;
                    padding-right: 60px;
                }
                
                    .cart-block .cart-title-block .h2 button {
                        --w: 40px;
                        float: right;
                        margin-right: -60px;
                        pointer-events: none;

                        background: var( --site-color );
                        color: #ffffff;
                    }
            
            .cart-product-items-block {
                --img-w: 25%;
            }
            
            .cart-pop-wrapper .cart-product-items-block {
                padding-bottom: 160px;
            }
            
            .cart-pop-wrapper .wishlist-content .cart-product-items-block {
                padding-bottom: 80px;
            }
                
                .cart-product-item {
                    overflow: hidden;
                    box-sizing: border-box;
                    padding: 18px;
                    background: var( --site-bg-color-2 );
                    border-radius: 20px;
                    position: relative;
                    margin-bottom: 10px;
                }
                
                    .cart-product-item .item-left {
                        width: var( --img-w );
                        float: left;
                    }

                    .cart-product-item .item-left .image-block > div {
                        border-radius: 10px;
                        overflow: hidden;
                    }
                        
                        .cart-product-item .item-left .image-block a {
                            display: block;
                            width: 100%;
                            height: 100%;
                            border-radius: 10px;
                            overflow: hidden;
                            background: var( --site-bg-color );
                        }
                        
                            .cart-product-item .item-left .image-block img {
                                object-fit: cover;
                                width: 100%;
                                height: 100%;
                                transition: transform 0.3s;
                                will-change: transform;
                            }
                            
                            .cart-product-item .item-left .image-block a:hover img:hover {
                                transform: scale( 1.1 );
                            }
                    
                    .cart-product-item .item-right {
                        width: calc( 100% - var( --img-w ) );
                        float: right;
                        box-sizing: border-box;
                        padding-left: 20px;
                        padding-bottom: 35px;
                    }
                    
                    .header-search-block .cart-product-item .item-right,
                    .wishlist-content .cart-product-item .item-right {
                        padding-bottom: 20px;
                    }
                    
                        .cart-product-item .cart-product-item-title-block {
                            margin-bottom: 20px;
                            padding-right: 25px;
                        }
                        
                            .cart-product-item .cart-product-item-title {
                                font-family: var( --font-2 );
                                font-weight: 500;
                                font-size: var( --f-16 );
                                line-height: 1.2;
                                text-transform: none;
								text-decoration: none;
                                margin-bottom: 5px;
                            }
                            
                            .cart-product-item-sku {
                                display: block;
                                font-family: var( --font-2 );
                                font-weight: 700;
                                font-size: var( --f-16 );
                                color: var( --site-hover-color );
                                margin-top: 6px;
                                line-height: 1.2;
                                text-transform: uppercase;
                                opacity: 0.6;
                            }
                            
                        .cart-product-item .cart-product-item-options {
                            margin-bottom: 10px;
							min-height: 20px;
                        }
						
							.cart-product-item-options ul {
								padding-left: 0;
								list-style-type: none;
							}
                        
                            .cart-product-item-options .item-option,
							.cart-product-item-options dt,
							.cart-product-item-options dd,
							.cart-product-item-options li,
							.cart-product-item-options li p	{
                                display: block;
                                font-size: 12px;
                                line-height: 1;
                                margin-bottom: 5px;
                            }
							
								.cart-product-item-options li p {
									display: inline;
									margin-bottom: 0!important;
								}
							
							.cart-product-item-options .variation {
								overflow: hidden;
							}
							
								.cart-product-item-options p {
									margin-bottom: 0!important;
								}
							
								.cart-product-item-options dt,
								.cart-product-item-options dd {
									float: left;
								}
								
								.cart-product-item-options dt {
									clear: both;
									
								}
									
									.cart-product-item-options .variation p {
										font-size: 12px;
										line-height: 1;
										margin-bottom: 0;
										margin-left: 3px;
									}
                            
                                .cart-product-item-options .item-option span,
								.cart-product-item-options dt {
                                    opacity: 0.6;
                                }
                            
                                .cart-product-item-options .item-option .item-option-val,
								.cart-product-item-options .variation p, 
								.cart-product-item-options dd {
                                    opacity: 1;
                                    font-weight: bold;
                                }
                        
                        .cart-product-item .woo-cart-product-quantity {
                            position: absolute;
                            bottom: 20px;
                        }
                        
                        .cart-product-item .cart-product-item-price {
                            position: absolute;
                            right: 34px;
                            bottom: 30px;
                            font-family: var( --font-2 );
                            font-size: 14px;
                            font-weight: 600;
                            line-height: 1;
                            color: var( --site-text-color );
                        }
                        
                        .wishlist-content .cart-product-item .cart-product-item-price {
                            bottom: 18px;
                            right: auto;
                        }
						
							.cart-product-item .cart-product-item-price * {
								font-size: 14px;
								line-height: 1;
                                font-weight: 600;
							}
       
                        .wishlist-content .cart-product-item .product-sale-block {
                            font-size: 14px;
                            position: absolute;
                            top: 25px;
                            left: 5px;
                            z-index: 1;
                        }
                            
                        .cart-product-item .stock {
                            font-size: 10px;
                            font-weight: bold;
                            line-height: 1.1;
                            margin-bottom: 0;
                            margin-top: 5px;
                        }
                        
                        .stock.available-on-backorder {
                            color: var( --notice-color );
                        }
                        
                        .stock.out-of-stock {
                            color: var( --error-color );
                        }
                        
                        .cart-product-item .del-product {
                            --w: 24px;
                            position: absolute;
                            top: 12px;
                            right: 18px;
                            font-size: 28px;
                            line-height: 1;
                            color: #807F82;
                        }

                        .cart-product-item .del-product:hover {
                            color: var( --site-hover-color );
                        }
            
            .cart-bottom-block {
                width: 100%;
                box-sizing: border-box;
                margin-left: 0;
				margin-top: -1px;
                overflow: hidden;
                padding: 10px 0;
            }
            
            .cart-pop-wrapper .cart-bottom-block {
                padding: 20px 30px 20px 30px;
                position: fixed;
                bottom: 220px;
                left: 0;
				border-bottom: none;
            }
            
                .cart-bottom-block .total-price-info {
                    font-family: var( --font-2 );
                    font-size: var( --f-16 );
                    line-height: 16px!important;
                    overflow: hidden;
					margin-bottom: 0!important;
                    padding: 0 110px 0 0;
                }
				
				.cart-pop .cart-bottom-block .total-price-info {
					padding: 0 110px 0 0;
				}
                
                    .cart-bottom-block .total-price-info .total-price {
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 1;
                        float: right;
                        margin-right: -110px;
                        margin-top: 0;
                    }
					
						.cart-bottom-block .total-price-info .total-price * {
							font-size: inherit;
							font-weight: 600;
							line-height: 1;
							color: var( --site-hover-color );
						}

                .cart-bottom-block .button-container {
                    padding-top: 40px;
                }
            
                .cart-bottom-block .bt-right {
                    float: right;
                }
                
                .cart-bottom-block .bt-left {
                    float: left;
                }
                
                .wishlist-content .cart-bottom-block .bt-left {
                    border: none;
                }
            
.quantity {
    --bt-w: 34px;
    width: 100px!important;
    position: relative;
    overflow: hidden;
}

    .quantity input {
        width: 100%!important;
        height: var( --bt-w );
        box-sizing: border-box;
        display: block;
        margin: 0;
        margin-bottom: 1px;
        padding: 0 var( --bt-w );
        outline: none;
        border: 1px solid #807F82;
        border-radius: 20px;
        background: var( --site-bg-color );
        color: var( --site-text-color );
        font-size: var( --f-18 );
        font-weight: 400;
        text-align: center!important;
        line-height: 1;
        position: relative;
    }
    
    .quantity .quantity-nav {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
    }
    
        .quantity .quantity-nav .quantity-button {
            position: absolute;
            top: 1px;
            width: calc( var( --bt-w ) - 2px );
            height: calc( var( --bt-w ) - 2px );
            border-radius: 100%;
            border: none;
            text-align: center;
            font-size: 26px;
            font-weight: 400;
            line-height: calc( var( --bt-w ) - 2px );
            color: var( --site-text-color );
            opacity: 0.6;
            
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
            
            cursor: pointer;
            transition: opacity 0.3s, color 0.3s;
        }
        
        .quantity .quantity-nav .quantity-button:hover {
            opacity: 1;
        }
        
        .quantity .quantity-nav .quantity-button:active {
            color: var( --bt-text-color );
            opacity: 1;
        }
        
            .quantity .quantity-nav .quantity-button::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                border-radius: 100%;
                background: var( --site-color );
                opacity: 0;
                position: absolute;
                z-index: -1;
                transition: opacity 0.3s;
            }
            
            .quantity .quantity-nav .quantity-button:hover::before {
                opacity: 0.15;
            }
            
            .quantity .quantity-nav .quantity-button:active::before {
                opacity: 1;
            }
        
        .quantity .quantity-nav .quantity-button.quantity-up {
            right: 1px;
        }
        
        .quantity .quantity-nav .quantity-button.quantity-down {
            left: 1px;
        }
    
    .quantity label {
        display: none!important;
    }
    
    /* Chrome, Safari, Edge, Opera */
    .quantity input::-webkit-outer-spin-button,
    .quantity input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    /* Firefox */
    .quantity input {
        appearance: textfield;
        -moz-appearance: textfield;
    }

@media (hover: none) and (pointer: coarse) {
    .quantity .quantity-nav .quantity-button:hover::before {
        opacity: 0;
    }

    .cart-product-item .item-left .image-block a:hover img:hover {
        transform: scale(1);
    }
}

@media all and (max-width: 767px) { 
    .cart-pop {
        padding: 220px 15px 200px 15px;
        width: 100%;
        max-width: 375px;
    }
    
    .cart-product-items-block {
        --img-w: 35%!important;
    }

    .cart-product-item {
        padding: 15px;
    }

    .cart-product-item .item-right {
        padding-left: 10px;
    }

    .cart-product-item .cart-product-item-title {
        font-size: 14px;
    }

    .cart-product-item-sku {
        font-size: 12px;
    }

    .cart-product-item .cart-product-item-price {
        right: 15px;
    }
    
    .cart-bottom-block {
        width: 100%;
        margin-left: 0;
    }
    
    .cart-bottom-block .total-price-info {
        padding: 0 110px 0 0;
        margin-bottom: 20px!important;
    }
    
    .cart-bottom-block .bt-right,
    .cart-bottom-block .bt-left {
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px;
        text-align: center;
    }
    
    .cart-pop-wrapper .cart-bottom-block {
        padding: 20px 15px 0 15px;
        bottom: 220px;
    }
    
    .cart-pop-wrapper .cart-product-items-block {
        padding-bottom: 280px;
    }

    .quantity {
        width: 90px!important;
    }
}

@media all and (max-width: 374px) { 
    .cart-product-items-block {
        --img-w: 35%!important;
    }
}