.genx-shell {
	width: min(var(--max-width), calc(100vw - 96px));
	margin: 0 auto;
}

@media (max-width: 767px) {
	.genx-shell {
		width: min(var(--max-width), calc(100vw - 40px));
	}
}

.genx-stack > * + * {
	margin-top: 24px;
}

.genx-section {
	padding: 88px 0;
}

.genx-section--soft {
	background: var(--genx-soft);
}

.genx-section--cta {
	padding-bottom: 110px;
}

.genx-split,
.genx-hero__grid,
.genx-site-header__inner,
.genx-site-footer__grid,
.genx-cta,
.genx-packaging-preview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 32px;
	align-items: center;
}

.genx-card-grid,
.genx-post-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.site-main {
	padding: 36px 0 0;
}

.site-main--front-page {
	padding-top: 0;
}

.site-main--shop .products,
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.single-product div.product {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
	gap: 32px;
	align-items: start;
}

.woocommerce-account .woocommerce,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
	display: grid;
	gap: 24px;
}

.genx-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.genx-spec-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.genx-product-panels {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 40px;
	margin-bottom: 64px;
}