.container--ajax-cart.off-canvas .ajax--cart.inner {	
	background: #000;
}

.ajax--cart.inner .close-cart-link {
	color: #FFF;
}

/* ARTICLE LIST */

.ajax--cart.inner .article-list {
	overflow-y: scroll;
	max-height: 75vh;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.ajax--cart.inner .article-list::-webkit-scrollbar {
  display: none;
}

.ajax--cart.inner .article {
	width: 80%;
	padding-bottom: 80%;
	position: relative;
	left: -20%;
	text-align: center;
	margin-bottom: 5%;
}

.ajax--cart.inner .article .article-img {
	margin-top: 5%;
	height: 45%;
	width: 80%;
}

.ajax--cart.inner .article .article-img img {
	height: 100%;
	max-width: 100%;
}

.ajax--cart.inner .article:nth-child(odd) .article-img,
.ajax--cart.inner .article:nth-child(odd) .article-add,
.ajax--cart.inner .article:nth-child(odd) .kanchaveli-var-inner,
.ajax--cart.inner .article:nth-child(odd) form {
	margin-left: 20%;
}

.ajax--cart.inner .article:nth-child(even) .article-img,
.ajax--cart.inner .article:nth-child(even) .article-add,
.ajax--cart.inner .article:nth-child(even) .kanchaveli-var-inner,
.ajax--cart.inner .article:nth-child(even) form {
	margin-right: 15%;
}

.ajax--cart.inner .article:nth-child(even) {
	left: 35%;
}

.ajax--cart.inner .article-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	background: #FFF;
	left: 0;
	top:0;
	overflow: hidden;
}

.article-inner .article-add,
.article-inner .kanchaveli-var-inner,
.article-inner form {
	position: relative;
	background: #FFF;
	user-select: none;
}

.ajax--cart.inner .article-inner .submit {
	cursor: pointer;
	color: #FF5555;
}

.ajax--cart.inner .article-inner .article-add a:hover {
	color: #232323;
}

.ajax--cart.inner .article-inner .submit:hover {
	color: #FF2222;
}

/* VAR SELECT */

.kanchaveli-var-inner {
	color: #000000;
	font-size: 1;
	font-weight: 700;
	text-align: center;
}

.kanchaveli-var-inner .inc {
	float: right;
	margin-right: 2rem;
}

.kanchaveli-var-inner .dec {
	float: left;
	margin-left: 2rem;
}

.kanchaveli-var-inner.wrapper::after {
	clear: both;
	display: table;
	content: "";
}

.kanchaveli-var-inner .display {
	display: none;
}

.kanchaveli-var-inner .display.active {
	display: inline-block;
}

.kanchaveli-var-inner .inc,
.kanchaveli-var-inner .dec {
	
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

.kanchaveli-var-inner .inc:hover,
.kanchaveli-var-inner .dec:hover {
	
	color: #FFAAAA;
}

.kanchaveli-var .inc {				
	width: 50px;
	height: 120px;
}

.kanchaveli-var .dec {
	width: 100%;
	height: 50px;
}

.kanchaveli-var-inner span {
	user-select: none;
}

/* BACK TO CHECKOUT + BASKET COUNT */ 

.ajax--cart.inner .cart-info-container {
	bottom: 0px;
	position: absolute;
	width: 100%;
	overflow: hidden;
}

.cart-info {
	width: 80%;
	padding-bottom: 80%;
	border-radius: 50%;
	background: #FFF;
	position: relative;
	margin-left: 30%;
	margin-bottom: -30%;
}

.cart-info-inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
}

.cart-count {
	width: 20%;
	padding-bottom: 20%;
	border-radius: 50%;
	background: #000;
	position: relative;
	margin-left: 40%;
	margin-top: 20%;
	margin-bottom: 5%;
}

.cart-count-inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	font-size: 25px;
	line-height: 70px;
	color: #FFF;
}

.cart-count-inner i {
	margin-top: 30%;
}

.back-to-cart {
	font-size: 20px;
	user-select: none;
	cursor: pointer;
}

/* BIGGER CART FOR DESKTOP SCREENS */
@media screen and (min-width: 900px) {
	
	.container--ajax-cart.off-canvas.inner {
		width: 650px;
	}
	
	.cart-info {
		width: 65%;
		padding-bottom: 65%;
		margin-left: -10%;
		margin-bottom: -25%;
	}
	
	.ajax--cart.inner .article {
		width: 65%;
		padding-bottom: 65%;
		left: -10%;
	}

	.ajax--cart.inner .article .article-img {
		margin-top: 5%;
		height: 45%;
		width: 80%;
	}

	.ajax--cart.inner .article .article-img img {
		height: 100%;
		max-width: 100%;
	}

	.ajax--cart.inner .article:nth-child(odd) .article-img {
		margin-top: 5%;
	}

	.ajax--cart.inner .article:nth-child(odd) .article-img,
	.ajax--cart.inner .article:nth-child(odd) .article-add,
	.ajax--cart.inner .article:nth-child(odd) .kanchaveli-var-inner,
	.ajax--cart.inner .article:nth-child(odd) form {
		margin-left: 20%;
	}

	.ajax--cart.inner .article:nth-child(even) .article-img {
		margin-left: 5%;
		margin-right: 0;
	}
	
	.ajax--cart.inner .article:nth-child(even) .article-add,
	.ajax--cart.inner .article:nth-child(even) .kanchaveli-var-inner,
	.ajax--cart.inner .article:nth-child(even) form {
		margin-right: 10%;
	}

	.ajax--cart.inner .article:nth-child(even) {
		width: 60%;
		padding-bottom: 60%;
		left: 50%;
		margin-top: -20%;
	}
}