/** Shopify CDN: Minification failed

Line 184:0 Expected "}" to go with "{"

**/
/* Custom Header Styles - Full Width with Padding */

/* Z-index layering for proper stacking */
.section-header,
.section-header.shopify-section-group-header-group,
.shopify-section-group-header-group,
#shopify-section-header,
.shopify-section-header-sticky {
	z-index: 100 !important;
}

.header,
.header-wrapper {
	z-index: 100 !important;
	position: relative;
}

/* Ensure header dropdowns appear above main content */
details[open] > .header__submenu {
	z-index: 200 !important;
	position: absolute !important;
	background-color: white !important;
}

.header__submenu.global-settings-popup,
.global-settings-popup {
	z-index: 200 !important;
	position: absolute !important;
	background-color: white !important;
}

/* Ensure the parent header-menu details element doesn't interfere with absolute positioning */
header-menu > details {
	position: relative;
}

/* Prevent visual jumping when menu opens by removing text-decoration changes */
details[open] > .header__menu-item {
	text-decoration: none !important;
}

details[open]:hover > .header__menu-item {
	text-decoration: none !important;
}

/* Keep underline only on the span to avoid layout shifts */
details[open] > .header__menu-item span {
	text-decoration: underline;
	text-underline-offset: 0.3rem;
}

details[open]:hover > .header__menu-item span {
	text-decoration: underline;
	text-decoration-thickness: 0.2rem;
	text-underline-offset: 0.3rem;

.header,
#shopify-section-header,
.shopify-section-header-sticky {
	z-index: 10 !important;
}

/* Ensure cart notification appears above everything */
.cart-notification,
.cart-notification-wrapper,
.cart-notification {
	z-index: 300 !important;
	position: relative;
}

/* Prevent horizontal scroll */
html,
body {
	overflow-x: hidden !important;
	max-width: 100vw !important;
}

/* Ensure main content doesn't overflow */
main,
#MainContent {
	max-width: 100vw !important;
	overflow-x: hidden !important;
}

/* Allow header sections to show dropdowns - no overflow clipping */
.shopify-section-header-sticky,
#shopify-section-header {
	max-width: 100vw !important;
	overflow: visible !important;
}

/* Other shopify sections can have overflow hidden except header group */
.shopify-section:not(.shopify-section-group-header-group):not(
		#shopify-section-header
	) {
	max-width: 100vw !important;
#MainContent,
.shopify-section,
.shopify-section-header-sticky,
#shopify-section-header {
	max-width: 100vw !important;
	overflow-x: hidden !important;
}

/* Make header full width by removing max-width constraint */
.header.page-width,
#shopify-section-header .header {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	position: relative;
	z-index: 10;
}

/* Add generous padding on mobile */
.header.page-width {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

/* Add more padding on tablets */
@media screen and (min-width: 750px) {
	.header.page-width {
		padding-left: 4rem !important;
		padding-right: 4rem !important;
	}
}

/* Add even more padding on desktop */
@media screen and (min-width: 990px) {
	.header.page-width {
		padding-left: 6rem !important;
		padding-right: 6rem !important;
	}
}

/* Extra large screens get maximum padding */
@media screen and (min-width: 1440px) {
	.header.page-width {
		padding-left: 8rem !important;
		padding-right: 8rem !important;
	}
}

/* Ensure utility bar also gets full width treatment if present */
.utility-bar__grid.page-width {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

.utility-bar__grid.page-width {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

@media screen and (min-width: 750px) {
	.utility-bar__grid.page-width {
		padding-left: 4rem !important;
		padding-right: 4rem !important;
	}
}

@media screen and (min-width: 990px) {
	.utility-bar__grid.page-width {
		padding-left: 6rem !important;
		padding-right: 6rem !important;
	}
}

@media screen and (min-width: 1440px) {
	.utility-bar__grid.page-width {
		padding-left: 8rem !important;
		padding-right: 8rem !important;
	}
}