/*------------------------------------
  Basket Bar
------------------------------------*/

/* Container */
.u-basket {
	position: relative;
	z-index: 1;
}

/* Bar */
.u-basket__bar {
	position: absolute;
	right: 0;
	top: 100%;
	text-align: left;
	@include px-to-rem(width, 300px);
	background-color: $g-color-white;
	box-shadow: 0 5px 5px 0px rgba(90,90,90, .075);
}

/* Product */
.u-basket__product {
	position: relative;
	z-index: 1;
	overflow: hidden;
	@include px-to-rem(padding, 10px);
	border-bottom: solid 1px $g-color-gray-light-v4;
}

/* Product Image */
.u-basket__product-img {
	@include px-to-rem(width, 100px);

	img {
		width: 100%;
	}
}

/* Product Remove Button */
.u-basket__product-remove {
	@include absolute(top 20px right 20px);
	padding: 0;
	margin: 0;
	@include px-to-rem(font-size, 21px);
	font-family: inherit;
	font-weight: 700;
	color: $g-color-black;
	border: none;
	background-color: transparent;
	cursor: pointer;
	opacity: .2;

	&:hover,
	&:focus {
		opacity: 1;
	}
}