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

: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;
}

[dir] .category-topbar-related-categories__category {
	padding: var(--spacing-01) 0;
}

[dir=ltr] .category-topbar-related-categories__category:first-child {
	margin-left: var(--layout-header-horizontal-padding);
}

[dir=rtl] .category-topbar-related-categories__category:first-child {
	margin-right: var(--layout-header-horizontal-padding);
}

[dir=ltr] .category-topbar-related-categories__category:last-child {
	margin-right: var(--layout-header-horizontal-padding);
}

[dir=rtl] .category-topbar-related-categories__category:last-child {
	margin-left: var(--layout-header-horizontal-padding);
}

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

@media screen and (min-width: 48rem) {
	[dir=ltr] .category-topbar-related-categories__category:first-child {
		margin-left: 0;
	}
	[dir=rtl] .category-topbar-related-categories__category:first-child {
		margin-right: 0;
	}

	[dir=ltr] .category-topbar-related-categories__category:last-child {
		margin-right: 0;
	}

	[dir=rtl] .category-topbar-related-categories__category:last-child {
		margin-left: 0;
	}

	.category-topbar-related-categories {
		min-width: 0;
	}
}

.category-topbar {
	display: flex;
	flex-direction: column;
	row-gap: var(--spacing-03);
	width: calc(100% + 2 * var(--layout-header-horizontal-padding));
}[dir=ltr] .category-topbar {
	margin-left: calc(-1 * var(--layout-header-horizontal-padding));
	margin-right: calc(-1 * var(--layout-header-horizontal-padding));
}[dir=rtl] .category-topbar {
	margin-right: calc(-1 * var(--layout-header-horizontal-padding));
	margin-left: calc(-1 * var(--layout-header-horizontal-padding));
}

.category-topbar__bar {
	align-items: center;
	display: flex;
	gap: var(--spacing-04);
}

[dir=ltr] .category-topbar__bar {
	margin-left: var(--spacing-08);
}

[dir=rtl] .category-topbar__bar {
	margin-right: var(--spacing-08);
}

@media screen and (min-width: 48rem) {
	.category-topbar {
		display: grid;
		grid-template-columns: 1fr auto;
		width: auto;
	}
	[dir=ltr] .category-topbar {
		margin-left: 0;
		margin-right: calc(var(--layout-lateral-margin) - var(--layout-header-horizontal-padding));
	}
	[dir=rtl] .category-topbar {
		margin-right: 0;
		margin-left: calc(var(--layout-lateral-margin) - var(--layout-header-horizontal-padding));
	}

	.category-topbar__categories-bar {
		grid-column: 1;
		min-width: 0; /* prevents horizontal grid overflow: https://defensivecss.dev/tip/grid-min-content-size */
	}

	.category-topbar__categories-bar--grid-item-full-width {
		grid-column: 1 / -1;
	}

	.category-topbar__bar {
		grid-column: 2;
	}
}

.theme--origins .products-category-view__zoom-selector {
	white-space: nowrap;
}[dir=ltr] .theme--origins .products-category-view__zoom-selector {
	padding-right: 0;
}[dir=rtl] .theme--origins .products-category-view__zoom-selector {
	padding-left: 0;
}

.theme--origins .category-topbar {
	row-gap: 0;
}

[dir] .theme--origins .category-topbar {
	margin-top: var(--spacing-03);
}

[dir] .theme--origins .category-topbar__categories-bar {
	margin-top: var(--spacing-03);
}

.theme--origins .category-topbar__nieces {
	--padding-top: var(--spacing-04);
}

[dir] .theme--origins .category-topbar__nieces {

	margin-top: var(--spacing-05);
	padding-top: var(--padding-top);
}

@media screen and (min-width: 48rem) {
	.theme--origins .category-topbar__siblings {
		grid-column: 2;
		grid-row: 1;
	}
	[dir] .theme--origins .category-topbar__siblings {
		margin-top: 0;
	}

	.theme--origins .category-topbar__nieces,
	.theme--origins .category-topbar__grandnieces {
		column-gap: var(--spacing-08);
		display: flex;
		grid-column: 2 / -1;
		justify-content: space-between;
	}

	.theme--origins .category-topbar__nieces {
		--padding-top: var(--spacing-05);
	}

	[dir] .theme--origins .category-topbar__nieces {

		margin-top: var(--spacing-09);
	}

	[dir=ltr] .theme--origins .category-topbar__bar {
		margin-left: auto;
	}

	[dir=rtl] .theme--origins .category-topbar__bar {
		margin-right: auto;
	}
}

