/* --------------------------------------------------------------------------
 * GRZ Gaming — compact mobile variation control restoration (v1.8.8)
 *
 * Desktop keeps the approved package grid. On mobile the existing product JS
 * moves those same live variation controls into its bottom sheet and leaves a
 * single compact trigger in normal flow, as in the source theme.
 * ----------------------------------------------------------------------- */

@media (max-width: 760px) {
	body.single-product .grz-tp-card--package:has(.grz-tp-denom-trigger) {
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	body.single-product .grz-tp-card--package:has(.grz-tp-denom-trigger) .grz-tp-card__head {
		display: none;
	}

	body.single-product .grz-tp-card--package:has(.grz-tp-denom-trigger) .grz-tp-card__body--packages {
		padding: 0;
	}

	body.single-product .grz-tp-card--package:has(.grz-tp-denom-trigger) .grz-tp-pills {
		display: none !important;
	}

	body.single-product .grz-tp-denom-trigger {
		display: flex !important;
		min-height: 54px;
		margin: 0;
		border-color: rgba(var(--grz-atmo-deep-rgb, 11, 28, 53), .18);
		background: rgba(255, 255, 255, .94);
		box-shadow: 0 10px 28px rgba(var(--grz-atmo-deep-rgb, 11, 28, 53), .09);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}
}

@media (forced-colors: active) and (max-width: 760px) {
	body.single-product .grz-tp-denom-trigger {
		border: 1px solid CanvasText;
		background: Canvas;
		color: CanvasText;
	}
}