body:not(.state-price, .state-discount, .state-move) .stylePricingBox {
	padding: 0; margin: 0;
}
.stylePricingBox {
	opacity: 0; max-height: 0;
	transform: translateX(-20px);
	/* should do some tweeking for the below */
	transition:
	opacity var(--baseAnimationLength),
	max-height var(--baseAnimationLength) cubic-bezier(1,0,0,1),
	padding var(--baseAnimationLength),
	margin var(--baseAnimationLength),
	transform var(--baseAnimationLength);
	overflow: hidden;

	font-size: 0.8em;
	line-height: 1;
	font-weight: 400;
}
body.state-price .stylePricingBox,
body.state-discount .stylePricingBox,
body.state-move .stylePricingBox {
	opacity: 1; max-height: 50vh;
	transform: translateX(0px);
}

body.state-discount .stylePricingBox .styleStrikeDependant,
body.state-move .stylePricingBox .styleStrikeDependant {
	text-decoration: line-through var(--textBColor) solid 3px;
}

.styleStartPrice { font-size: 1.5em; font-weight: 600; }
.stylePhoneNumber { font-size: 1.5em; }