[dir] .layout-footer__section {
	padding-bottom: var(--spacing-09);
	padding-top: var(--spacing-09);
}

.layout-footer__section--bottom-nav {
	align-items: center;
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
}

[dir] .layout-footer__section--bottom-nav {
	padding: var(--spacing-13) 0;
}

[dir] .layout-footer__section-block {
	margin-bottom: var(--spacing-05);
	text-align: center;
}

[dir] .layout-footer__section-block:first-child {
	margin-bottom: 0;
}

.layout-footer__stores,
.layout-footer__section--sitemap,
.layout-footer__copyright {
	display: none;
}

[dir] .layout-footer__section--sitemap {
	padding-bottom: var(--spacing-15);
	padding-top: var(--spacing-15);
}

.layout-footer__section--marketing {
	justify-content: center;
}

.layout-footer__item {
	display: inline-block;
}

[dir] .layout-footer__item {
	margin-bottom: var(--spacing-01);
}

.layout-footer__item:not(:last-child)::after {
	content: '|';
}

[dir=ltr] .layout-footer__item:not(:last-child)::after {
	padding-left: var(--spacing-01);
	padding-right: var(--spacing-01);
}

[dir=rtl] .layout-footer__item:not(:last-child)::after {
	padding-right: var(--spacing-01);
	padding-left: var(--spacing-01);
}

.layout-footer__languages-list .layout-footer-link,
.layout-footer__policies-list .layout-footer-link,
.layout-footer__policies-list {
	font-size: var(--font-size-label-s);
	line-height: var(--line-height-label-s);
	letter-spacing: var(--letter-spacing-label-s);
	text-transform: var(--text-transform-label-s);
	font-stretch: var(--font-stretch-label-s);
	font-weight: var(--font-weight-label-s);
}

.layout-footer__item-action {
	font-size: var(--font-size-label-s);
	font-stretch: var(--font-stretch-normal);
	text-decoration: none;
	line-height: var(--line-height-label-s);
	letter-spacing: var(--letter-spacing-label-s);
	text-transform: var(--text-transform-label-s);
	font-weight: var(--font-weight-label-s);
}

.layout-footer__item-action:hover {
	text-decoration: underline;
}

[dir] .layout-footer__item-action:hover {
	cursor: pointer;
}

