/* --------------------------------------------------------------------------
 * GRZ Gaming — quantity-card cascade repair (v1.9.9)
 *
 * The separate Quantity card introduced after the legacy receipt layout must
 * opt its label back into normal flow. The legacy layer intentionally hid the
 * compact label while it lived inside Order summary. This final, tightly
 * scoped layer restores that label only in the new standalone card and keeps
 * native number-input steppers out of the custom minus/value/plus control.
 * ----------------------------------------------------------------------- */

body.single-product.grz-product-design .grz-tp-rail .grz-tp-card--quantity .grz-tp-qty__compact-copy {
	position: static;
	display: flex;
	width: auto;
	height: auto;
	min-width: 0;
	overflow: visible;
	clip: auto;
	clip-path: none;
	opacity: 1;
	visibility: visible;
}

body.single-product.grz-product-design .grz-tp-rail .grz-tp-card--quantity .grz-tp-qty__compact-label {
	position: static;
	display: block !important;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
	clip-path: none;
	color: var(--grz-rail-ink, #10203a);
	line-height: 1.25;
	opacity: 1;
	visibility: visible;
	white-space: normal;
}

body.single-product.grz-product-design .grz-tp-rail .grz-tp-card--quantity .grz-tp-qty__compact-copy small {
	display: block;
	margin: 0;
	color: var(--grz-rail-muted, #65748c);
	line-height: 1.25;
}

body.single-product.grz-product-design .grz-tp-rail .grz-tp-card--quantity .quantity input.qty,
body.single-product.grz-product-design .grz-tp-rail .grz-tp-card--quantity .quantity input[type="number"] {
	width: 100%;
	min-width: 0;
	max-width: none;
	margin: 0;
	padding: 0;
	-moz-appearance: textfield !important;
	-webkit-appearance: none !important;
	appearance: textfield !important;
	font-variant-numeric: tabular-nums;
}

body.single-product.grz-product-design .grz-tp-rail .grz-tp-card--quantity .quantity input.qty::-webkit-inner-spin-button,
body.single-product.grz-product-design .grz-tp-rail .grz-tp-card--quantity .quantity input.qty::-webkit-outer-spin-button,
body.single-product.grz-product-design .grz-tp-rail .grz-tp-card--quantity .quantity input[type="number"]::-webkit-inner-spin-button,
body.single-product.grz-product-design .grz-tp-rail .grz-tp-card--quantity .quantity input[type="number"]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none !important;
	appearance: none !important;
}
