[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)
			);
	}
}

@media screen and (min-width: 85.4375rem) {
	.layout-customer-base-content {
		grid-column: 3 / 7;
	}
}

@media screen and (min-width: 160rem) {
	.layout-customer-base-content {
		grid-column: 3 / 9;
	}
}

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

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

[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 {
	align-items: center;
	display: flex;
}

[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);
}

.layout-customer-base-desktop-action {
	--layout-customer-base-desktop-action-padding: 0.5rem;

	align-items: flex-start;
	display: flex;
	font-size: var(--font-size-label-l);
	gap: var(--spacing-02);
	justify-content: flex-start;
	text-decoration: none;
	white-space: normal;
	width: 100%;
	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 {
	cursor: pointer;
	padding: var(--layout-customer-base-desktop-action-padding) 0;
}[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-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] .contact-item-description__phone {
	margin-bottom: var(--spacing-03);
}

[dir] .contact-item-description__chat-not-available-msg {
	margin-bottom: var(--spacing-04);
}

[dir] .contact-item-description__open-chat {
	margin-top: var(--spacing-03);
}

.contact-item-description__open-chat-link {
	color: inherit;
	text-decoration: underline;
}

[dir] .contact-item-description__open-chat-link {
	cursor: pointer;
}

[dir] .contact-item-warning {
	margin-top: var(--spacing-03);
}

:root {
	--contact-item-icon-size: 1rem;
}

[dir] .contact-column:not(:first-child) {
	margin-top: var(--spacing-08);
}

[dir] .contact-column__header {
	margin: var(--spacing-05) 0;
}

.contact-column__warning-message {
	width: auto;
}

[dir] .contact-column__warning-message {
	margin-bottom: var(--spacing-06);
}

.contact-column__icon {
	height: var(--contact-item-icon-size);
	width: var(--contact-item-icon-size);
}

.contact-column__item-icon {
	display: none;
}

[dir] .contact-column__item--disabled {
	cursor: default;
}

@media screen and (min-width: 48rem) {
	.contact-column__item-icon {
		display: block;
		max-width: 100%;
	}

	[dir] .contact-column:not(:first-child) {
		margin-top: 0;
	}
}

.contact-view__container {
	width: 100%;
}[dir] .contact-view__container {
	margin-bottom: var(--spacing-10);
}

.contact-view__no-contacts-banner {
	width: auto;
}

[dir] .contact-view__no-contacts-banner {
	margin: 0 var(--layout-content-horizontal-padding);
}

.contact-view__legal-text {
	font-size: var(--font-size-body-s);
	width: auto;
	line-height: var(--line-height-body-s);
	letter-spacing: var(--letter-spacing-body-s);
	text-transform: var(--text-transform-body-s);
	font-stretch: var(--font-stretch-body-s);
	font-weight: var(--font-weight-body-s);
}

@media screen and (min-width: 48rem) {
	.contact-view__container {
		display: flex;
	}

	.contact-view__legal-text {
		width: inherit;
	}
}