:root {
	/* Heading L */
	--font-size-sra-heading-l: 0.9375rem;
	--line-height-sra-heading-l: 1.125rem;
	--letter-spacing-sra-heading-l: 0.03125rem;
	--text-transform-sra-heading-l: uppercase;
	--font-weight-sra-heading-l: 400;

	/* Heading M */
	--font-size-sra-heading-m: 0.75rem;
	--line-height-sra-heading-m: 0.875rem;
	--letter-spacing-sra-heading-m: 0.03125rem;
	--text-transform-sra-heading-m: uppercase;
	--font-weight-sra-heading-m: 400;

	/* Heading M Highlight */
	--font-size-sra-heading-m-highlight: 0.75rem;
	--line-height-sra-heading-m-highlight: 0.875rem;
	--letter-spacing-sra-heading-m-highlight: 0.03125rem;
	--text-transform-sra-heading-m-highlight: uppercase;
	--font-weight-sra-heading-m-highlight: 700;

	/* Heading S */
	--font-size-sra-heading-s: 0.625rem;
	--line-height-sra-heading-s: 0.75rem;
	--letter-spacing-sra-heading-s: 0.03125rem;
	--text-transform-sra-heading-s: uppercase;
	--font-weight-sra-heading-s: 400;

	/* Heading S Highlight */
	--font-size-sra-heading-s-highlight: 0.625rem;
	--line-height-sra-heading-s-highlight: 0.75rem;
	--letter-spacing-sra-heading-s-highlight: 0.03125rem;
	--text-transform-sra-heading-s-highlight: uppercase;
	--font-weight-sra-heading-s-highlight: 700;

	/* Paragraph L */
	--font-size-sra-paragraph-l: 0.75rem;
	--line-height-sra-paragraph-l: 0.875rem;
	--letter-spacing-sra-paragraph-l: 0.03125rem;
	--text-transform-sra-paragraph-l: none;
	--font-weight-sra-paragraph-l: 400;

	/* Paragraph M */
	--font-size-sra-paragraph-m: 0.625rem;
	--line-height-sra-paragraph-m: 0.75rem;
	--letter-spacing-sra-paragraph-m: 0.03125rem;
	--text-transform-sra-paragraph-m: none;
	--font-weight-sra-paragraph-m: 400;
}

@media screen and (min-width: 120rem) {
	:root {
		/* Heading L */
		--font-size-sra-heading-l: 1.0625rem;
		--line-height-sra-heading-l: 1.25rem;

		/* Heading M */
		--font-size-sra-heading-m: 0.875rem;
		--line-height-sra-heading-m: 1rem;

		/* Heading M Highlight */
		--font-size-sra-heading-m-highlight: 0.875rem;
		--line-height-sra-heading-m-highlight: 1rem;

		/* Heading S */
		--font-size-sra-heading-s: 0.75rem;
		--line-height-sra-heading-s: 0.875rem;

		/* Heading S Highlight */
		--font-size-sra-heading-s-highlight: 0.75rem;
		--line-height-sra-heading-s-highlight: 0.875rem;

		/* Paragraph L */
		--font-size-sra-paragraph-l: 0.875rem;
		--line-height-sra-paragraph-l: 1rem;

		/* Paragraph M */
		--font-size-sra-paragraph-m: 0.75rem;
		--line-height-sra-paragraph-m: 0.875rem;
	}
}

.marketing-fashion-content-page.no-mkt {
	overflow: hidden;
	-ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.marketing-fashion-content-page.no-mkt::-webkit-scrollbar {
	display: none;
}

[dir] .marketing-fashion-content-page.no-mkt .layout-content {
	margin: 0;
}

.marketing-fashion-content-page.no-mkt .layout-catalog__header {
	touch-action: none;
}

.marketing-fashion-content-view__category-topbar {
	max-height: 7.75rem;
	transition: max-height 650ms ease-in-out;
}

.marketing-fashion-content-view__category-topbar--with-nieces {
	max-height: 9rem;
}

[dir] .marketing-fashion-content-view__category-topbar--with-nieces .category-topbar__bar {
	margin: 0;
}