.side-cart-wrapper{
	width:30vw;
	position:fixed;
	right:0;
	z-index:999;
	top:0;
	padding:50px 20px 0px 20px;
	height:100dvh;
	overflow-y:scroll;
	background: #fff;
	transform:translateX(100%);
	transition: all 0.2s linear;
	opacity:0;
	box-shadow: 3px 1px 40px 3px rgba(0,0,0,0.24);
	-webkit-box-shadow: 3px 1px 40px 3px rgba(0,0,0,0.24);
	-moz-box-shadow: 3px 1px 40px 3px rgba(0,0,0,0.24);
}
.pseudo-background{
	position:absolute;
	height:100dvh;
	width: 70vw;
	left:0;
	top:0;
	transform: translateX(-100%);
	z-index:999;
	background-color:rgba(0,0,0,0.2);
	opacity:0;
	pointer-events:none;
	transition:all 0.2s linear;
}
.remove-item{
	text-decoration: none;
	background:transparent;
	font-size:18px;
	color:var(--color5);
}
.remove-item:hover, .remove-item:focus{
	text-decoration:none;
}
.cross-wrapper{
	padding-bottom:50px;
}
.pseudo-background.active{
	pointer-events:all;
	opacity:1;
}
.side-cart-wrapper.active{
	opacity:1;
	transform:translateX(0%);
}
.side-cart-head{}
.side-cart-head h3{
	color: var(--color5);
	font-size: 24px;
	font-weight: 500;
}
.side-cart-head button{
	background:transparent;
	color:var(--color5);
}
.side-cart-head button:hover{
	opacity:0.6;
}

.side-cart-progress .progress-bar{
	width:100%;
	height:8px;
	background:var(--color6);
	border-radius:999px;
}
.side-cart-progress span{
	text-align:center;
	color: var(--color5);
	font-size: 19px;
	font-weight: 400;
}
.side-cart-progress strong{
	color: var(--color6);
	font-size: 19px;
	font-weight: 500;
}
.side-cart-products{
	border-top: 1px solid #d9d9d9;
}
.side-cart-product{
	border-bottom: 1px solid #d9d9d9;
	padding:10px 10px;
}
.side-cart-product:last-child{
	border-top: 0px;
}
.side-product-content{
	width:100%;
}
.side-product-content h4{
	color: var(--color5);
	font-size: 18px;
	font-weight: 400;
		  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
}
.side-product-price{
	color: var(--color1);
	font-size: 20px;
	font-weight: 800;
}
.side-product-qty{
	width:70px !important;
	height:35px;
	border-radius:6px !important;
}
.side-product-image img{
	border-radius:8px;
	width:150px;
}
.side-cart-footer{
	border-top: 1px solid #d9d9d9;
}
.side-total span, .side-total bdi{
	color: var(--BR-Ocean-Blue, #024268);
	font-size: 18px;
	font-weight: 600 !important;
}
.side-total .number{
	font-size: 22px;
}
.side-total .number bdi, .side-total .number .woocommerce-Price-currencySymbol{
	font-size: 22px;
}
.side-checkout-button{
	background:var(--color6);
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	height:55px;
	width:100%;
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
}
.side-checkout-button:hover{
	opacity:0.8;
}
#side-cart-products-wrapper{
	height: 300px;
    overflow-y: scroll;
    position: relative;
}
#side-cart-products-wrapper p{
	font-size:20px;
}

#cross-products{
	padding:5px 2px;
}
#cross-products .splide__pagination{
	display:flex !important;
	bottom: -1.5em !important;
}
#cross-products .splide__pagination__page.is-active{
	background:var(--color6) !important;
}
#cross-products .cross-product{
	padding:20px 25px;
	border:1px solid #D9D9D9;
}
.cross-heading{
	color: var(--color5);
	font-size: 20px;
	font-weight: 500;
}
#cross-products .cross-product .cross-product-image{
	width:150px;
}
#cross-products .cross-product-content h5{
	color: var(--BR-Ocean-Blue, #024268);
	font-size: 18px;
	font-weight: 400;
	  display: -webkit-box;
	  -webkit-line-clamp: 1;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
}
#cross-products .cross-product .cross-product-image img{
	width:100%;
	height:100%;
	object-fit:contain;
}
#cross-products .cross-product-content{
	width:300px;
}
#cross-products .cross-product-add-to-cart{
	color:var(--color4);
	padding:10px 20px;
	background: var(--color6);
	font-size:14px;
	border-radius:6px;
	text-wrap:nowrap;
}
#cross-products .cross-product-add-to-cart:hover{
	opacity:0.8;
}
#cross-products .cross-product-add-to-cart:hover, #cross-products .cross-product-add-to-cart:focus{
	text-decoration:none;
}
#cross-products .cross-price-custom ins,#cross-products .cross-price-custom ins bdi{
	color: var(--color5);
	font-size: 18px;
	font-weight: 600;
		text-decoration: none !important;
	text-decoration-line: none !important;
}
#cross-products .woocommerce-Price-amount > bdi{
		color: var(--color5);
	font-size: 18px;
	font-weight: 400;
		text-decoration: none !important;
	text-decoration-line: none !important;
}
#cross-products .cross-price-custom del,#cross-products .cross-price-custom del bdi{
	color: var(--color5);
	font-size: 12px;
	font-weight: 600;
	text-decoration-line: line-through;
}
#cross-products .splide__arrow--prev:hover, #cross-products .splide__arrow--next:hover{
	opacity:0.6;
}
#cross-products .splide__arrow--prev{
	transform:translate(0,0);
	background:#f8f7f2 !important;
	width:30px;
	height:30px;
	opacity:0.8;
}
#cross-products .splide__arrow--next{
	transform:translate(0,0);
	background:#f8f7f2 !important;
	width:30px;
	height:30px;
	opacity:0.8;
}

@media screen and (max-width:1140px){
	.side-cart-wrapper{
	width:50vw;
	}
}
@media screen and (max-width:920px){
	.side-cart-wrapper{
	width:70vw;
	}
		#side-cart-products-wrapper{
		height:250px;
	}
	#cross-products .cross-product .cross-product-image{
	width:100px;
	}
	.side-product-image img{
		width:100px;
	}
	.side-checkout-button{
		height:40px;
		font-size:16px;
	}
}
@media screen and (max-width:767px){
	.side-cart-wrapper{
	width:90vw;
	}
	#side-cart-products-wrapper{
		height:200px;
	}
	#cross-products .cross-product{
	padding:10px 15px;
	border:1px solid #D9D9D9;
}
	#cross-products .cross-product-add-to-cart{
		padding:5px 15px;
		font-size:12px;
	}
	#cross-products .cross-price-custom ins, #cross-products .cross-price-custom ins bdi{
		font-size:16px;
	}
	#cross-products .cross-product-content h5{
		font-size: 14px;
		text-align:center;
	}
	#cross-products .cross-price-wrapper{
		text-align:center;
	}
	.side-product-content h4{
		font-size: 14px;
	}
	.side-product-price{
		font-size: 16px;
	}
	.side-cart-wrapper input[type="number"]{
		font-size: 13px;
		padding: 0px 10px;
	}
	.side-product-qty{
		height: 26px;
		width: 50px !important;
	}
	#cross-products .cross-product-content{
		width:100%;
	}
}