/* Price per gram, printed above the bag price on cards and the product page. */

.mk-unit-price {
	display: flex;
	align-items: center;
	width: fit-content;
	max-width: 100%;
	margin: 0 0 0.4rem;
	padding: 0.2rem 0.55rem;
	border: 1px solid #c6c6c6;
	border-radius: 999px;
	background: transparent;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: inherit;
	opacity: 1;
}

.mk-unit-price .woocommerce-Price-amount,
.mk-unit-price .mk-unit-price__unit {
	font-weight: 600;
}

.mk-classic-price .mk-unit-price,
.mk-pdp-summary .price .mk-unit-price {
	font-size: 13px;
	margin-bottom: 0.15rem;
}

/* The pill is a fit-content box, so the card's centered text leaves it on the left. */
.mk-collection-card .mk-product-card__price .price {
	display: block;
}

.mk-collection-card .mk-product-card__price .mk-unit-price {
	margin-left: auto;
	margin-right: auto;
}

/* The heading already shows the chosen pouch, so the second price under the picker stays hidden. */
.mk-pdp-summary.mk-unit-price-live .woocommerce-variation-price {
	display: none;
}