/* --------------------------------------------------------------------------
 * GRZ Gaming — product information flow corrections (v2.0.7).
 *
 * The product restriction note now occupies a deliberate row beneath the
 * rating/order metadata. Collapsing the About card also changes the card's
 * actual block size instead of leaving it stretched to the related-products
 * column.
 * ----------------------------------------------------------------------- */

body.single-product.grz-product-design .grz-tp-hero__notice-row {
	display: block;
	width: min(100%, 760px);
	margin-top: 10px;
	color: rgba(244, 248, 255, .76);
	font-size: 12px;
	line-height: 1.48;
}

body.single-product.grz-product-design .grz-tp-hero__notice-row .grz-tp-hero__note {
	display: block;
	min-width: 0;
}

/* The right editorial list can be taller than the About copy. The About
 * details element must size to its own content so its closed state is a real
 * compact header, not a full-height empty card. */
body.single-product.grz-product-design .grz-tp-info {
	align-items: start;
}

body.single-product.grz-product-design .grz-tp-about,
body.single-product.grz-product-design .grz-tp-about:not([open]) {
	align-self: start;
	height: auto;
	min-height: 0;
}

body.single-product.grz-product-design .grz-tp-related {
	align-self: start;
	height: auto;
	min-height: 0;
}

body.single-product.grz-product-design .grz-tp-about:not([open]) > .grz-tp-about__panel {
	display: none;
}

@media (max-width: 620px) {
	body.single-product.grz-product-design .grz-tp-hero__notice-row {
		margin-top: 8px;
		padding-inline-end: 42px;
		font-size: 11px;
		line-height: 1.4;
	}
}