/* ============================== 
OVERIDES
============================== */

.minus {font-size: 15px !important;}
.plus {font-size: 15px !important;}


#header-cart{
	align-items:flex-start;
	background:white;
	display: flex;
	height:100vh;
	justify-content:space-between;
	max-width:480px;
	position: fixed;
	right:0;
	top:0;
	transform:translateX(200%);
	width:100%;
	/* z-index:10020; */
	/* Make open cart appear over the chat button */
	z-index:999999;

	-webkit-box-shadow: -22px 0px 68px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: -22px 0px 68px 0px rgba(0,0,0,0.49);
	box-shadow: -22px 0px 68px 0px rgba(0,0,0,0.49);

	transition:750ms transform;
}

#header-cart .cart-hot-area{
	display:none;
	height:100vh;
	position: fixed;
	right:0;
	top:0;
	transform:translateX(-480px);
	width:100vw;
}

#header-cart.show .cart-hot-area{
	display:block;
}

#header-cart .cart-content{
	align-items:center;
	display: flex;
	flex-direction: column;
	height:100%;
	margin:auto;
	width:100%;
}

#header-cart.show{
	transform:translateX(0%);
}

#header-cart .show{
	display:flex;
}


/* ============================== 
HEADER
============================== */
#header-cart .cart-header{
	align-items:center;
	border-bottom:1px solid #ececec;
	display: flex;
	font-family:'bebas-neue-pro-semiexpanded', sans-serif;
	letter-spacing:0.08em;
	font-weight: 600;
	text-transform:uppercase;
	justify-content:center;
	height:50px;
	width:100%;
}

#header-cart .cart-header h2{
	display:none;
	font-size:1.8em;
}

.language-de #header-cart .cart-header h2{
	font-size:1.25em;
}

#header-cart .cart-header h2.show{
	display:block;
}

#header-cart .cart-close{
	height:20px;
	position: absolute;
	right:15px;
	top:15px;
	width:20px;
}

#header-cart .cart-close:before,
#header-cart .cart-close:after{
	background:black;
	content:'';
	height:1px;
	position: absolute;
	top:50%;
	right:0;
	width:100%;
}

#header-cart .cart-close:before{
	transform:rotate(45deg);
}

#header-cart .cart-close:after{
	transform:rotate(-45deg);
}

/* ============================== 
BODY
============================== */
#header-cart .cart-body{
	flex-grow:1;
	margin-left:15px;
	max-height:calc(100vh - 134px);
	max-width:calc(100% - 15px);
	overflow-y:auto;
	width:100%;

	max-height:calc(100vh - 134px) !important;
}

#header-cart .cart-body ul{
	border:none;
	margin-bottom:150px;
	overflow-x: hidden;
}

#header-cart .cart-body ul li{
	align-items:center;
	margin:15px auto;
	opacity:0;
	transform:translateX(100%);
	transition:150ms opacity, 200ms transform;
}

#header-cart .cart-body ul li.show{
	display:flex !important;
	opacity: 1;
	transform:translateX(0%);
}

#header-cart .cart-body ul li .product-thumb{
	background:#e4e5e7;
	margin-right:10px;
	position: relative;
	width:25%;
}

#header-cart .cart-body ul li .product-thumb:before{
	background:#c3c5cd;
	border-radius:50%;
	content:'';
	height:100%;
	left:0;
	position: absolute;
	top:0;
	transform:scale(0);
	transition:500ms border-radius, 250ms transform;
	width:100%;
}

.no-touchevents #header-cart .cart-body ul li:hover .product-thumb:before,
.no-touch #header-cart .cart-body ul li:hover .product-thumb:before{
	border-radius:0%;
	transform:scale(1);
}

#header-cart .cart-body ul li .product-thumb img{
	transform:scale(0.85);
	width:100%;
}

#header-cart .cart-body ul li .product-info{
	font-weight:500;
	width:calc(75% - 10px);
}

#header-cart .cart-body ul li .product-info h2{
	font-size:1.2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}
	
#header-cart .cart-body ul li .product-info .promo{
	color:#128efe;
	-webkit-text-fill-color:#128efe;
	font-size:1em;
	font-weight:500;
	letter-spacing:0.05em;
	margin:0.5em 0 0.8em;
}

#header-cart .cart-body ul li .product-info .inventory-container{
	align-items:center;
	display: flex;
	justify-content:space-between;
}

#header-cart .cart-body ul li .product-info .quantity-container{
	display:inline-flex;
}

#header-cart .cart-body ul li .product-info .incrementor,
#header-cart .cart-body ul li .product-info .incrementor a:link,
#header-cart .cart-body ul li .product-info .incrementor a:visited{
	align-items:center;
	border:1px solid #e4e5e7;
	color:#9a9a9a;
	display:inline-flex;
	padding:4px 7px;
}

#header-cart .cart-body ul li .product-info .incrementor a:link,
#header-cart .cart-body ul li .product-info .incrementor a:visited{
	border:none;
	color:#9a9a9a;
	display:inline-flex;
	padding:0;
}

