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

		align-self: end;
		bottom: 0;
	}
	[dir] .layout-customer-base-docked-container {
		background-color: var(--color-background-base);
		padding: var(--spacing-07);
	}
	[dir=ltr] .layout-customer-base-docked-container {
		left: auto;
		right: 0;
	}
	[dir=rtl] .layout-customer-base-docked-container {
		right: auto;
		left: 0;
	}
}

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

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

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

.items-grid {
	--items-grid-columns: 2;
	--items-grid-gap-row: var(--spacing-05);
	--items-grid-gap-column: var(--spacing-05);

	display: grid;
	gap: var(--items-grid-gap-row) var(--items-grid-gap-column);
	grid-template-columns: repeat(var(--items-grid-columns), minmax(0, 1fr));
	overflow-x: hidden;
}

.items-grid--large-content {
	--items-grid-columns: 1;
}

@media screen and (min-width: 48rem) {
	.items-grid {
		--items-grid-columns: 3;
		--items-grid-gap-row: var(--spacing-11);
		--items-grid-gap-column: 5.5rem;
	}

	.items-grid--centered {
		--items-grid-container-padding: 0px;
		--items-grid-item-width: calc((100% - (var(--items-grid-columns) - 1) * var(--items-grid-gap-column)) / var(--items-grid-columns));

		align-content: center;
		grid-auto-rows: max-content;
		min-height: calc(100vh - var(--items-grid-container-padding) * 2);
	}

	/* 3 columns - center if less than 3 items */
	.items-grid--centered:not(:has(> :nth-child(3))) {
		grid-template-columns: repeat(auto-fit, var(--items-grid-item-width));
		justify-content: center;
	}
}

@media screen and (min-width: 120rem) {
	.items-grid {
		--items-grid-gap-row: var(--spacing-10);
	}
}

@media screen and (min-width: 160rem) {
	.items-grid {
		--items-grid-columns: 4;
		--items-grid-gap-row: var(--spacing-13);
		--items-grid-gap-column: var(--spacing-15);
	}

	/* 4 columns - center if less than 4 items */
	.items-grid--centered:not(:has(> :nth-child(4))) {
		grid-template-columns: repeat(auto-fit, var(--items-grid-item-width));
		justify-content: center;
	}
}

.user-product-image {
	display: block;
	position: relative;
}

.user-product-image__quantity {
	align-items: center;
	bottom: 0;
	display: flex;
	font-size: var(--font-size-label-xs);
	height: 1rem;
	justify-content: center;
	position: absolute;
	width: 1rem;
	z-index: 1;
	line-height: var(--line-height-label-xs);
	letter-spacing: var(--letter-spacing-label-xs);
	text-transform: var(--text-transform-label-xs);
	font-stretch: var(--font-stretch-label-xs);
	font-weight: var(--font-weight-label-xs);
}

[dir] .user-product-image__quantity {
	background-color: var(--color-background-base);
}

.user-product-image__placeholder {
	fill: none;
}

.selectable-item {
	--selectable-item-size: 1.75rem;
	--selectable-item-icon-size: 1rem;
	display: block;
	position: relative;
	width: 100%;
}[dir] .selectable-item {

	cursor: pointer;
}

/* Selected state border for the image (first child of content) */
.selectable-item__content--selected > :first-child {
	position: relative;
}

.selectable-item__content--selected > :first-child::after {
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
}

[dir] .selectable-item__content--selected > :first-child::after {
	box-shadow:
		inset 0 0 0 0.03125rem var(--color-content-high),
		inset 0 0 0 0.28125rem var(--color-content-inverse);
}

.selectable-item__checkbox {
	align-items: center;
	display: flex;
	height: var(--selectable-item-size);
	justify-content: center;
	position: absolute;
	top: 0;
	width: var(--selectable-item-size);
	z-index: 1;
}

[dir=ltr] .selectable-item__checkbox {
	right: 0;
}

[dir=rtl] .selectable-item__checkbox {
	left: 0;
}

