.custom-tabs-widget .tabs-content > div {
	/* Keep panels visually hidden but present */
	opacity: 0;
	pointer-events: none;
	transform: translateY(10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	position: absolute; /* optional, to stack them */
	width: 100%;
	top: 0;
	left: 0;
	/* optionally: hide from screen readers if needed */
	/* visibility: hidden; */
}

.custom-tabs-widget .tabs-content {
	position: relative; /* to contain absolute children */
	min-height: 200px; /* or whatever height to prevent layout jump */
}

.custom-tabs-widget .tabs-content > div.active {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	position: relative; /* active panel should take space */
	/* visibility: visible; */
}