@media screen and (min-width: 48rem) {
	.layout-footer__section {
		display: block;
	}

	.layout-footer__section-block {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	[dir] .layout-footer__section-block:first-child {
		margin-bottom: var(--spacing-04);
	}

	[dir] .layout-footer__section-block:last-child {
		margin-bottom: 0;
	}

	.layout-footer__section--marketing {
		justify-content: center;
	}

	[dir] .layout-footer__section--marketing {
		border-top: none;
	}

	.layout-footer__languages-wrapper {
		align-items: baseline;
		display: flex;
	}

	.layout-footer__section--sitemap,
	.layout-footer__stores,
	.layout-footer__copyright {
		display: block;
	}

	.layout-footer__copyright {
		color: var(--color-content-mid);
		font-size: var(--font-size-label-s);
		line-height: var(--line-height-label-s);
		letter-spacing: var(--letter-spacing-label-s);
		text-transform: var(--text-transform-label-s);
		font-stretch: var(--font-stretch-label-s);
		font-weight: var(--font-weight-label-s);
	}

	[dir=ltr] .layout-footer__copyright {
		margin: 0 0 0 var(--spacing-05);
	}

	[dir=rtl] .layout-footer__copyright {
		margin: 0 var(--spacing-05) 0 0;
	}
}

@media screen and (min-width: 64rem) {
	.layout-footer__languages-list .layout-footer-link {
		font-size: var(--font-size-label-s);
		line-height: var(--line-height-label-s);
		letter-spacing: var(--letter-spacing-label-s);
		text-transform: var(--text-transform-label-s);
		font-stretch: var(--font-stretch-label-s);
		font-weight: var(--font-weight-label-s);
	}

	[dir] .layout-footer__section--bottom-nav {
		padding-bottom: var(--spacing-15);
		padding-top: var(--spacing-13);
	}
}

:root {
	--layout-error-logo-height: 7.5rem;
	--layout-error-logo-width: fit-content;
}

.layout-error-logo {
	box-sizing: content-box;
	height: 100%;
	max-height: var(--layout-error-logo-height);
	position: relative;
	width: var(--layout-error-logo-width);
}

.layout-error-logo__link {
	display: inline-block;
}

.layout-error-logo__icon {
	display: block;
	fill: inherit;
	width: var(--layout-error-logo-width);
}

/* Safari Fix */
/* stylelint-disable-next-line selector-max-type */
.layout-error-logo svg {
	width: var(--layout-error-logo-width);
}

@media screen and (min-width: 48rem) {
	:root {
		--layout-error-logo-height: 6.8125rem;
		--layout-error-logo-width: 13.125rem;
	}
}

@media screen and (min-width: 64rem) {
	:root {
		--layout-error-logo-width: 16.375rem;
	}
}

@media screen and (min-width: 120rem) {
	:root {
		--layout-error-logo-height: 10.8125rem;
		--layout-error-logo-width: 26.25rem;
	}
}

:root {
	--layout-content-vertical-padding: var(--spacing-05);
	--error-overlay-background: rgba(255, 255, 255, 0.8);
}

.zds-theme--dark {
	--error-overlay-background: rgba(0, 0, 0, 0.8);
}

.layout-error {
	z-index: 2;
}

[dir] .layout-error .zds-layout-header {
	background-color: transparent;
}

[dir] .layout-error__logo-wrapper {
	padding: var(--spacing-05) 0;
}

.layout-error__content {
	box-sizing: border-box;
	height: 100vh;
	position: fixed;
	top: 50%;
	width: calc(100% - 2rem);
}

[dir] .layout-error__content {
	transform: translateY(-50%);
}

[dir] .layout-error--background-in-desktop .layout-error__content {
	background: none;
}

.layout-error__button-wrapper {
	bottom: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-04);
	position: fixed;
	width: 100%;
}

[dir] .layout-error__button-wrapper {
	padding: var(--spacing-04) 0;
}

[dir=ltr] .layout-error__button-wrapper {
	left: 0;
	right: 0;
}

[dir=rtl] .layout-error__button-wrapper {
	right: 0;
	left: 0;
}

.layout-error__background {
	position: absolute;
	width: 100%;
}

.layout-error__background .media-image__image {
	height: 100%;
	object-fit: cover;
	position: fixed;
	top: 0;
	width: 100%;
}

[dir=ltr] .layout-error__background .media-image__image {
	left: 0;
}

[dir=rtl] .layout-error__background .media-image__image {
	right: 0;
}

.layout-error .content-header {
	box-sizing: border-box;
	position: fixed;
	top: 45%;
	width: 100%;
}

[dir] .layout-error .content-header {
	background: var(--error-overlay-background);
	padding: var(--spacing-04);
}

@media screen and (min-width: 48rem) {
	.layout-error .zds-layout-header {
		height: auto;
		min-height: auto;
	}
	[dir] .layout-error .zds-layout-header {
		background-color: transparent;
	}

	.layout-error:not(.layout-error--background-in-desktop) + .layout-error__background {
		display: none;
	}

	.layout-error__content {
		color: var(--color-content-high);
		fill: var(--color-content-high);
		height: auto;
		min-height: 20rem;
		position: static;
		width: 100%;
	}

	[dir] .layout-error__content {
		margin: var(--layout-content-vertical-padding) 0;
		transform: none;
	}

	.layout-error .content-header {
		position: static;
		top: unset;
		width: 100%;
	}

	[dir] .layout-error .content-header {
		margin: 0;
		padding: 0;
	}

	.layout-error__button-wrapper {
		flex-direction: row;
		position: static;
		width: unset;
	}

	[dir] .layout-error__button-wrapper {
		background: var(--error-overlay-background);
		padding: 0;
		padding-top: var(--spacing-07);
		transform: none;
	}

	.layout-error__button-wrapper > * {
		width: auto;
	}
}

@media screen and (min-width: 85.4375rem) {
	:root {
		--layout-content-vertical-padding: var(--spacing-09);
	}
}