[dir] .selectable-item__checkbox-icon {
	background-color: var(--color-background-base);
}

@media screen and (min-width: 48rem) {
	.selectable-item__checkbox {
		--selectable-item-size: 3.5rem;
	}

	.selectable-item__checkbox-icon {
		height: var(--selectable-item-icon-size);
		width: var(--selectable-item-icon-size);
	}
}

.wishlist-item-add-action {
	min-width: 100%;
}

.wishlist-item {
	--out-of-stock-item-opacity: 0.4;

	display: flex;
	flex-direction: column;
	list-style: none;
}

[dir=ltr] .wishlist-item__selectable {
	text-align: left;
}

[dir=rtl] .wishlist-item__selectable {
	text-align: right;
}

.wishlist-item__image {
	position: relative;
}

.wishlist-item__data {
	display: flex;
	flex: 1;
	flex-direction: column;
	font-size: var(--font-size-label-s);
	gap: var(--spacing-00);
	justify-content: space-between;
	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] .wishlist-item__data {
	padding: var(--spacing-02) 0;
}

.wishlist-item__primary-info {
	display: flex;
	gap: var(--spacing-01);
	justify-content: space-between;
}

.wishlist-item__product-data {
	display: flex;
	min-width: 0;
}

[dir] .wishlist-item__product-data {
	padding-top: 0;
}

.wishlist-item__product-data .product-link {
	font-size: var(--font-size-label-l);
	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);
}

.wishlist-item--disabled .wishlist-item__user-product-image,
.wishlist-item--disabled .price-future-promotion,
.wishlist-item--disabled .price-current {
	opacity: var(--out-of-stock-item-opacity);
}

.wishlist-item--disabled,
.wishlist-item--disabled .wishlist-item__product-data,
.wishlist-item--disabled .price-net-message {
	color: var(--color-content-low);
}

.wishlist-item__out-of-stock-overlay {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	position: absolute;
}

[dir] .wishlist-item__out-of-stock-overlay {
	background-color: rgba(255, 255, 255, 0.6);
}

.wishlist-item__out-of-stock-label {
	font-size: var(--font-size-body-s);
	width: 100%;
	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);
}

[dir] .wishlist-item__out-of-stock-label {
	background-color: var(--color-background-base);
	padding: var(--spacing-04);
	text-align: center;
}

.wishlist-item__delete-button {
	position: relative;
}

.wishlist-item__delete-button .wishlist-icon {
	--icon-size: 0.75rem;
}

/* Increase clickable area */
.wishlist-item__delete-button::before {
	bottom: -0.625rem;
	content: "";
	max-height: 50%;
	position: absolute;
	top: -0.625rem;
}
[dir=ltr] .wishlist-item__delete-button::before {
	left: -0.625rem;
	right: -0.625rem;
}
[dir=rtl] .wishlist-item__delete-button::before {
	right: -0.625rem;
	left: -0.625rem;
}

.wishlist-item__add-action {
	align-self: start;
}

[dir] .wishlist-item__add-action {
	margin-top: var(--spacing-02);
}

.wishlist-cart-button {
	min-width: 100%;
}

@media screen and (min-width: 48rem) {
	.wishlist-item__delete-button .wishlist-icon {
		--icon-size: 0.875rem;
	}

	.wishlist-item-size-selector {
		bottom: 0;
		height: 100%;
		position: absolute;
		width: 100%;
	}

	.wishlist-item-size-selector .product-purchase-intention-actions-size-selector__size-selector-wrapper--opened {
		max-height: 100%;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
}

.wishlist-items-grid {
	--items-grid-container-padding: var(--wishlist-detail-content-padding-top);
}

[dir] .wishlist-items-grid__disclaimer-message.price-messages {
	margin-top: var(--spacing-07);
}

@media screen and (min-width: 64rem) {
	[dir] .wishlist-items-grid__disclaimer-message.price-messages {
		margin-top: var(--spacing-11);
	}
}