/*
 * Layout: site container, main content area, spacing utilities.
 * Container: 1222px incl. 15px side padding (1192px content); 32px at
 * 768-1024px, 16px at <= 767px (design-main 2.4).
 */

.lvt-container {
	width: 100%;
	max-width: var(--lvt-container);
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--lvt-gutter);
	padding-left: var(--lvt-gutter);
}

@media (max-width: 1024px) {
	.lvt-container {
		max-width: none;
	}
}

/*
 * Content area between header and footer: grey page, 40px above the content
 * and 40px before the footer. Full-bleed first/last blocks use the flush
 * utilities to touch the header / footer.
 */
.lvt-main {
	display: block;
	/* Live (Woodmart .main-page-wrapper, both sites): short pages fill at least half the window. */
	min-height: 50vh;
	padding-top: var(--lvt-main-gap);
	padding-bottom: var(--lvt-main-gap);
	background: var(--lvt-c-bg);
}

.error404 .lvt-main {
	background: var(--lvt-c-white);
}

.lvt-flush-top {
	margin-top: calc(-1 * var(--lvt-main-gap));
}

.lvt-flush-bottom {
	margin-bottom: calc(-1 * var(--lvt-main-gap));
}

/* Full-bleed band inside the container (100vw background). */
.lvt-bleed {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
}

.lvt-section {
	margin-top: var(--lvt-section-gap);
}

/* 404 (design-main T12, design-shop 6.12). */
.lvt-404 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 120px 0;
	padding: 48px;
	text-align: center;
}

/* Live LV 404 block uses the tighter mobile margins; EN keeps 120px. */
@media (max-width: 767px) {
	.lvt-lang-lv .lvt-404 {
		margin: 40px 0 60px;
	}
}

.lvt-404__img {
	display: block;
	width: 468px;
	max-width: 100%;
	height: auto;
	margin: 0 0 20px;
}

.lvt-404__title {
	margin: 0 0 20px;
	color: var(--lvt-c-secondary);
	font-family: var(--lvt-font-heading);
	font-size: 28px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.lvt-404__text {
	margin: 0 0 20px;
	color: var(--lvt-c-text);
	font-size: 18px;
	line-height: 26px;
}