/* Compact arrows overlay the mobile category list without reserving text space. */
.lsh-category-scroll[hidden] { display: none !important; }

@media (max-width: 780px) {
	/* Keep category links easy to tap while removing excess row spacing. */
	html body.lsh-mobile-catalog-header .ls-category-row .ls-nav-menu {
		padding-block: 0;
	}

	html body.lsh-mobile-catalog-header .ls-category-row .ls-nav-menu li a {
		min-height: 44px;
		padding-block: 8px;
	}

	/* A pale mint fill keeps the selected category distinct without a dark block. */
	html body.lsh-mobile-catalog-header .ls-category-row .ls-nav-menu li.current-menu-item > a,
	html body.lsh-mobile-catalog-header .ls-category-row .ls-nav-menu li.current-menu-ancestor > a,
	html body.lsh-mobile-catalog-header .ls-category-row .ls-nav-menu li > a[aria-current="page"] {
		background: #d7eee5;
		color: #0b5f4a;
	}

	html body.lsh-mobile-catalog-header .ls-category-row.has-scroll-controls {
		position: relative;
	}


	/* Fade and blur clipped labels behind the crisp category arrows. */
	html body.lsh-mobile-catalog-header .ls-category-row.has-scroll-controls::before,
	html body.lsh-mobile-catalog-header .ls-category-row.has-scroll-controls::after {
		background: rgba(250, 254, 252, .65);
		bottom: 1px;
		content: "";
		pointer-events: none;
		position: absolute;
		top: 1px;
		width: 32px;
		z-index: 1;
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}
	html body.lsh-mobile-catalog-header .ls-category-row.has-scroll-controls::before {
		left: 0;
		-webkit-mask-image: linear-gradient(to right, #000 50%, transparent);
		mask-image: linear-gradient(to right, #000 50%, transparent);
	}
	html body.lsh-mobile-catalog-header .ls-category-row.has-scroll-controls::after {
		right: 0;
		-webkit-mask-image: linear-gradient(to left, #000 50%, transparent);
		mask-image: linear-gradient(to left, #000 50%, transparent);
	}

	html body.lsh-mobile-catalog-header .ls-category-row.has-scroll-controls .ls-nav-menu {
		min-width: 0;
	}

	html body.lsh-mobile-catalog-header .ls-category-row .lsh-category-scroll {
		align-items: center;
		background: none;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		box-sizing: border-box;
		color: var(--ls-mobile-action, #0b5f4a);
		cursor: pointer;
		display: inline-flex;
		flex: none;
		height: 32px;
		justify-content: center;
		margin: 0;
		min-height: 32px;
		min-width: 24px;
		padding: 0;
		position: absolute;
		top: 50%;
		touch-action: manipulation;
		transform: translateY(-50%);
		width: 24px;
		z-index: 2;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	html body.lsh-mobile-catalog-header .ls-category-row .lsh-category-scroll--prev { left: 0; }
	html body.lsh-mobile-catalog-header .ls-category-row .lsh-category-scroll--next { right: 0; }

	html body.lsh-mobile-catalog-header .lsh-category-scroll svg {
		fill: none;
		height: 18px;
		pointer-events: none;
		stroke: currentColor;
		width: 18px;
	}

	html body.lsh-mobile-catalog-header .ls-category-row .lsh-category-scroll:disabled {
		box-shadow: none;
		cursor: default;
		opacity: .3;
		pointer-events: none;
	}

	html body.lsh-mobile-catalog-header .lsh-category-scroll:focus-visible {
		outline: 2px solid var(--ls-mobile-action, #0b5f4a);
		outline-offset: 1px;
	}
}