.layout-shop-footer__swipe-button {
	display: block;
	height: 1.5rem;
	width: 100%;
}

.layout-shop-footer__swipe-icon {
	display: block;
}

[dir] .layout-shop-footer__swipe-icon {
	margin: auto;
}

.order-totals-table-lines .order-totals-table-lines__order-line {
	display: flex;
	justify-content: space-between;
}[dir] .order-totals-table-lines .order-totals-table-lines__order-line {
	margin-bottom: var(--spacing-02);
}

.order-totals-table-lines__name {
	white-space: nowrap;
}

.order-totals-table-lines__name,
.order-totals-table-lines__amount {
	font-size: var(--font-size-label-m);
	text-transform: uppercase;
	line-height: var(--line-height-label-m);
	letter-spacing: var(--letter-spacing-label-m);
	font-stretch: var(--font-stretch-label-m);
	font-weight: var(--font-weight-label-m);
}

[dir=ltr] .order-totals-table-lines__amount {
	padding-left: var(--spacing-02);
}

[dir=rtl] .order-totals-table-lines__amount {
	padding-right: var(--spacing-02);
}

@media screen and (min-width: 48rem) {
	[dir] .order-totals-table-lines {
		margin-bottom: var(--spacing-01);
	}
	[dir=ltr] .order-totals-table-lines {
		text-align: right;
	}
	[dir=rtl] .order-totals-table-lines {
		text-align: left;
	}

	.order-totals-table-lines__name,
	.order-totals-table-lines__amount {
		font-size: var(--font-size-label-s);
		text-transform: uppercase;
		line-height: var(--line-height-label-s);
		letter-spacing: var(--letter-spacing-label-s);
		font-stretch: var(--font-stretch-label-s);
		font-weight: var(--font-weight-label-s);
	}

	.order-totals-table-lines .order-totals-table-lines__order-line {
		justify-content: end;
	}

	[dir] .order-totals-table-lines .order-totals-table-lines__order-line {
		margin-bottom: var(--spacing-01);
	}
}

.order-totals-table__lines {
	width: 100%;
}[dir] .order-totals-table__lines {
	background-color: var(--color-background-base);
	padding: var(--spacing-05) var(--spacing-05) 0 var(--spacing-05);
}

.order-totals-table__lines__button {
	width: 100%;
}

@media screen and (min-width: 48rem) {
	[dir=ltr] .order-totals-table__lines {
		padding-right: calc(var(--layout-lateral-margin) + var(--spacing-12) + 10.5rem);
	}
	[dir=rtl] .order-totals-table__lines {
		padding-left: calc(var(--layout-lateral-margin) + var(--spacing-12) + 10.5rem);
	}

	[dir] .order-totals-table__lines__button {
		padding-top: var(--spacing-05);
	}
}

@media screen and (min-width: 160rem) {
	[dir=ltr] .order-totals-table__lines {
		padding-right: calc(var(--layout-lateral-margin) + var(--spacing-12) + 30rem);
	}
	[dir=rtl] .order-totals-table__lines {
		padding-left: calc(var(--layout-lateral-margin) + var(--spacing-12) + 30rem);
	}
}

:root {
	--layout-shop-header-sra-vertical-padding: calc(var(--spacing-05) + var(--spacing-05));
	--layout-shop-header-sra-height: calc(var(--layout-shop-header-sra-vertical-padding) + var(--layout-header-sra-logos-height));
}

.shop-area--sra,
.shop-area--sra [class^="zds"],
.shop-area--sra .chat {
	font-family: var(--font-family-sra);
}

[dir] .layout-shop .layout-header-sra {
	padding: var(--spacing-05);
}

.chat .tray__button,
.zrc-minimized-widget-std {
	display: none;
}

.layout-shop__header-block {
	width: 100%;
}

[dir] .layout-shop__header-block {
	margin-bottom: var(--spacing-05);
}

.layout-shop__content {
	display: flex;
	flex-direction: column;
}

[dir] .layout-shop .layout-shop__content {
	margin-bottom: var(--spacing-16);
}

.layout-shop__content-secondary {
	display: flex;
	justify-content: flex-end;
}

[dir] .layout-shop__content-secondary {
	margin: 0;
}

/* TODO: Remove when marketing remove their margins */
/* stylelint-disable-next-line selector-max-compound-selectors */
.layout-shop__header-block .mk-spot > * {
	/* stylelint-disable-next-line declaration-no-important */
}
[dir] .layout-shop__header-block .mk-spot > * {
	margin: 0 !important;
}

/* stylelint-disable declaration-no-important */
/* stylelint-disable-next-line selector-max-id */
.shop-area .accessibility-widget-button {
	bottom: 7.1875rem !important;
}
[dir=ltr] .shop-area .accessibility-widget-button {
	left: 1.25rem !important;
}
[dir=rtl] .shop-area .accessibility-widget-button {
	right: 1.25rem !important;
}
/* stylelint-enable declaration-no-important */

