.products-cat-tree .items > .item > .inr {	
        position: relative;
        padding: 10px;
    }	

    .products-cat-tree .items > .item > .inr > .img {	
        width: 100%;
        height: 160px;
        object-fit: cover;
        display: block;
    }	

    .products-cat-tree .items > .item > .inr > .background {	
        width: 100%;
        height: 80px;        
    }	

    .products-cat-tree .items > .item > .inr > .title {	
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 20px;
        font-size: 26px;
        line-height: 1;
        background: rgba(255, 255, 255, 0.78);
        color: #000;
    }	

    .products-cat-tree .items > .item.area-2 > .inr > .title {	       
        font-size: 19px;     
    }	

    .products-cat-tree .items > .item > .inr > .title .description {		
        padding: 10px 0 0 0;
        font-size: 15px;		
        color: #000;
    }

    .products-cat-tree .items > .item > .childs {	        
        overflow: hidden;
        height: 0;          
    }	

    .products-cat-tree > .items > .item > .childs {	  
        padding: 0 0 0 20px;
    }	

    .products-cat-tree .items > .item.area-1 > .childs {	  
        padding: 0 0 0 10px;
    }	

    .product-items {	
        padding: 0 10px;  
        display: flex;
        flex-wrap: wrap;     
    }

	.product-item {	
		padding: 10px 0;
        flex: 100% 0 0;
	}

	.product-item > .inr {	
		border: 1px solid #ddd;
		padding: 10px;
		position: relative;
		background: #f2f2f2;
	}
	
	.product-item.has-img > .inr {	
		padding-left: 200px;
		min-height: 160px;
	}

	.product-item > .inr > .img {
		position: absolute;
		top: 0;
		left: 0;	
		height: 100%;
		width: 180px;
	}
	
	.product-item > .inr > .img > img {	
		display: block;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.product-item > .inr > .title {	
		font-size: 16px;
		font-weight: 600;
		display: flex;
		align-items: center;
	}

	.product-item > .inr > .title > .info-exp {	
		color: var(--sub-color);
		border: 1px solid var(--sub-color);
		border-radius: 50px;
		width: 20px;
		height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: bold;
		padding: 0 1px 0 0;
		line-height: 14px;
		margin: 0 0 0 10px;
		cursor: pointer;
	}

	.product-item > .inr > .description {	
		font-size: 13px;	
        padding: 0 50px 0 0;	
	}

	.product-item > .inr > .extras {	
		padding: 5px 0 0 0;
		font-size: 13px;
		color: #777;
	}

	.product-item > .inr > .price {	
		font-size: 16px;
		font-weight: 600;
		color: var(--sub-color);
		padding: 5px 0 0 0;
	}

	.product-item .sub-products-required {	
        display: flex;
        flex-wrap: wrap;
        color: #666;
        font-size: 12px;
        font-weight: normal;
	}

    .product-item .sub-products-required > .title {	
        padding: 0 5px 0 0;
	}

	.product-item .sub-products-required > .sub-products-required-items {	
        display: flex;
        flex-wrap: wrap;
        margin: -5px;            
	}

	.product-item .sub-products-required > .sub-products-required-items > .sub-products-required-item {	
        display: flex;
        flex-wrap: wrap; 
        padding: 5px;    
	}

    .product-item .sub-products-required > .sub-products-required-items > .sub-products-required-item > .price {	
        padding: 0 5px 0 0;
	}
    
	.product-item > .inr > .cart-add {	
        position: absolute;
        right: 10px;
        top: 50%;
        margin: -20px 0 0 0;
        background: var(--sub-color);
        width: 41px;
        height: 41px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100px;
		cursor: pointer;
		box-shadow: 0px 0px 10px -2px #666;
	}

	.product-item > .inr > .cart-add::before {
		content: "+";
		display: block;
		color: #fff;
		font-size: 30px;
	}	

	/* cart */  

    .cart-add-form > .inr .customize-type-20 > .items.media-show {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    .cart-add-form > .inr .customize-type-20 > .items.media-show > .item {
        flex: 140px 0 0;
    }

    .cart-add-form > .inr .customize-type-20 > .items.media-show > .item > .inr {
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .cart-add-form > .inr .customize-type-20 > .items.media-show > .item > .inr > .img {
        border-radius: var(--border-radius);           
        background: #fff;           
        width: 60px;
        height: 60px;
        position: relative;
        border: 1px solid #ddd;
    }

    .cart-add-form > .inr .customize-type-20 > .items.media-show > .item > .inr > .img > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        position: relative;
        z-index: 999;
        border-radius: var(--border-radius);
    }

    .cart-add-form > .inr .customize-type-20 > .items.media-show > .item > .inr > .text {
        flex: 100% 0 0;
        font-size: 14px;
        padding: 5px 0 0 0;
        text-align: center;
    }     

    .cart-add-form > .inr .customize-type-20 > .items.media-show > .item > .inr > .text > .price {
        display: block;
        color: var(--sub-color);
    }     

    .cart-add-form > .inr .customize-type-20 > .items.media-show > .item.active > .inr > .img::before { 
        box-sizing: border-box;
        position: absolute;
        bottom: -10px;
        right: -10px;
        content: "\f00c";
        font-family: FontAwesome;
        display: block;
        color: var(--sub-color);
        font-size: 24px;
        line-height: 20px;
        z-index: 9999;
        padding: 5px 0 0 5px;
        border: 1px solid #ddd;
        background: #fff;
        border-radius: 200px;
        width: 32px;
        height: 32px;
    }