@charset "utf-8";.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
	background-color: #000000;
	color: #ffffff;
	border: 2px solid #ffffff;
	padding: 10px 20px;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn:hover {
	background-color: #ffffff;
	color: #000000;
	border: 2px solid #000000;
}

 

.xoo-wsc-footer{
	background-color: #ffffff;
	color: #000000;
	padding: 10px 20px;
	box-shadow: 0 -5px 10px #0000001a;
}

.xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount{
	font-size: 18px;
}

.xoo-wsc-btn .amount{
	color: #ffffff}

.xoo-wsc-btn:hover .amount{
	color: #000000;
}

.xoo-wsc-ft-buttons-cont{
	grid-template-columns: auto;
}

.xoo-wsc-basket{
	top: 12px;
	right: 1px;
	background-color: #3a3a3a;
	color: #ffffff;
	box-shadow: 0px 0px 15px 2px #0000001a;
	border-radius: 50%;
	display: none;
	width: 60px;
	height: 60px;
}


@media only screen and (max-width: 600px) {
	.xoo-wsc-basket, .xoo-wsc-basket[style*='block']  {
		display: none!important;
	}
}


.xoo-wsc-bki{
	font-size: 30px}

.xoo-wsc-items-count{
	top: -9px;
	left: -8px;
}

.xoo-wsc-items-count, .xoo-wsch-items-count{
	background-color: #ffffff;
	color: #ffffff;
}

.xoo-wsc-container, .xoo-wsc-slider{
	max-width: 400px;
	right: -400px;
	top: 0;bottom: 0;
	top: 0;
	font-family: }


.xoo-wsc-cart-active .xoo-wsc-container, .xoo-wsc-slider-active .xoo-wsc-slider{
	right: 0;
}


.xoo-wsc-cart-active .xoo-wsc-basket{
	right: 400px;
}

.xoo-wsc-slider{
	right: -400px;
}

span.xoo-wsch-close {
    font-size: 16px;
}

	.xoo-wsch-top{
		justify-content: center;
	}
	span.xoo-wsch-close {
	    right: 10px;
	}

.xoo-wsch-text{
	font-size: 20px;
}

.xoo-wsc-header{
	color: #000000;
	background-color: #ffffff;
	border-bottom: 2px solid #eee;
	padding: 15px 15px;
}


.xoo-wsc-body{
	background-color: #f8f9fa;
}

.xoo-wsc-products:not(.xoo-wsc-pattern-card), .xoo-wsc-products:not(.xoo-wsc-pattern-card) span.amount, .xoo-wsc-products:not(.xoo-wsc-pattern-card) a{
	font-size: 16px;
	color: #000000;
}

.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product{
	padding: 10px 15px;
	margin: 10px 15px;
	border-radius: 5px;
	box-shadow: 0 2px 2px #00000005;
	background-color: #ffffff;
}

.xoo-wsc-sum-col{
	justify-content: center;
}


/** Shortcode **/
.xoo-wsc-sc-count{
	background-color: #48a2e0;
	color: #ffffff;
}

.xoo-wsc-sc-bki{
	font-size: 28px;
	color: #000000;
}
.xoo-wsc-sc-cont{
	color: #ffffff;
}


.xoo-wsc-product dl.variation {
	display: block;
}


.xoo-wsc-product-cont{
	padding: 10px 10px;
}

.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col{
	width: 28%;
}

.xoo-wsc-pattern-card .xoo-wsc-img-col img{
	max-width: 100%;
	height: auto;
}

.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-sum-col{
	width: 72%;
}

.xoo-wsc-pattern-card .xoo-wsc-product-cont{
	width: 50% 
}

@media only screen and (max-width: 600px) {
	.xoo-wsc-pattern-card .xoo-wsc-product-cont  {
		width: 50%;
	}
}


.xoo-wsc-pattern-card .xoo-wsc-product{
	border: 0;
	box-shadow: 0px 10px 15px -12px #0000001a;
}


.xoo-wsc-sm-front{
	background-color: #eee;
}
.xoo-wsc-pattern-card, .xoo-wsc-sm-front{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.xoo-wsc-pattern-card, .xoo-wsc-img-col img, .xoo-wsc-img-col, .xoo-wsc-sm-back-cont{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.xoo-wsc-sm-back{
	background-color: #fff;
}
.xoo-wsc-pattern-card, .xoo-wsc-pattern-card a, .xoo-wsc-pattern-card .amount{
	font-size: 16px;
}

.xoo-wsc-sm-front, .xoo-wsc-sm-front a, .xoo-wsc-sm-front .amount{
	color: #000;
}

.xoo-wsc-sm-back, .xoo-wsc-sm-back a, .xoo-wsc-sm-back .amount{
	color: #000;
}


.magictime {
    animation-duration: 0.5s;
}



span.xoo-wsch-items-count{
	height: 20px;
	line-height: 20px;
	width: 20px;
}

span.xoo-wsch-icon{
	font-size: 30px
}

.xoo-wsc-smr-del{
	font-size: 16px
}
