/* Shared Storefront two-column frame and desktop left navigation. */
body.tc-storefront-product-route,
body.tc-storefront-category-archive,
body.tc-storefront-search-results {
	--tc-storefront-frame: 1032px;
	--tc-storefront-nav: 210px;
	--tc-storefront-gap: 20px;
	--tc-storefront-main: 802px;
}

.tc-storefront-layout {
	display: grid;
	grid-template-columns: var(--tc-storefront-nav) minmax(0, var(--tc-storefront-main));
	align-items: start;
	gap: var(--tc-storefront-gap);
	width: 100%;
	max-width: var(--tc-storefront-frame);
	min-width: 0;
}

.tc-storefront-layout__main {
	min-width: 0;
	width: 100%;
	max-width: var(--tc-storefront-main);
}

.tc-storefront-catalog-nav {
	position: sticky;
	top: 24px;
	font-size: 15px;
	width: var(--tc-storefront-nav);
	min-width: 0;
	box-sizing: border-box;
}

body.admin-bar .tc-storefront-catalog-nav {
	top: 56px;
}

.tc-storefront-catalog-nav *,
.tc-storefront-catalog-nav *::before,
.tc-storefront-catalog-nav *::after {
	box-sizing: border-box;
}

.tc-storefront-catalog-nav__nav {
	overflow: hidden;
	border: 1px solid #d7e4ee;
	border-radius: 4px;
	background: #fff;
	box-shadow: none;
}

