/* Desktop Header layout */
@media screen and (min-width: 850px) {
	.header-main {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
	}
	
	.header-main .logo {
		margin: 0 auto;
		flex: 1;
		text-align: center;
	}
	
	.header-main .nav-menu {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		flex: 1;
		justify-content: flex-end;
	}

	.header-main .header-nav-main {
		flex: 1;
	}
}

/* Mobile Header optimizations */
@media screen and (max-width: 849px) {
	.header-main {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	
	/* Perfectly center the logo using absolute positioning */
	.header-main .logo {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		margin: 0;
		/* Ensure logo doesn't overlap side icons */
		max-width: 50%; 
	}
	
	/* Ensure left (menu) and right (cart/search) icons have proper spacing and stay on sides */
	.header-main .header-left,
	.header-main .header-right {
		display: flex;
		align-items: center;
		z-index: 10;
	}
}