.header {
	background-color: #fff;
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	margin: 0 auto;

	.header-logo-container {
		.header-logo-img {
			max-height: 60px;
			width: auto;
			display: block;
		}

		.header-logo-text {
			font-size: 24px;
			font-weight: 700;
			color: #333;
			text-decoration: none;
		}
	}

	.header-right-group {
		display: flex;
		align-items: center;
		gap: 30px;

		.main-navigation {
			.menu-ul {
				display: flex;
				align-items: center;
				margin: 0;
				padding: 0;
				list-style: none;

				li {
					display: flex;
					align-items: center;

					a {
						padding: 10px;
						font-weight: 600;
						color: #333;
						text-decoration: none;
						white-space: nowrap;
					}

					&:not(:last-child)::after {
						content: '/';
						color: #ccc;
						margin: 0 5px;
						font-weight: 400;
					}
				}
			}
		}

		.navigation-cart {
			.cart-contents {
				display: flex;
				align-items: center;
				background-color: #ef5b72;
				color: #fff;
				padding: 6px 20px 6px 6px;
				border-radius: 24px;
				text-decoration: none;
				transition: background-color 0.3s ease;
				border: none;

				&:hover {
					background-color: #eb4040;
					color: #fff;
				}

				&::after,
				&::before {
					display: none !important;
				}

				.cart-icon-circle {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 36px;
					height: 36px;
					background-color: #fff;
					border-radius: 50%;
					margin-right: 12px;
					flex-shrink: 0;

					.cart-img {
						width: 24px;
						height: 24px;
						margin: 0;
						padding: 0;
						display: block;
						object-fit: contain;
					}
				}

				.cart-total-text {
					font-weight: 700;
					font-size: 16px;
					line-height: 1;
					white-space: nowrap;
				}
			}
		}
	}
}

main {
	width: 90% !important;
	margin-left: auto;
	margin-right: auto;
}