[dir] .layout-customer-base-content-header {
	margin-bottom: var(--spacing-06);
}

[dir] .layout-customer-base-content-header.layout-customer-base-content-header--no-margin {
	margin-bottom: 0;
}

[dir] .layout-customer-base-content-header__content-header {
	margin-bottom: 0;
}

.layout-customer-base-content {
	--layout-customer-base-navbar-actions-padding-top: 0.5rem; /* TODO: Use same var as LayoutCustomerBaseNavbarDesktopAction */
	--layout-customer-base-content-padding-top: var(--spacing-05);

	min-height: 35rem;
}[dir] .layout-customer-base-content {
	padding-top: var(--layout-customer-base-content-padding-top);
}

@media screen and (min-width: 48rem) {
	.layout-customer-base-content {
		--layout-customer-base-content-padding-top: calc(var(--zds-layout-knee-top) + var(--layout-customer-base-navbar-actions-padding-top));
	}
}

.layout-customer-base-docked-container {
	--layout-customer-base-docked-container-width: 100%;

	width: var(--layout-customer-base-docked-container-width);
}

[dir] .layout-customer-base-docked-container__wrapper {
	padding: 0;
}

.layout-customer-base-docked-container__toast {
	display: block;
	width: 100%;
}

/* Reposition as bottom-right column, same as shop footer */
@media screen and (min-width: 120rem) {
	.layout-customer-base-docked-container {
		--layout-customer-base-docked-container-width: 24.25rem;
		bottom: 0;
		align-self: end;
	}
	[dir] .layout-customer-base-docked-container {
		padding: var(--spacing-07);
		background-color: var(--color-background-base);
	}
	[dir=ltr] .layout-customer-base-docked-container {
		right: 0;
		left: auto;
	}
	[dir=rtl] .layout-customer-base-docked-container {

		left: 0;
		right: auto;
	}
}

@media screen and (min-width: 160rem) {
	.layout-customer-base-docked-container {
		--layout-customer-base-docked-container-width: 26.875rem;
	}
}

