@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: normal;
	font-weight: 300;
	src:
		url(../static/media/helveticanowtext_normal_normal_300.ac45821f.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: italic;
	font-weight: 300;
	src:
		url(../static/media/helveticanowtext_italic_normal_300.0a09d045.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: condensed;
	font-style: normal;
	font-weight: 300;
	src:
		url(../static/media/helveticanowtext_normal_condensed_300.602eb597.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: italic;
	font-weight: 300;
	src:
		url(../static/media/helveticanowtext_italic_condensed_300.d18585c7.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	src:
		url(../static/media/helveticanowtext_normal_normal_400.ff8d68de.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: italic;
	font-weight: 400;
	src:
		url(../static/media/helveticanowtext_italic_normal_400.83ec3132.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: condensed;
	font-style: normal;
	font-weight: 400;
	src:
		url(../static/media/helveticanowtext_normal_condensed_400.c163dd6a.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
	src:
		url(../static/media/helveticanowtext_normal_normal_500.7903c548.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: condensed;
	font-style: normal;
	font-weight: 500;
	src:
		url(../static/media/helveticanowtext_normal_condensed_500.e062f594.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: normal;
	font-style: normal;
	font-weight: 700;
	src:
		url(../static/media/helveticanowtext_normal_normal_700.2bd77b8f.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Helvetica Now Text';
	font-stretch: condensed;
	font-style: normal;
	font-weight: 700;
	src:
		url(../static/media/helveticanowtext_normal_condensed_700.c7a15564.woff2) format('woff2');
}

/* Adjusted fallback fonts for FOUC mitigation */
@font-face {
  font-family: "Helvetica Now Text Fallback: Arial";
  src: local('Arial'), local('ArialMT');
  ascent-override: 104.1766%;
  descent-override: 33.787%;
  line-gap-override: 0%;
  size-adjust: 106.5498%;
}
@font-face {
  font-family: "Helvetica Now Text Fallback: Helvetica";
  src: local('Helvetica');
  ascent-override: 104.1766%;
  descent-override: 33.787%;
  size-adjust: 106.5498%;
}
@font-face {
  font-stretch: condensed;
  font-family: "Helvetica Now Text Fallback: Arial";
  src: local('Arial'), local('ArialMT');
  ascent-override: 136.7903%;
  descent-override: 44.3644%;
  line-gap-override: 0%;
  size-adjust: 81.1461%;
}
@font-face {
  font-stretch: condensed;
  font-family: "Helvetica Now Text Fallback: Helvetica";
  src: local('Helvetica');
  ascent-override: 136.7903%;
  descent-override: 44.3644%;
  size-adjust: 81.1461%;
}
.navilens-button {
	--navilens-button-top-offset: 1.25rem;

	position: fixed;
	top: var(--navilens-button-top-offset);
	z-index: var(--z-index-skip-link);
	display: flex;
	gap: 0.25rem;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s;
}[dir=ltr] .navilens-button {
	left: 1.25rem;
}[dir=rtl] .navilens-button {
	right: 1.25rem;
}

.navilens-button__icon {
	width: 1rem;
	height: 1rem;
}

.navilens-button:focus-visible {
	pointer-events: auto;
	opacity: 1;
}

.navilens-button__scanner-drawer {
	height: 100%;
}

.navilens-button__scanner-content {
	display: flex;
	flex: 1;
	flex-direction: column;
	overflow: hidden;
}

[dir] .navilens-button__scanner-content {
	padding-bottom: var(--spacing-04);
}

.navilens-button__scanner-iframe {
	flex: 1;
	width: 100%;
}

[dir] .navilens-button__scanner-iframe {
	border: none;
}

.media-with-placeholder__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
}

.size-request-banner {
	--size-request-cell-image-width: 3.625rem;
	--size-request-cell-image-height: 5.5rem;
	--size-request-cell-arrow-icon-size: 0.875rem;
}[dir] .size-request-banner {

	padding: var(--spacing-04);
	background-color: var(--color-background-base-alt);
}

.size-request-banner__inner {
	position: relative;
	display: flex;
	gap: var(--spacing-02);
	width: 100%;
}

.size-request-banner__image-container {
	flex-shrink: 0;
	width: var(--size-request-cell-image-width);
	height: var(--size-request-cell-image-height);
	overflow: hidden;
}

.size-request-banner__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.size-request-banner__content {
	width: 100%;
}

[dir=ltr] .size-request-banner__content {
	text-align: left;
}

[dir=rtl] .size-request-banner__content {
	text-align: right;
}

.size-request-banner__size-label {
	font-size: var(--font-size-body-l);
	color: var(--color-content-high);
	text-transform: uppercase;
	line-height: var(--line-height-body-l);
	letter-spacing: var(--letter-spacing-body-l);
	font-stretch: var(--font-stretch-body-l);
	font-weight: var(--font-weight-body-l);
}

[dir] .size-request-banner__size-label {
	margin-bottom: var(--spacing-01);
}

.size-request-banner__name {
	font-size: var(--font-size-body-m);
	color: var(--color-content-high);
	text-transform: uppercase;
	line-height: var(--line-height-body-m);
	letter-spacing: var(--letter-spacing-body-m);
	font-stretch: var(--font-stretch-body-m);
	font-weight: var(--font-weight-body-m);
}

.size-request-banner__footer {
	display: flex;
	gap: var(--spacing-01);
	align-items: center;
	justify-content: end;
	width: 100%;
}

[dir] .size-request-banner__footer {
	margin-top: var(--spacing-07);
}

.size-request-banner__footer::after {
	position: absolute;
	inset: calc(var(--spacing-04) * -1);
	z-index: 1;
	content: "";
}

.size-request-banner__status {
	font-size: var(--font-size-label-m);
	line-height: 1;
	color: var(--color-content-high);
	text-transform: uppercase;
	letter-spacing: var(--letter-spacing-label-m);
	font-stretch: var(--font-stretch-label-m);
	font-weight: var(--font-weight-label-m);
}

.size-request-banner__arrow-icon {
	width: var(--size-request-cell-arrow-icon-size);
	height: var(--size-request-cell-arrow-icon-size);
	color: var(--color-content-high);
}

.size-request-banner__close {
	position: absolute;
	top: 0;
	z-index: 2;
}

[dir=ltr] .size-request-banner__close {
	right: 0;
}

[dir=rtl] .size-request-banner__close {
	left: 0;
}

.home-page {
	overflow: hidden;
	-ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.home-page::-webkit-scrollbar {
	display: none;
}

[dir] .home-page .layout-content {
	margin: 0;
}

.home-page .layout-content,
.home-page .layout-content__main {
	min-width: 100%;
}

.home-page .layout-header-mob {
	touch-action: none;
}

.home-page .layout-header-mob__logo {
	display: flex;
	grid-row: 2;
	grid-column: 1 / -1;
	justify-content: center;
	max-width: 17.125rem;
}

[dir] .home-page .layout-header-mob__logo {
	margin: var(--spacing-03) auto 0;
}

/* stylelint-disable-next-line selector-max-compound-selectors */
.home-page .layout-header-mob__logo .layout-catalog-logo__link {
	justify-content: center;
}

.home-page__size-request-banner {
	position: absolute;
	top: calc(var(--layout-header-height) + var(--spacing-09));
	z-index: 1;
}

[dir=ltr] .home-page__size-request-banner {
	right: var(--spacing-05);
	left: var(--spacing-05);
}

[dir=rtl] .home-page__size-request-banner {
	left: var(--spacing-05);
	right: var(--spacing-05);
}

/* Fixes iOS/Mac Safari bug that causes elements on top of the slide medias to disappear
   when "translateX" is applied to the slider-spot universes container element */
/* stylelint-disable-next-line selector-max-compound-selectors */
[dir] .home-page .slider-spot .media-image__svg, [dir] .home-page .slider-spot .media-video__svg, [dir] .home-page .slider-spot .media-video__controls {
	transform: translateZ(0);
}

@media screen and (min-width: 48rem) {
	[dir] .home-page:not(.mkt) .layout-footer {
		margin-top: calc(var(--layout-header-height) + 2 * var(--spacing-05));
	}
}