:not(#\9)  {
	--nav-shadow-size: 30px;
	--nav-top-offset: 118px;
	--nav-block-margin: 8px;
	--nav-link-block-padding: 8px;
	--nav-link-inline-padding: 16px;
	--nav-link-font-size: 14px;

	@media (min-width: 600px) {
		--nav-shadow-size: 60px;
		--nav-block-margin: 12px;
		--nav-top-offset: 117px;
		--nav-link-font-size: 15px;
	}

	@media (min-width: 780px) {
		--nav-shadow-size: 90px;
		--nav-link-block-padding: 12px;
		--nav-link-inline-padding: 20px;
		--nav-top-offset: 51px;
		--nav-link-font-size: 16px;
	}

	@media (min-width: 1024px) {
		--nav-top-offset: 49px;
		--nav-block-margin: 16px;
	}

	@media (min-width: 1242px) {
		--nav-top-offset: 40px;
	}

	.l-canvas {
		@media (max-width: 769px) {
			overflow: visible;
		}
	}

	.l-section[id] {
		scroll-margin-top: calc(var(--nav-top-offset) + var(--nav-block-margin) * 2 + 54px);
	}

	.products_menu_yes {
		position: sticky;
		top: var(--nav-top-offset);
		z-index: 21;
		transition-duration: .3s;
		transition-property: background-color, box-shadow;
		backdrop-filter: blur(8px);
		margin-block: var(--nav-block-margin);

		&.is_sticky {
			background-color: var(--color-header-middle-bg);
			box-shadow: 0 1px 0 var(--color-content-border);
		}
	}

	.us_custom_6f45f4bf {
		margin-block: 0 !important;
		/* TODO: Remove parent */
	}

	.us_menu_1 {
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		user-select: none;
		transition-property: mask-position, mask-size;
		transition-duration: .3s;
    	overflow: auto;
		padding: var(--nav-block-margin) 0;

		&::-webkit-scrollbar {
			display: none;
			width: 0;
			height: 2px;
			appearance: none;
		}

		&.js-scrollable {
			cursor: grab;
			-webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--nav-shadow-size), #000 calc(100% - var(--nav-shadow-size)), transparent);
			mask-image: linear-gradient(90deg, transparent, #000 var(--nav-shadow-size), #000 calc(100% - var(--nav-shadow-size)), transparent);
			-webkit-mask-position: calc(-1 * var(--nav-shadow-size)) 0;
			mask-position: calc(-1 * var(--nav-shadow-size)) 0;
			-webkit-mask-size: calc(100% + calc(var(--nav-shadow-size) * 2)) auto;
			mask-size: calc(100% + calc(var(--nav-shadow-size) * 2)) auto;
		}

		&.js-dragging {
			cursor: grabbing;
		}

		&.js-shadow-start {
			mask-position: 0 0;
		}

		&.js-shadow-end {
			mask-position: calc(var(--nav-shadow-size) * -2) 0;
		}

		&.js-shadow-start.js-shadow-end {
			mask-position: 0 0;
			mask-size: 100% auto;
		}

		.menu {
			flex-wrap: nowrap;
		}
	}

	.w-menu.style_blocks .menu > li {
		.is_sticky &.current-menu-item a {
			background: none;
		}

		> a {
			padding: var(--nav-link-block-padding) var(--nav-link-inline-padding);
			border-radius: 8px;
			user-select: none;
			position: relative;
			font-size: var(--nav-link-font-size);

			&::before {
				content: '';
				position: absolute;
				inset: calc(-1 * var(--nav-block-margin)) -4px;
			}

			.is_sticky &.is-active {
				color: var(--color-content-primary);
				background: #000;
			}
		}
	}

	.w-menu.layout_hor .menu>li:not(:last-of-type) {
		margin-inline-end: 2px;
	}
}