/* Cross-browser header flow. Loaded after v41. Does not restyle .chb-nav-bar items. */

html body .elementor-location-header,
html body .elementor-24827,
html body .elementor-location-header *,
html body .elementor-24827 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html body header.elementor-location-header {
	position: relative !important;
	z-index: 5002 !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
}

#chb-hdr-spacer {
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	pointer-events: none;
}

html body.chb-header-stuck .elementor-24827 .elementor-element-cf3056e,
html body.chb-header-stuck.home .elementor-24827 .elementor-element-cf3056e,
html body.chb-header-stuck.chb-crystal-nav .elementor-24827 .elementor-element-cf3056e {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	z-index: 5003 !important;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-shadow: 0 1px 0 rgba(47, 61, 42, 0.08) !important;
}

html body.chb-crystal-nav .chb-nav {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 4000;
}

html body.chb-header-stuck.chb-crystal-nav .chb-nav {
	top: var(--chb-hdr-stuck-h, 88px);
}

html body.chb-header-stuck .elementor-element-b962188 {
	visibility: hidden;
}

/* Do not let overflow-x:hidden kill sticky in Safari. */
html body.chb-crystal-nav,
html.chb-crystal-nav {
	overflow-x: visible !important;
}

html body .elementor-24827 .elementor-element-cf3056e,
html body.chb-crystal-nav .elementor-24827 .elementor-element-cf3056e {
	position: relative !important;
	top: auto !important;
}

html body .elementor-24827 input.dgwt-wcas-search-input {
	-webkit-appearance: none;
	appearance: none;
	font-size: 16px !important;
}

html body .elementor-24827 .dgwt-wcas-search-submit {
	-webkit-appearance: none;
	appearance: none;
}

html body .elementor-24827 a:focus,
html body .elementor-24827 button:focus,
html body .header-buttons a:focus,
html body .elementor-element-b962188 a:focus {
	outline: 2px solid #c9a84c;
	outline-offset: 2px;
}

html body .elementor-24827 a:focus:not(:focus-visible),
html body .elementor-24827 button:focus:not(:focus-visible) {
	outline: none;
}

html body .dgwt-wcas-overlay-mobile,
html body .dgwt-wcas-om-bar,
html body .dgwt-wcas-details-wrapp,
html body .dgwt-wcas-suggestions-wrapp {
	z-index: 100050 !important;
}

html body .header-buttons .chb-nav-metal,
html body.chb-crystal-nav .header-buttons a.chb-nav-metal {
	-webkit-flex-direction: row !important;
	flex-direction: row !important;
}

html body .elementor-24827 .header-login a,
html body .elementor-24827 .header-cart > a {
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

@supports not (gap: 1px) {
	html body .elementor-24827 .elementor-element-cf3056e > .e-con-inner > * + * {
		margin-left: 16px;
	}
	html body .elementor-24827 .header-buttons > * + * {
		margin-left: 8px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-24827 .elementor-element-75d1706,
	html body .elementor-24827 .elementor-element-75d1706.e-transform,
	html body .elementor-24827 .chb-logo-inflow {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		-webkit-transform: none !important;
		transform: none !important;
		inset: auto !important;
		-webkit-flex: 0 0 132px !important;
		flex: 0 0 132px !important;
		width: 132px !important;
		max-width: 132px !important;
		align-self: center !important;
	}
}

@media (max-width: 767px) {
	html body .elementor-element-b962188 {
		display: none !important;
	}

	html body .elementor-24827 .elementor-element-cf3056e,
	html body.home .elementor-24827 .elementor-element-cf3056e,
	html body.chb-crystal-nav .elementor-24827 .elementor-element-cf3056e {
		min-height: 64px !important;
		height: auto !important;
		overflow: visible !important;
	}

	html body .elementor-24827 .elementor-element-cf3056e > .e-con-inner {
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
		-webkit-align-items: center !important;
		align-items: center !important;
		padding: 8px 10px 8px 56px !important;
		min-height: 64px !important;
		gap: 8px !important;
	}

	html body .elementor-24827 .elementor-element-75d1706,
	html body .elementor-24827 .elementor-element-75d1706.e-transform,
	html body .elementor-24827 .chb-logo-inflow {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-flex: 1 1 auto !important;
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: 140px !important;
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 !important;
		margin: 0 !important;
		order: 1 !important;
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-align-items: center !important;
		align-items: center !important;
		overflow: hidden !important;
	}

	html body .elementor-24827 .elementor-element-75d1706 img {
		width: 108px !important;
		height: auto !important;
		max-width: 108px !important;
		max-height: 40px !important;
		-o-object-fit: contain !important;
		object-fit: contain !important;
	}

	html body .elementor-24827 .elementor-element-64d4b92 {
		-webkit-flex: 0 0 44px !important;
		flex: 0 0 44px !important;
		width: 44px !important;
		min-width: 44px !important;
		max-width: 44px !important;
		height: 44px !important;
		order: 2 !important;
		margin: 0 0 0 auto !important;
		overflow: hidden !important;
		position: relative !important;
	}

	html body .elementor-24827 .elementor-element-b5d0f58 {
		order: 3 !important;
		margin-left: 0 !important;
		-webkit-flex: 0 0 auto !important;
		flex: 0 0 auto !important;
	}

	html body .elementor-24827 a.dgwt-wcas-search-icon,
	html body a.js-dgwt-wcas-search-icon-handler,
	html body a.js-dgwt-wcas-enable-mobile-form {
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-align-items: center !important;
		align-items: center !important;
		-webkit-justify-content: center !important;
		justify-content: center !important;
		position: relative !important;
		left: auto !important;
		top: auto !important;
		width: 44px !important;
		height: 44px !important;
		margin: 0 !important;
	}

	html body .elementor-24827 .elementor-element-64d4b92 .dgwt-wcas-sf-wrapp,
	html body .elementor-24827 .elementor-element-64d4b92 .dgwt-wcas-search-form {
		display: none !important;
	}

	html body .header-buttons .chb-nav-metals {
		display: none !important;
	}

	html body .elementor-24827 .header-login a::after,
	html body .elementor-24827 .header-cart > a::after {
		display: none !important;
	}

	html body .elementor-24827 .header-login .button-icon,
	html body .elementor-24827 .header-cart .button-icon,
	html body .elementor-24827 .header-buttons a {
		width: 44px !important;
		min-width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
	}

	html body.chb-crystal-nav .chb-nav {
		position: static;
		top: auto;
	}
}
