/* PC CONFIG */
@media (min-width:980px){:root{
	--cart-size: 68px;
	--cart-size-hover: 76px;
	--cart-size-change-speed: 0.4s;
	--cart-margin-top: 120px;
	--cart-margin-right: 60px;
	--cart-border-size: 2px;
	--cart-border-color: #fff;
	
	--cart-child-back-color: #000;
	--cart-child-border-size: 1px;
	--cart-child-border-color: #353;
	--cart-child-shadow-color: rgb(144, 96, 72);
	
	--cart-count-size: 30px;
	--cart-count-top: 40px;
	--cart-count-left: 40px;
	--cart-count-back-color: #f00;
	--cart-count-border-size: 2px;
	--cart-count-border-color: #fee;
	--cart-count-text-size: 16px;
	--cart-count-text-weight: 400;
	
	--cart-svg-size: 0.50;
	--cart-svg-margin-top: 12px;
	--cart-svg-margin-left: 15px;
}}

/* MOBILE CONFIG */
@media (max-width:980px){:root{
	--cart-size: 62px;
	--cart-size-hover: 69px;
	--cart-size-change-speed: 0.4s;
	--cart-margin-top: 120px;
	--cart-margin-right: 10px;
	--cart-border-size: 2px;
	--cart-border-color: #fff;

	--cart-child-back-color: #000;
	--cart-child-border-size: 1px;
	--cart-child-border-color: #353;
	--cart-child-shadow-color: rgb(144, 96, 72);
	
	--cart-count-size: 27px;
	--cart-count-top: 36px;
	--cart-count-left: 36px;
	--cart-count-back-color: #f00;
	--cart-count-border-size: 2px;
	--cart-count-border-color: #fee;
	--cart-count-text-size: 15px;
	--cart-count-text-weight: 400;
	
	--cart-svg-size: 0.50;
	--cart-svg-margin-top: 11px;
	--cart-svg-margin-left: 13px;
}}

:root{
	--rd-cart-size: var(--cart-size);
	--rd-cart-size-hover: calc( var(--cart-size-hover) / var(--rd-cart-size) );
	--rd-cart-size-change-speed: var(--cart-size-change-speed);
	--rd-cart-margin-top: var(--cart-margin-top);
	--rd-cart-margin-right: var(--cart-margin-right);
	--rd-cart-border-size: var(--cart-border-size);
	--rd-cart-border-color: var(--cart-border-color);
	--rd-cart-border-radius: calc( var(--rd-cart-size) / 2 );
	
	--rd-cart-child-size: calc( var(--rd-cart-size) - var(--rd-cart-border-size) * 2 );
	--rd-cart-child-back-color: var(--cart-child-back-color);
	--rd-cart-child-border-size: var(--cart-child-border-size);
	--rd-cart-child-border-color: var(--cart-child-border-color);
	--rd-cart-child-shadow-color: var(--cart-child-shadow-color);
	--rd-cart-child-border-radius: calc( var(--rd-cart-child-size) /2 );
	
	--rd-cart-count-size: 30px;
	--rd-cart-count-top: var(--cart-count-top);
	--rd-cart-count-left: var(--cart-count-left);
	--rd-cart-count-back-color: #f00;
	--rd-cart-count-border-size: 2px;
	--rd-cart-count-border-color: #fee;
	--rd-cart-count-border-radius: calc( var(--rd-cart-count-size) / 2 );
	--rd-cart-count-text-size: 16px;
	--rd-cart-count-text-weight: 400;
	--rd-cart-count-line-height: calc( var(--rd-cart-count-size) - var(--rd-cart-count-border-size) * 2 );
	
	--rd-cart-svg-size: calc( var(--rd-cart-size) * var(--cart-svg-size) );
	--rd-cart-svg-margin-top: var(--cart-svg-margin-top);
	--rd-cart-svg-margin-left: var(--cart-svg-margin-left);
}

.topCartWidget {
	display: none;
	position: fixed;
	top: var(--rd-cart-margin-top);
	right: var(--rd-cart-margin-right);
	width: var(--rd-cart-size);
	height: var(--rd-cart-size);
	background-color: var(--rd-cart-border-color);
	border-radius: var(--rd-cart-border-radius);
	transition: transform var(--rd-cart-size-change-speed) ease-in-out;
	cursor: pointer;
	z-index: 7500001;
}
.topCartWidgetCircle2{
	float: left;
	margin: var(--rd-cart-border-size) 0 0 var(--rd-cart-border-size);
	width: var(--rd-cart-child-size);
	height: var(--rd-cart-child-size);
	background-color: var(--rd-cart-child-back-color);
	border: var(--rd-cart-child-border-size) solid var(--rd-cart-child-border-color);
	border-radius: var(--rd-cart-child-border-radius);
	box-shadow: 0 0 var(--rd-cart-child-border-size) var(--rd-cart-child-shadow-color);
	cursor: pointer;
	z-index: 7500001;
}
.topCartWidget:hover {
	transform: scale(var(--rd-cart-size-hover));
}

.cartSVG{
    stroke: #000;
    width: var(--rd-cart-svg-size);
    height: var(--rd-cart-svg-size);
    margin: var(--cart-svg-margin-top) 0 0 var(--cart-svg-margin-left);
    overflow-clip-margin: content-box;
    overflow: hidden;
}

.topCartWidgetCount{
	position: absolute;
    top: var(--rd-cart-count-top);
	left: var(--rd-cart-count-left);
	width: var(--rd-cart-count-size);
    height: var(--rd-cart-count-size);
	box-sizing: border-box;
	background-color: var(--rd-cart-count-back-color);
	border-radius: var(--rd-cart-count-border-radius);
	border: var(--rd-cart-count-border-size) solid var(--rd-cart-count-border-color);
	color: #eee;
	text-align: center;
	font-size: var(--rd-cart-count-text-size);
	line-height: var(--rd-cart-count-line-height);
	font-weight: var(--rd-cart-count-text-weight);
}