#header-cart .cart-body ul li .product-info .incrementor p{
	min-width:3em;
	text-align:center;
}

#header-cart .cart-body ul li .product-info .loading-container{
	display:none;
	margin-left:8px;
	margin-right:auto;
	width:40px;
}

#header-cart .cart-body ul li .product-info .loading-container.on{
	display:block;
}

#header-cart .cart-body ul li .product-info .loading-container img{
	width:100%;
}

#header-cart .cart-body ul li .product-info .item-price{
	display: inline-flex;
	position: relative;
}

#header-cart .cart-body ul li .product-info .item-original-price{
	color:#128efe;
	margin-right:1em;
	position: relative;
}
#header-cart .cart-body ul li .product-info .item-price.special .item-original-price:before{
	background:#128efe;
	content:'';
	height:1px;
	position: absolute;
	top:50%;
	transform:rotate(-5deg);
	width:100%;
}

#header-cart .cart-body ul li .product-info .item-special-price{
	color:#f77186;
}

#header-cart .cart-body ul li .product-info .remove-container{
	display: flex;
	margin-top:0.5em;
}

#header-cart .cart-body ul li .product-info .mini-cart-delete:link,
#header-cart .cart-body ul li .product-info .mini-cart-delete:active,
#header-cart .cart-body ul li .product-info .mini-cart-delete:visited{

	color:#676767;
	display:block;
	font-size:1em;
}

#header-cart .cart-body ul li .product-info .remove-container .message{
	color:#f77186;
	display:none;
	font-size:0.8em;
	margin-left:10px;
}

#header-cart .cart-body ul li .product-info .remove-container .message.on{
	display:block;
}

#header-cart .cart-body .load-icon{
	opacity:0;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	transition:none;
	width:25%;
}

#header-cart .cart-body .load-icon.show{
	opacity:1;
}

#header-cart .cart-body .load-icon svg{
	width:100%;
}


/* ============================== 
FOOTER
============================== */
#header-cart .cart-footer{
	align-items:flex-end;
	background:#fff;
	border-top:1px solid rgba(0,0,0,0.15);
	display: flex;
	flex-direction:column;
	justify-content:flex-end;
	margin-top:0;
	opacity:0;
	position: relative;
	transition:250ms opacity;
	width:100%;
}

#header-cart .cart-footer.showFlex{
	opacity:1;
}

#header-cart .cart-footer .cart-subtotal{
	align-items:center;
	display: flex;
	flex-direction:column;
	justify-content:center;
	margin-bottom:1em;
	margin-top:1em;
	width:100%;
}

#header-cart .cart-footer .cart-subtotal h2{
	display: flex;
	font-size:1.2em;
	justify-content:space-between;
	text-transform:uppercase;
	width:calc(100% - 30px);
}

#header-cart .cart-footer .cart-subtotal h2.small{
	font-size:0.9em;
	margin-top:0.4em;
}

#header-cart .cart-footer .cart-subtotal h2 span{
	display: block;
}

#header-cart .cart-footer .cart-subtotal h2 .subtotal-amt{
	display: inline;
}

#header-cart .cart-footer .cart-subtotal h2.small span{

}

#header-cart .cart-footer .cart-subtotal h2 .tax-text{
	padding-left:4px;
	text-align:right;
}

#header-cart .cart-footer .checkout-btn{
	background:black;
	color:white;
	font-family:'bebas-neue-pro-semiexpanded', sans-serif;
	font-size:1.4em;
	font-weight: 600;
	height:100%;
	letter-spacing:0.05em;
	padding:12px 0;
	text-align:center;
	width:100%;
}

#header-cart .cart-footer .shipping-note-text{
	color:#128efe;
	-webkit-text-fill-color:#128efe;
	text-align:center;
	width:calc(100% - 10px);
}

@media (max-width:768px){

	#header-cart{
		background:rgba(0,0,0,0.5);
		max-width:unset;
		width:100%;
	}

	#header-cart .cart-content{
		background:#ffffff;
		display:block;
		margin-right:0;
		position: relative;
		width:calc(100% - 50px);
	}

	#header-cart .cart-header{
		height:51px;
	}

	#header-cart .cart-footer{
		bottom:0;
		position: absolute;	
	}

	#header-cart .cart-footer .checkout-btn{
		font-size:1.2em;
		padding:10px 0 !important;
	}
}

@media (max-width:499px){
	#header-cart .cart-body{
		max-height:calc(100vh - 315px);
	}

	#header-cart .cart-footer .cart-subtotal h2.small{
		font-size:0.7;
	}

	#header-cart .cart-footer .checkout-btn{
		padding:20px 0 96px;
	}

	#header-cart .cart-footer .checkout-btn p{
		font-size:1.6em;
	}
}

.minicart-bundle-container .product-info .warrantyDisplay a {
	color: #000;
}

.crs-gamer-sensei-dropdown {
	background: none;
	border: none;
}

button:focus {
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}