.layout-header-sra-logo-icon {
	height: 100%;
}

:root {
	--layout-header-sra-logos-height: 2.625rem;
}

.layout-catalog-sra-header__logos {
	display: flex;
	height: var(--layout-header-sra-logos-height);
	justify-content: space-between;
}

@media screen and (min-width: 48rem) {
	:root {
		--layout-header-sra-logos-height: 3.25rem;
	}
}

.layout-catalog-logo-icon {
	display: block;
	fill: inherit;
	height: 100%;
	max-width: 100%;
}

.layout-catalog-logo-icon--fade-enter {
	opacity: 0;
}

.layout-catalog-logo-icon--fade-enter-active {
	opacity: 1;
	transition: opacity 0.75s;
}

.layout-catalog-logo-icon--fade-exit {
	opacity: 0;
}

.layout-catalog-logo {
	height: 100%;
}

.layout-catalog-logo * {
	height: 100%;
}

.layout-catalog-logo__link {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	text-decoration: none;
}

:root {
	--layout-header-sra-topbar-height: var(--line-height-title-m);
	--layout-header-sra-padding-top: var(--spacing-05);
	--layout-header-sra-padding-bottom: var(--spacing-03);
	--layout-header-sra-row-gap: var(--spacing-06);
	--layout-header-sra-height: calc(var(--layout-header-sra-topbar-height) + var(--layout-header-sra-padding-top) + var(--layout-header-sra-padding-bottom));
	--font-family-sra: 'CourierNewPSMT', 'Neue-Helvetica', 'Arial', Sans-Serif;
}

.layout-header-sra {
	display: flex;
	flex-direction: column;
	font-family: var(--font-family-sra);
	font-size: var(--font-size-sra-heading-m);
	gap: var(--layout-header-sra-row-gap);
	position: sticky;
	top: 0;
	z-index: 10;
	line-height: var(--line-height-sra-heading-m);
	letter-spacing: var(--letter-spacing-sra-heading-m);
	text-transform: var(--text-transform-sra-heading-m);
	font-weight: var(--font-weight-sra-heading-m);
}

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

@media screen and (min-width: 48rem) {
	:root {
		--layout-header-sra-padding-top: var(--spacing-06);
		--layout-header-sra-padding-bottom: var(--spacing-12);
		--layout-header-sra-row-gap: var(--spacing-08);
		--layout-header-sra-height: calc(var(--layout-header-sra-topbar-height) + var(--layout-header-sra-padding-top) + var(--layout-header-sra-padding-bottom) + var(--layout-header-sra-logos-height) + var(--layout-header-sra-row-gap));
	}

	[dir] .layout-header-sra {
		padding: var(--layout-header-sra-padding-top) var(--spacing-13) var(--layout-header-sra-padding-bottom);
	}
}

.category-topbar-sra-account__link {
	text-decoration: none;
}

.category-topbar-sra-account__link:hover {
	color: var(--color-content-mid);
}

.category-topbar-sra-back {
	text-transform: uppercase;
}[dir] .category-topbar-sra-back {
	cursor: pointer;
}

.category-topbar-sra-back__icon {
	display: block;
	height: 1.25rem;
	width: 1.25rem;
}

.category-topbar-sra-shop-cart {
	text-decoration: none;
}

.category-topbar-sra-shop-cart:hover {
	color: var(--color-content-mid);
}

.category-topbar-sra-help {
	text-decoration: none;
}

.category-topbar-sra-help:hover {
	color: var(--color-content-mid);
}

.category-topbar-sra-related-categories__category {
	text-decoration: none;
}

.category-topbar-sra-related-categories__category:hover {
	color: var(--color-content-mid);
}

.category-topbar-sra-related-categories__category--selected::before {
	content: '_';
}

.layout-catalog-sra-header-topbar {
	align-items: center;
	display: flex;
	gap: var(--spacing-05);
	justify-content: space-between;
	overflow-x: auto;
	scrollbar-width: 0;
}

.layout-catalog-sra-header-topbar::-webkit-scrollbar {
	display: none;
}

.layout-catalog-sra-header-topbar > * {
	flex-shrink: 0;
}

: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: 5.625rem !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;
	}
}