/* 4EVA Extender - Pill Tabs. The switcher stays above the content at every breakpoint. */
.eva-pt {
	overflow-x: clip;
	--eva-pt-bar: #E3F1DA;
	--eva-pt-text: #8FC49A;
	--eva-pt-active-bg: #fff;
	--eva-pt-active-text: var(--brand-ink, #1A1A1A);
	--eva-pt-gap: 24px;
	width: 100%;
}
.eva-pt .eva-pt__bar { display: flex; max-width: 100%; margin-bottom: var(--eva-pt-gap); }
.eva-pt .eva-pt__heading {
	max-width: calc(100% + 40px); box-sizing: border-box; padding: 12px 20px 36px; margin: -12px -20px -36px;
	overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.eva-pt .eva-pt__track {
	display: flex; gap: 4px; padding: 0; width: max-content; min-width: 100%; box-sizing: border-box;
	background: var(--eva-pt-bar); border-radius: 999px;
}
.eva-pt .eva-pt__heading::-webkit-scrollbar { display: none; }
.eva-pt .eva-pt__tab,
.eva-pt .eva-pt__tab:hover,
.eva-pt .eva-pt__tab:focus,
.eva-pt .eva-pt__tab:active {
	flex: 0 0 auto; white-space: nowrap; cursor: pointer; border: 0; border-radius: 999px;
	padding: 12px 24px; background: transparent; color: var(--eva-pt-text);
	font-family: var(--font-primary, Poppins), sans-serif; font-size: 18px; font-weight: 600; line-height: 1.2; box-shadow: none; text-transform: none;
	transition: all .3s ease-in-out;
}
.eva-pt .eva-pt__tab:hover,
.eva-pt .eva-pt__tab[aria-selected="true"],
.eva-pt .eva-pt__tab[aria-selected="true"]:hover,
.eva-pt .eva-pt__tab[aria-selected="true"]:focus {
	background: var(--eva-pt-active-bg); color: var(--eva-pt-active-text);
	box-shadow: 0 4px 20px rgba(131, 152, 50, 0.35);
}
.eva-pt .eva-pt__tab:focus-visible { outline: 2px solid var(--eva-pt-active-text); outline-offset: 2px; }

.eva-pt .eva-pt__content > .e-con:not(.e-active) { display: none; }
.eva-pt:not(.e-activated) > .eva-pt__content > .e-con:first-child { display: var(--display, flex); }

@keyframes eva-pt-fade-in-up {
	from { opacity: 0; transform: translateY(16px); }
	to { opacity: 1; transform: none; }
}
.eva-pt.e-activated > .eva-pt__content > .e-con.e-active { animation: eva-pt-fade-in-up .4s ease-out both; }

@media (prefers-reduced-motion: reduce) {
	.eva-pt .eva-pt__tab { transition: none; }
	.eva-pt.e-activated > .eva-pt__content > .e-con.e-active { animation: none; }
}