:root {
	--elion-green: #15442f;
	--elion-green-dark: #0e261b;
	--elion-yellow: #ffca00;
	--elion-white: #ffffff;
	--elion-black: #000000;
	--elion-text-light: #dedede;
	--elion-gray-100: #f5f5f5;
	--elion-gray-200: #f7f7f7;
	--elion-border: #a7a7a7;
	--elion-font: "ABeeZee", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--elion-container: 1400px;
	--elion-section-py: 100px;
	--elion-section-py-mobile: 80px;
	--elion-section-px: 20px;
	--elion-gap: 20px;
	--elion-radius-lg: 19px;
	--elion-radius-md: 9px;
	--elion-radius-sm: 6px;
	--elion-shadow: 5px 20px 75px rgba(0, 0, 0, 0.15);
	--elion-transition: 300ms ease-in-out;
	--elion-bp-xl: 1119px;
	--elion-bp-lg: 1023px;
	--elion-bp-md: 767px;
	--elion-bp-sm: 479px;
}

/* Site shell: header/footer sit outside .elion-homepage and must inherit
   the same brand font as the migrated Breakdance design (ABeeZee). */
body.elion-theme,
.elion-header-root,
.elion-site-footer,
.elion-main {
	font-family: var(--elion-font);
	color: var(--elion-black);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	overflow-x: clip;
}

body.elion-theme {
	overflow-x: clip;
	max-width: 100%;
}

.elion-header-root,
.elion-main,
.elion-site-footer,
.elion-homepage {
	max-width: 100%;
}

.elion-header-root *,
.elion-site-footer * {
	font-family: inherit;
}

.elion-site-footer,
.elion-site-footer *,
.elion-site-footer *::before,
.elion-site-footer *::after {
	box-sizing: border-box;
}

@media (max-width: 767px) {
	html,
	body.elion-theme {
		width: 100%;
		max-width: 100vw;
		overflow-x: clip;
	}

	.elion-header-root,
	.elion-main,
	.elion-site-footer,
	.elion-homepage,
	.elion-contact-page,
	.elion-shop-page {
		width: 100%;
		max-width: 100vw;
		overflow-x: clip;
	}

	.elion-section,
	.elion-section__inner,
	.elion-site-header__container,
	.elion-site-footer__container {
		width: 100%;
		max-width: 100%;
	}
}