.ecs-media-video-audio-control{bottom:20px;position:absolute}[dir=ltr] .ecs-media-video-audio-control{left:20px}[dir=rtl] .ecs-media-video-audio-control{right:20px}.ecs-media-video-audio-control__icon{fill:inherit}.ecs-media-video-controls{bottom:0;height:100%;position:absolute;width:100%}[dir=ltr] .ecs-media-video-controls{left:0}[dir=rtl] .ecs-media-video-controls{right:0}.ecs-media-video{height:auto;position:relative;width:auto}.ecs-media-video--mode-horizontal{width:100%}.ecs-media-video--mode-vertical{height:100%}.ecs-media-video__video{width:100%}.ecs-media-vector-layer{height:auto;position:absolute;top:0;width:100%}[dir=ltr] .ecs-media-vector-layer{left:0}[dir=rtl] .ecs-media-vector-layer{right:0}.ecs-media-vector-layer--dark{filter:invert(1)}.ecs-media-picture{height:auto;position:relative;width:auto}.ecs-media-picture--fit-horizontal{width:100%}.ecs-media-picture--fit-vertical{height:100%}.ecs-media-picture__image{width:100%}.ecs-media-image{height:auto;position:relative;width:auto}.ecs-media-image--fit-horizontal{width:100%}.ecs-media-image--fit-vertical{height:100%}.ecs-media-image__image{display:block;height:100%;width:100%}.ecs-media-image__image--dark{filter:invert(1)}.ecs-media-image__image--hidden{visibility:hidden}.ecs-media-3d{display:block;height:100%;min-height:0;min-width:0;overflow:hidden;position:relative;width:100%}.ecs-media-3d__poster{height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}[dir=ltr] .ecs-media-3d__poster{left:0}[dir=rtl] .ecs-media-3d__poster{right:0}.ecs-media-3d__poster--hidden{opacity:0}.ecs-media-3d__viewer{display:block;min-height:0;min-width:0;position:relative}.ecs-media-3d__viewer,.ecs-media-3d__viewer>*{height:100%;width:100%}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: normal;
	font-weight: 300;
	src:
		url(../static/media/helveticanowtext_normal_normal_300.ac45821f.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: italic;
	font-weight: 300;
	src:
		url(../static/media/helveticanowtext_italic_normal_300.0a09d045.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: condensed;
	font-style: normal;
	font-weight: 300;
	src:
		url(../static/media/helveticanowtext_normal_condensed_300.602eb597.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: italic;
	font-weight: 300;
	src:
		url(../static/media/helveticanowtext_italic_condensed_300.d18585c7.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	src:
		url(../static/media/helveticanowtext_normal_normal_400.ff8d68de.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: italic;
	font-weight: 400;
	src:
		url(../static/media/helveticanowtext_italic_normal_400.83ec3132.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: condensed;
	font-style: normal;
	font-weight: 400;
	src:
		url(../static/media/helveticanowtext_normal_condensed_400.c163dd6a.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
	src:
		url(../static/media/helveticanowtext_normal_normal_500.7903c548.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: condensed;
	font-style: normal;
	font-weight: 500;
	src:
		url(../static/media/helveticanowtext_normal_condensed_500.e062f594.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: normal;
	font-weight: 700;
	src:
		url(../static/media/helveticanowtext_normal_normal_700.2bd77b8f.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: condensed;
	font-style: normal;
	font-weight: 700;
	src:
		url(../static/media/helveticanowtext_normal_condensed_700.c7a15564.woff2) format('woff2');
}
.layout-customer-base-desktop-action {
	--layout-customer-base-desktop-action-padding: 0.5rem;

	display: flex;
	gap: var(--spacing-02);
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	font-size: var(--font-size-label-l);
	white-space: normal;
	text-decoration: none;
	line-height: var(--line-height-label-l);
	letter-spacing: var(--letter-spacing-label-l);
	text-transform: var(--text-transform-label-l);
	font-stretch: var(--font-stretch-label-l);
	font-weight: var(--font-weight-label-l);
}[dir] .layout-customer-base-desktop-action {
	padding: var(--layout-customer-base-desktop-action-padding) 0;
	cursor: pointer;
}[dir=ltr] .layout-customer-base-desktop-action {
	text-align: left;
}[dir=rtl] .layout-customer-base-desktop-action {
	text-align: right;
}

.layout-customer-base-desktop-action .zds-number-indicator {
	flex-shrink: 0;
}

.layout-customer-base-desktop-action--active {
	font-size: var(--font-size-label-l-highlight);
	line-height: var(--line-height-label-l-highlight);
	letter-spacing: var(--letter-spacing-label-l-highlight);
	text-transform: var(--text-transform-label-l-highlight);
	font-stretch: var(--font-stretch-label-l-highlight);
	font-weight: var(--font-weight-label-l-highlight);
}

.layout-customer-base-desktop-action--disabled {
	color: var(--color-content-low);
	pointer-events: none;
}

.layout-customer-base-mobile-action {
	list-style: none;
}

[dir] .layout-customer-base-desktop-shopping-actions {
	padding-bottom: 2.3125rem;
}

.layout-customer-base-mobile-zara-qr-action,
.layout-customer-base-mobile-zara-qr-action__button {
	width: unset;
}

.layout-customer-base-mobile-zara-qr-action {
	display: flex;
	align-items: center;
}

[dir=ltr] .layout-customer-base-mobile-zara-qr-action__button {
	margin-left: var(--spacing-00);
}

[dir=rtl] .layout-customer-base-mobile-zara-qr-action__button {
	margin-right: var(--spacing-00);
}

[dir] .layout-customer-base-navbars__mobile-close-action {
	padding-top: 0.3125rem;
}[dir=ltr] .layout-customer-base-navbars__mobile-close-action {
	padding-left: 0.125rem;
}[dir=rtl] .layout-customer-base-navbars__mobile-close-action {
	padding-right: 0.125rem;
}

.layout-customer-base-navbars__desktop-back-action {
	height: 5rem;
}

[dir] .layout-customer-base-navbars__mobile-back-action {
	margin-top: var(--spacing-03);
}

[dir] .newsletter-subscription-form__email-field {
	margin-bottom: var(--spacing-05);
}

.newsletter-subscription-form__subscription-fields {
	width: 100%;
}

[dir] .newsletter-subscription-form__subscription-fields {
	margin-top: var(--spacing-05);
}

[dir] .newsletter-subscription-form__privacy-checks {
	margin-top: var(--spacing-05);
}

[dir] .newsletter-subscription-form__email-field ~ .newsletter-subscription-form__privacy-checks {
	margin-top: 0;
}

.newsletter-subscription-form__subscription-legend {
	font-size: var(--font-size-label-m);
	line-height: var(--line-height-label-m);
	letter-spacing: var(--letter-spacing-label-m);
	text-transform: var(--text-transform-label-m);
	font-stretch: var(--font-stretch-label-m);
	font-weight: var(--font-weight-label-m);
}

[dir] .newsletter-subscription-form__subscription-legend {
	margin-top: var(--spacing-07);
	margin-bottom: var(--spacing-06);
}

[dir] .newsletter-subscription-form__subscription-legend:nth-of-type(1) {
	margin-top: 0;
}

[dir] .newsletter-subscription-form__subscription-field:not(:last-of-type) {
	margin-bottom: var(--spacing-04);
}

.newsletter-subscription-form .form__footer {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-04);
}

[dir] .newsletter-subscription-form .form__footer {
	margin-top: var(--spacing-09);
}

/**** Collapsible theme *****/
[dir] .newsletter-subscription-form--collapsible .newsletter-subscription-form__email-field {
	margin-bottom: 0;
}

.newsletter-subscription-form--collapsible .newsletter-subscription-form__subscription-legend {
	font-size: var(--font-size-label-m-highlight);
	line-height: var(--line-height-label-m-highlight);
	letter-spacing: var(--letter-spacing-label-m-highlight);
	text-transform: var(--text-transform-label-m-highlight);
	font-stretch: var(--font-stretch-label-m-highlight);
	font-weight: var(--font-weight-label-m-highlight);
}

[dir] .newsletter-subscription-view__content-header {
	margin-bottom: var(--spacing-02);
}

[dir] .newsletter-subscription-view__form {
	margin-bottom: var(--spacing-13);
}