/* =========================================================================
   Slide-in ritueelpaneel + scrim — klasse-gestuurd, animeerbaar.
   Bouwt voort op .ritual-glass uit kompas.css (positie/achtergrond).
   ========================================================================= */

.rg-scrim {
	position: fixed;
	inset: 0;
	z-index: 180;
	background: rgba(15, 12, 28, .55);
	backdrop-filter: blur(3px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .42s ease, visibility 0s linear .42s;
}
.rg-scrim.open {
	opacity: 1;
	visibility: visible;
	transition: opacity .42s ease;
}

.ritual-glass {
	transform: translateX(100%);
	visibility: hidden;
	transition: transform .42s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .42s;
	will-change: transform;
}
.ritual-glass.open {
	transform: translateX(0);
	visibility: visible;
	transition: transform .42s cubic-bezier(.2, .8, .2, 1);
}

body.panel-open {
	overflow: hidden;
}

/* In het paneel is de "toevoegen"-actie in fase 3 een link naar het product. */
.rg-prod .rp-add {
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	.ritual-glass,
	.rg-scrim {
		transition: none;
	}
}