.header-main-row.is-fixed {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 50;
	background-color: rgb(var(--ds-surface-soft) / 0.95);
	box-shadow:
		var(--tw-ring-offset-shadow, 0 0 #0000),
		var(--tw-ring-shadow, 0 0 #0000),
		0 1px 2px 0 rgb(0 0 0 / 0.05);
	transform: translateY(0);
	opacity: 1;
}

.header-main-row.is-fixed.is-hidden {
	transform: translateY(-110%);
	opacity: 0;
	pointer-events: none;
}

.js-site-header.is-compact .header-main-row {
	min-height: 68px;
}

.js-site-header.is-compact .header-catalog-row {
	border-top-width: 0;
}

.js-site-header.is-compact #shop-menu .shop-menu-top-item {
	min-height: 56px;
}

.js-site-header.is-compact #shop-menu .shop-menu-top-link {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 14px;
}

.js-site-header.is-compact #shop-menu .shop-menu-item-icon-wrap,
.js-site-header.is-compact #shop-menu .shop-menu-item-icon {
	width: 2rem;
	height: 2rem;
}

@media (min-width: 1024px) {
	.js-site-header.is-compact .header-main-row.is-fixed .header-desktop-catalog-toggle {
		display: inline-flex;
	}

	.header-main-row.is-fixed ~ .header-catalog-row.header-nav-row {
		position: fixed;
		left: 0;
		right: 0;
		top: 68px;
		z-index: 45;
		transform: translateY(-108%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: transform 220ms ease, opacity 180ms ease, visibility 180ms ease;
		box-shadow: 0 14px 30px rgb(var(--ds-shadow) / 0.18);
	}

	.header-main-row.is-fixed ~ .header-catalog-row.header-nav-row.is-open-desktop {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	body.has-fixed-header-row {
		padding-top: 68px;
	}
}

@media (max-width: 1023.98px) {
	.js-site-header.is-compact #shop-menu .shop-menu-top-item {
		min-height: 52px;
	}

	.js-site-header.is-compact #shop-menu .shop-menu-top-link {
		padding: 0.72rem 0.95rem;
		font-size: 0.9rem;
	}

	.js-site-header.is-compact #shop-menu .shop-menu-item-icon-wrap,
	.js-site-header.is-compact #shop-menu .shop-menu-item-icon {
		width: 2.5rem;
		height: 2.5rem;
	}
}

@media (max-width: 1023px) {
	.js-site-header .header-main-row.is-fixed {
		border-bottom: 1px solid rgb(var(--ds-border) / 1) !important;
	}

	body.has-fixed-header-row {
		padding-top: 72px;
	}

	.js-site-header.is-compact .header-main-row {
		min-height: 72px;
	}
}

@media (max-width: 767.98px) {
	body.has-fixed-header-row {
		padding-top: 64px;
	}

	.js-site-header.is-compact .header-main-row {
		min-height: 64px;
	}
}