/* === tdshm catalog menu compact v5 === */
@media (min-width: 992px) {
	:root {
		--menu-height: auto;
	}

	.menu1.new {
		max-height: none !important;
		height: auto !important;
		overflow: visible !important;
	}
	.menu1.new .menu__collapse.main-menu__collapse.m-menu,
	.menu1.new .menu__collapse {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	.menu__level-2.column-1.open,
	.menu1.new .menu__level-2 {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		align-content: flex-start !important;
		align-items: stretch;
		background: #fff !important;
		box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12);
		padding: 8px 0 !important;
	}

	/* Narrow brand dropdown panel */
	.menu1.new .menu__level-2.column-1.open,
	.menu__level-2.column-1.open,
	#menu .menu__level-2.column-1.open {
		width: 440px !important;
		max-width: min(440px, calc(100vw - 300px)) !important;
		/* keep beside category list (theme uses left:30%) */
	}
	.menu1.new .menu__level-2.column-1.open {
		left: 30% !important;
	}
	#menu .menu__level-2-ul.has-image,
	.menu1.new .menu__level-2-ul.has-image {
		width: 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		float: none !important;
	}
	/* col-md-12 from bootstrap forces full row — override */
	#menu .menu__level-2-ul.has-image.col-md-12,
	.menu1.new .menu__level-2-ul.has-image.col-md-12 {
		width: 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}


	/* Compact category rows */
	#menu .menu__level-1-a,
	.menu1.new .menu__level-1-a {
		min-height: 36px;
		padding: 6px 12px;
		line-height: 1.25;
	}
	#menu .menu__level-1-li.has-children:after,
	.menu1.new .menu__level-1-li.has-children:after {
		height: 36px;
		width: 28px;
	}

	#menu .menu__level-1-li,
	.menu1.new .menu__level-1-li {
		border-top: 1px solid rgba(17, 24, 39, 0.16) !important;
	}
	#menu .menu__level-1-li:first-child,
	.menu1.new .menu__level-1-li:first-child {
		border-top: none !important;
	}

	#menu .menu__level-1-li:hover,
	.menu1.new .menu__level-1-li:hover {
		background: rgba(26, 86, 219, 0.1);
	}
	#menu .menu__level-1-li:hover > .menu__level-1-a,
	.menu1.new .menu__level-1-li:hover > .menu__level-1-a {
		color: #1a56db;
	}
	#menu .menu__level-1-li.open:hover,
	.menu1.new .menu__level-1-li.open:hover,
	#menu .menu__level-1-li.is-active,
	.menu1.new .menu__level-1-li.is-active {
		background: #1a56db;
	}
	#menu .menu__level-1-li.open:hover > .menu__level-1-a,
	.menu1.new .menu__level-1-li.open:hover > .menu__level-1-a,
	#menu .menu__level-1-li.is-active > .menu__level-1-a,
	.menu1.new .menu__level-1-li.is-active > .menu__level-1-a,
	#menu .menu__level-1-a.is-active {
		color: #fff !important;
	}
	#menu .menu__level-1-li.is-active:after,
	#menu .menu__level-1-li.open:hover:after {
		color: rgba(255, 255, 255, 0.85) !important;
	}

	/* Shared level-2 cells */
	#menu .menu__level-2-ul,
	.menu1.new .menu__level-2-ul {
		padding: 0;
		height: auto !important;
		align-self: flex-start;
		border-right: 1px solid rgba(17, 24, 39, 0.1);
		border-bottom: 1px solid rgba(17, 24, 39, 0.1);
	}

	/* TEXT-ONLY subcategories (industrial etc.) — normal readable list */
	#menu .menu__level-2-ul:not(.has-image),
	.menu1.new .menu__level-2-ul:not(.has-image) {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		border-right: none !important;
	}
	#menu .menu__level-2-ul:not(.has-image) > .menu__level-2-a,
	.menu1.new .menu__level-2-ul:not(.has-image) > .menu__level-2-a,
	#menu .menu__level-2-ul:not(.has-image) .menu__level-2-a,
	.menu1.new .menu__level-2-ul:not(.has-image) .menu__level-2-a {
		display: block !important;
		min-height: 0 !important;
		padding: 10px 16px !important;
		margin: 0 !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.35 !important;
		text-align: left !important;
		white-space: normal !important;
		color: #111827 !important;
		background: transparent;
	}
	#menu .menu__level-2-ul:not(.has-image):hover,
	.menu1.new .menu__level-2-ul:not(.has-image):hover {
		background: rgba(26, 86, 219, 0.08) !important;
	}
	#menu .menu__level-2-ul:not(.has-image):hover > .menu__level-2-a,
	.menu1.new .menu__level-2-ul:not(.has-image):hover > .menu__level-2-a {
		color: #1a56db !important;
	}

	/* Brand grid WITH images — larger logos/names */
	#menu .menu__level-2-ul.has-image:not(.has-children) > div,
	.menu1.new .menu__level-2-ul.has-image:not(.has-children) > div {
		min-height: 88px;
		padding: 10px 10px;
		justify-content: center;
		gap: 4px;
	}
	#menu .menu__level-2-img,
	.menu1.new .menu__level-2-img {
		max-height: 56px;
		max-width: 120px;
		width: auto;
		height: auto;
		object-fit: contain;
		margin: 0 auto;
	}
	#menu .menu__level-2-ul.has-image .menu__level-2-a,
	.menu1.new .menu__level-2-ul.has-image .menu__level-2-a {
		min-height: 0;
		padding: 0;
		font-size: 1.15em !important;
		font-weight: 600;
		line-height: 1.2;
		text-align: center;
	}
	#menu .menu__level-2-ul.has-image:hover,
	.menu1.new .menu__level-2-ul.has-image:hover {
		background: rgba(26, 86, 219, 0.06) !important;
	}
	#menu .menu__level-2-ul.has-image.is-active,
	.menu1.new .menu__level-2-ul.has-image.is-active {
		background: rgba(26, 86, 219, 0.12) !important;
	}
	#menu .menu__level-2-ul.has-image.is-active .menu__level-2-a,
	#menu .menu__level-2-ul.has-image:hover .menu__level-2-a,
	.menu1.new .menu__level-2-ul.has-image:hover .menu__level-2-a {
		color: #1a56db !important;
	}

	/* Top header nav — fill to separators */
	.menu_top_main {
		align-items: stretch;
	}

	.menu-block {
		align-items: stretch !important;
	}
	.menu-block > .header-block__item-search,
	.menu-block > .menu__headers {
		align-self: center;
	}
	.menu-block > .menu_top_main,
	.menu1 .menu_top_main {
		align-self: stretch !important;
		height: auto !important;
		min-height: 100% !important;
	}
	.menu_top_main > li,
	.menu_top_main > li.menu__level-1-li {
		align-self: stretch !important;
		height: auto !important;
		min-height: 100% !important;
	}
	.menu_top_main > li,
	.menu_top_main > li.menu__level-1-li,
	.menu1 .open .menu_top_main > .menu__level-1-li,
	.menu-block .open .menu_top_main > .menu__level-1-li {
		padding: 0 !important;
		display: flex !important;
		align-items: stretch;
		margin: 0;
	}
	.menu_top_main > li + li {
		box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.28);
	}
	.menu_top_main > li > a,
	.menu_top_main > li > a.menu__level-1-a {
		display: flex !important;
		align-items: center;
		justify-content: center;
		height: 100% !important;
		width: 100%;
		min-height: 100%;
		padding: 0 16px !important;
		margin: 0 !important;
		box-sizing: border-box;
		transition: background 0.15s ease, color 0.15s ease;
	}
	.menu_top_main > li:hover,
	.menu_top_main > li:hover > a {
		background: rgba(255, 255, 255, 0.12) !important;
	}
	.menu_top_main > li.is-active,
	.menu_top_main > li:has(> a.is-active),
	.menu_top_main > li.is-active > a,
	.menu_top_main > li > a.is-active {
		background: rgba(255, 255, 255, 0.22) !important;
		font-weight: 700;
	}
	.menu_top_main > li.is-active > a,
	.menu_top_main > li > a.is-active {
		text-decoration: underline;
		text-underline-offset: 3px;
	}

}
/* === /tdshm catalog menu compact v5 === */