.product-item {
	& {
		padding: $spacing/2;
	}
}
.product-actions {
	& {
		padding: $spacing/4 0;
		text-align: right;
		position: relative;
		max-height: 55px;
		margin-bottom: 0;
	}
	.fa-eye {
		position: absolute;
		left: 0;
	}
	.button {
		padding: $spacing/2 !important;
	}
}

.product-badge {
	& {
		position: absolute;
		right: -30px;
		top: 16px;
		color: $color-ok;
		background: lighten($color-ok, 35%);
		padding: $spacing/2;
		width: 126px;
		text-align: center;
		font-weight: bold;
		transform: rotate(45deg);
	}
}

.product-pricing {
	& {
		display: inline-block;
		position: relative;
		margin:-2px $spacing/4 0 0;
		padding:$spacing/4 $spacing/2 $spacing/4 $spacing/2;
		background: lighten($color-warning, 20%);
		color: $color-foreground;
		text-decoration:none;
		text-align: right;
		vertical-align: middle;
		font-weight: bold;
		color: $color-foreground;
		border-radius: 0 2px 2px 0;
		transform: rotate(-5deg);
	}
	&:before {
		content:"";
		float:left;
		position:absolute;
		top:0;
		right:-$spacing*.57;
		width:0;
		height:0;
		border-color:transparent transparent transparent lighten($color-warning, 20%);
		border-style:solid;
		border-width: $spacing*.6  0 $spacing*.6 $spacing*.6;
	}
	&:after {
		content:"";
		position:absolute;
		top:$spacing*.5;
		right:0;
		float:right;
		width:$spacing/4;
		height:$spacing/4;
		border-radius: $spacing/4;
		background: $color-body;
		box-shadow:-1px -1px 2px rgba($color-foreground, .2);
	}
	span {
		display: inline-block;
		padding: $spacing/4.5;
	}
}

.product-pricing-before {
	& {
		text-decoration: line-through;
		color: $color-ko;
		opacity: .8;
		position: absolute;
		margin-left: -65px;
		margin-top:0;
		background-color: lighten($color-ko, 35%);

	}
	&:before {
		border-color:transparent transparent transparent lighten($color-ko, 35%);
	}
}
.product-pricing-now {
	& {
		font-weight: bold;
		color: $color-ok;
		background-color: lighten($color-ok, 35%);
		font-size: $font-size-l;
		padding:$spacing/6 $spacing/2 $spacing/6 $spacing/2;
	}
	&:before {
		border-color:transparent transparent transparent lighten($color-ok, 35%);
	}

}