.tc-storefront-catalog-nav__title {
	margin: 0;
	padding: 1rem;
	background: linear-gradient(135deg, #0786d8, #0068b7);
	color: #fff;
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.35;
}

.tc-storefront-catalog-nav__items {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tc-storefront-catalog-nav__item {
	margin: 0;
}

.tc-storefront-catalog-nav__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	min-height: 48px;
	padding: 0.7rem 0.9rem;
	border-bottom: 1px solid #e3edf4;
	color: #07366f;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	text-decoration: none;
}

.tc-storefront-catalog-nav__item:last-child .tc-storefront-catalog-nav__link {
	border-bottom: 0;
}

.tc-storefront-catalog-nav__link:hover,
.tc-storefront-catalog-nav__link:focus,
.tc-storefront-catalog-nav__link.is-current {
	background: #eaf6fd;
	color: #0068b7;
	text-decoration: none;
}

.tc-storefront-catalog-nav__link.is-current {
	border-left: 4px solid #0787d6;
	box-shadow: none;
}

.tc-storefront-catalog-nav__identity {
	display: flex;
	align-items: center;
	min-width: 0;
}

.tc-storefront-catalog-nav__identity.has-logo {
	width: 144px;
	height: 38px;
	flex: 0 1 144px;
}

.tc-storefront-catalog-nav__link--maker { min-height: 60px; }
.tc-storefront-catalog-nav__identity.has-logo-name { gap: 8px; }
.tc-storefront-catalog-nav__identity.has-stacked-name { flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; }
.tc-storefront-catalog-nav__logo-name { min-width: 0; color: #173e64; font-size: 12px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }

.tc-storefront-catalog-nav__label {
	overflow-wrap: anywhere;
}

.tc-storefront-catalog-nav__logo {
	display: block;
	width: var(--tc-nav-logo-width, 120px);
	height: auto;
	max-width: 100%;
	max-height: var(--tc-nav-logo-height, 32px);
	flex-shrink: 0;
	object-fit: contain;
	object-position: left center;
}

.tc-storefront-catalog-nav__chevron {
	flex: 0 0 auto;
	color: #64a7d7;
	font-size: 1.35rem;
	line-height: 1;
}

.tc-storefront-catalog-nav__content { border-bottom: 1px solid #e3edf4; background: #fff; }
.tc-storefront-catalog-nav__content summary { display: flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 14px 8px 18px; color: #4b6780; font-size: 15px; font-weight: 600; list-style: none; cursor: pointer; }
.tc-storefront-catalog-nav__content summary::-webkit-details-marker { display: none; }
.tc-storefront-catalog-nav__content-label { display: flex; flex-direction: column; line-height: 1.35; }
.tc-storefront-catalog-nav__content-label > span { white-space: nowrap; }
.tc-storefront-catalog-nav__content summary::after { content: '+'; margin-left: auto; color: #167cb7; font-size: 17px; font-weight: 400; }
.tc-storefront-catalog-nav__content[open] summary::after { content: '−'; }
.tc-storefront-catalog-nav__content summary:hover { color: #076fa9; background: #f4f9fd; }
.tc-storefront-catalog-nav__count { padding: 1px 5px; border-radius: 3px; background: #eaf2f8; color: #54748a; font-size: 10px; }
.tc-storefront-catalog-nav__content ul { max-height: 340px; overflow-y: auto; overscroll-behavior: contain; margin: 0; padding: 0 10px 10px 18px; list-style: none; scrollbar-width: thin; }
.tc-storefront-catalog-nav__content li { margin: 0; padding: 0; }
.tc-storefront-catalog-nav__content li a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; padding: 7px 6px 7px 10px; border-left: 2px solid #dce9f2; color: #345a75; font-size: 15px; line-height: 1.55; text-decoration: none; overflow-wrap: anywhere; }
.tc-storefront-catalog-nav__content li a:hover { border-left-color: #0786d8; background: #edf6fc; color: #056aa2; }
.tc-storefront-catalog-nav__content li a > span { flex: 0 0 auto; color: #80a6be; }
.tc-storefront-catalog-nav__content a:focus-visible,
.tc-storefront-catalog-nav__content summary:focus-visible { outline: 2px solid #0878c9; outline-offset: -2px; }
.tc-storefront-catalog-nav__content--guides { background: #f6f9fc; border-top: 1px solid #d7e4ee; border-bottom: 0; }
.tc-storefront-catalog-nav__content--guides summary { min-height: 46px; color: #173e64; font-size: 15px; }


/* Optical logo sizes for the desktop navigation only. Native artwork is preserved. */
.tc-storefront-catalog-nav__identity[data-maker="aeg"] { --tc-nav-logo-width: 78px; --tc-nav-logo-height: 36px; }
.tc-storefront-catalog-nav__identity[data-maker="aica"] { --tc-nav-logo-width: 112px; --tc-nav-logo-height: 30px; }
.tc-storefront-catalog-nav__identity[data-maker="ariafina"] { --tc-nav-logo-width: 112px; --tc-nav-logo-height: 36px; }
.tc-storefront-catalog-nav__identity[data-maker="asko"] { --tc-nav-logo-width: 100px; --tc-nav-logo-height: 36px; }
.tc-storefront-catalog-nav__identity[data-maker="aux"] { --tc-nav-logo-width: 54px; --tc-nav-logo-height: 36px; }
.tc-storefront-catalog-nav__identity[data-maker="bosch"] { --tc-nav-logo-width: 122px; --tc-nav-logo-height: 30px; }
.tc-storefront-catalog-nav__identity[data-maker="cleansui"] { --tc-nav-logo-width: 110px; --tc-nav-logo-height: 36px; }
.tc-storefront-catalog-nav__identity[data-maker="dnp"] { --tc-nav-logo-width: 98px; --tc-nav-logo-height: 32px; }
.tc-storefront-catalog-nav__identity[data-maker="fujioh"] { --tc-nav-logo-width: 124px; --tc-nav-logo-height: 25px; }
.tc-storefront-catalog-nav__identity[data-maker="gaggenau"] { --tc-nav-logo-width: 124px; --tc-nav-logo-height: 24px; }
.tc-storefront-catalog-nav__identity[data-maker="grohe"] { --tc-nav-logo-width: 48px; --tc-nav-logo-height: 38px; }
.tc-storefront-catalog-nav__identity[data-maker="hansgrohe"] { --tc-nav-logo-width: 122px; --tc-nav-logo-height: 24px; }
.tc-storefront-catalog-nav__identity[data-maker="harman"] { --tc-nav-logo-width: 112px; --tc-nav-logo-height: 28px; }
.tc-storefront-catalog-nav__identity[data-maker="hitachi"] { --tc-nav-logo-width: 110px; --tc-nav-logo-height: 26px; }
.tc-storefront-catalog-nav__identity[data-maker="ibi"] { --tc-nav-logo-width: 94px; --tc-nav-logo-height: 36px; }
.tc-storefront-catalog-nav__identity[data-maker="iris-ohyama"] { --tc-nav-logo-width: 130px; --tc-nav-logo-height: 36px; }
.tc-storefront-catalog-nav__identity[data-maker="kitz"] { --tc-nav-logo-width: 108px; --tc-nav-logo-height: 30px; }
.tc-storefront-catalog-nav__identity[data-maker="lixil"] { --tc-nav-logo-width: 100px; --tc-nav-logo-height: 32px; }
.tc-storefront-catalog-nav__identity[data-maker="max"] { --tc-nav-logo-width: 70px; --tc-nav-logo-height: 36px; }
.tc-storefront-catalog-nav__identity[data-maker="meisui"] { --tc-nav-logo-width: 118px; --tc-nav-logo-height: 28px; }
.tc-storefront-catalog-nav__identity[data-maker="miele"] { --tc-nav-logo-width: 104px; --tc-nav-logo-height: 28px; }
.tc-storefront-catalog-nav__identity[data-maker="mitsubishi-electric"] { --tc-nav-logo-width: 124px; --tc-nav-logo-height: 36px; }
.tc-storefront-catalog-nav__identity[data-maker="myset"] { --tc-nav-logo-width: 116px; --tc-nav-logo-height: 30px; }
.tc-storefront-catalog-nav__identity[data-maker="noritz"] { --tc-nav-logo-width: 116px; --tc-nav-logo-height: 28px; }
.tc-storefront-catalog-nav__identity[data-maker="paloma"] { --tc-nav-logo-width: 106px; --tc-nav-logo-height: 28px; }
.tc-storefront-catalog-nav__identity[data-maker="panasonic"] { --tc-nav-logo-width: 110px; --tc-nav-logo-height: 23px; }
.tc-storefront-catalog-nav__identity[data-maker="rinnai"] { --tc-nav-logo-width: 90px; --tc-nav-logo-height: 23px; }
.tc-storefront-catalog-nav__identity[data-maker="sanka-kogyo"] { --tc-nav-logo-width: 144px; --tc-nav-logo-height: 20px; }
.tc-storefront-catalog-nav__identity[data-maker="seagull-four"] { --tc-nav-logo-width: 144px; --tc-nav-logo-height: 20px; }
.tc-storefront-catalog-nav__identity[data-maker="takara-standard"] { --tc-nav-logo-width: 120px; --tc-nav-logo-height: 30px; }
.tc-storefront-catalog-nav__identity[data-maker="takasu"] { --tc-nav-logo-width: 144px; --tc-nav-logo-height: 22px; }
.tc-storefront-catalog-nav__identity[data-maker="toclas"] { --tc-nav-logo-width: 74px; --tc-nav-logo-height: 36px; }
.tc-storefront-catalog-nav__identity[data-maker="toto"] { --tc-nav-logo-width: 110px; --tc-nav-logo-height: 28px; }
.tc-storefront-catalog-nav__identity[data-maker="watanabe"] { --tc-nav-logo-width: 144px; --tc-nav-logo-height: 20px; }
.tc-storefront-catalog-nav__identity[data-maker="westinghouse"] { --tc-nav-logo-width: 38px; --tc-nav-logo-height: 38px; }

@media (max-width: 1064px) {
	.tc-storefront-layout {
		display: block;
	}

	.tc-storefront-catalog-nav {
		display: none;
	}

	.tc-storefront-layout__main {
		max-width: none;
	}
}