@media screen and (min-width: 48rem) {
	.layout-shop-header .layout-header-actions {
		align-items: baseline;
	}

	:root {
		--layout-shop-header-sra-vertical-padding: calc(var(--spacing-06) + var(--spacing-12));
		--layout-shop-header-sra-height: calc(var(--layout-header-sra-topbar-height) + var(--layout-shop-header-sra-vertical-padding) + var(--layout-header-sra-logos-height) + var(--layout-header-sra-row-gap));
	}

	[dir] .layout-shop .layout-header-sra {
		padding: var(--spacing-06) var(--layout-lateral-margin) var(--spacing-12);
		padding-bottom: calc(var(--spacing-12) - var(--layout-content-vertical-padding));
	}

	.layout-shop__content {
		flex-direction: row;
	}

	.layout-shop__header-block {
		width: 25rem;
	}

	[dir] .layout-shop__header-block {
		margin-bottom: var(--spacing-07);
	}

	.layout-shop__content-block {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

	/* stylelint-disable-next-line selector-max-compound-selectors */
	.layout-shop .layout-shop__content .layout-shop__content-secondary.grid-block {
		align-self: flex-start;
		overflow: auto;
		width: 100%;
	}
	[dir] .layout-shop .layout-shop__content .layout-shop__content-secondary.grid-block {
		margin: 0;
	}
	[dir=ltr] .layout-shop .layout-shop__content .layout-shop__content-secondary.grid-block {
		margin-left: var(--spacing-07);
	}
	[dir=rtl] .layout-shop .layout-shop__content .layout-shop__content-secondary.grid-block {
		margin-right: var(--spacing-07);
	}

	.layout-shop .layout-header__main {
		position: relative;
	}

	.layout-shop .layout-header__nav {
		height: 100%;
		position: absolute;
	}

	[dir=ltr] .layout-shop .layout-header__nav {
		left: 50%;
		transform: translateX(-50%);
	}

	[dir=rtl] .layout-shop .layout-header__nav {
		right: 50%;
		transform: translateX(50%);
	}

	/* stylelint-disable declaration-no-important, selector-max-id, selector-max-compound-selectors */
	.shop-area .accessibility-widget-button {
		bottom: 15.625rem !important;
	}
	[dir=ltr] .shop-area .accessibility-widget-button {
		left: initial !important;
		right: 0.5rem !important;
	}
	[dir=rtl] .shop-area .accessibility-widget-button {
		right: initial !important;
		left: 0.5rem !important;
	}

	.shop-area .chat .tray,
	.shop-area .chat .chat-panel {
		bottom: 10.625rem !important;
	}

	.layout-shop__content-fade-in {
		height: 100%;
	}
}

@media screen and (min-width: 64rem) {
	.shop-area .chat .tray,
	.shop-area .chat .chat-panel {
		bottom: 8.125rem !important;
	}

	.shop-area .accessibility-widget-button {
		bottom: 12.5rem !important;
	}
}
/* stylelint-enable declaration-no-important, selector-max-id, selector-max-compound-selectors */

@media screen and (min-width: 120rem) {
	.layout-shop__header-block {
		width: 31.5rem;
	}
}

.layout-shop-footer {
	bottom: 0;
	position: fixed;
	width: 100vw;
	z-index: 3;
}[dir=ltr] .layout-shop-footer {
	left: 0;
	right: 0;
}[dir=rtl] .layout-shop-footer {
	right: 0;
	left: 0;
}

.layout-shop-footer__container {
	align-items: center;
	display: flex;
}

[dir] .layout-shop-footer__container {
	background-color: var(--color-background-base);
	padding: var(--spacing-05);
}

.layout-shop-footer__terms,
.layout-shop-footer__gift-options,
.layout-shop-footer__totals {
	flex: 1;
}

.shop-cart-view__footer .layout-shop-footer__terms {
	display: none;
}

.layout-shop-footer__totals {
	align-items: center;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

[dir] .layout-shop-footer__header-swipe-icon {
	background-color: var(--color-background-base);
}

@media screen and (min-width: 48rem) {
	[dir=ltr] .layout-shop-footer__notification {
		left: 0;
	}
	[dir=rtl] .layout-shop-footer__notification {
		right: 0;
	}

	.layout-shop-footer__container {
		gap: var(--spacing-08);
		justify-content: space-between;
	}

	[dir=ltr] .layout-shop-footer__container {
		padding-left: var(--layout-lateral-margin);
		padding-right: var(--layout-lateral-margin);
	}

	[dir=rtl] .layout-shop-footer__container {
		padding-right: var(--layout-lateral-margin);
		padding-left: var(--layout-lateral-margin);
	}

	.layout-shop-footer__totals {
		flex-direction: row;
		justify-content: flex-end;
	}
}

@media screen and (min-width: 80rem) {
	.shop-cart-view__footer .layout-shop-footer__terms {
		display: flex;
	}
}

/* ApplePay custom style */
/* stylelint-disable selector-max-compound-selectors */
.layout-shop-footer__totals--full-width {
	flex-direction: column;
	gap: var(--spacing-04);
}

.layout-shop-footer__totals--full-width .layout-shop-footer__totals-container {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.layout-shop-footer--apple-pay .layout-shop-footer__continue {
	display: flex;
	gap: var(--spacing-05);
	width: 100%;
}

.layout-shop-footer__totals--full-width .layout-shop-footer__body-button {
	flex: 1;
	min-width: auto;
	width: auto;
}

@media screen and (min-width: 48rem) {
	.layout-shop-footer--apple-pay .layout-shop-footer__continue {
		width: auto;
	}

	[dir=ltr] .layout-shop-footer--apple-pay .order-totals-table__lines {
		padding-right: calc(var(--layout-lateral-margin) + var(--spacing-12) + var(--spacing-05) + (10.5rem * 2));
	}

	[dir=rtl] .layout-shop-footer--apple-pay .order-totals-table__lines {
		padding-left: calc(var(--layout-lateral-margin) + var(--spacing-12) + var(--spacing-05) + (10.5rem * 2));
	}
}

@media screen and (min-width: 160rem) {
	[dir=ltr] .layout-shop-footer--apple-pay .order-totals-table__lines {
		padding-right: calc(var(--layout-lateral-margin) + var(--spacing-12) + var(--spacing-05) + (30rem * 2));
	}
	[dir=rtl] .layout-shop-footer--apple-pay .order-totals-table__lines {
		padding-left: calc(var(--layout-lateral-margin) + var(--spacing-12) + var(--spacing-05) + (30rem * 2));
	}
}

