.item-page {
	.brand {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		width: 375;
		gap: 8px;
		row-gap: 0;
		margin: 20px 0;
		padding: 0 20px;
		div {
			font-family: Noto Sans JP;
			font-weight: 400;
			font-size: 12px;
			line-height: 18px;
			letter-spacing: 0%;
			color: #333333;
		}
	}
	.item-img {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 210px;
		min-height: 210px;
		aspect-ratio: 1;
		.no-img {
			position: absolute;
			width: 210px;
			height: 210px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 10px;
			z-index: 0;
			color: #808080;
		}
		.img {
			width: 210px;
			height: 210px;
			object-fit: contain;
			z-index: 1;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}
	}
	.item-info {
		display: flex;
		flex-direction: column;
		width: 100%;
		gap: 16px;
		padding: 20px 20px;
		.brand {
			gap: 4px;
			font-weight: 400;
			font-size: 12px;
			line-height: 100%;
			letter-spacing: 0%;
			padding: 0;
			margin: 0;
		}
		.item-name {
			margin-top: -12px;
			font-weight: 700;
			font-size: 18px;
			line-height: 100%;
			letter-spacing: 5%;
		}
	}
	
	.sale-term {
		display: flex;
		font-size: 12px;
		margin: 0;
		.rate {
			display: flex;
			align-items: center;
			background: #6C8DAF;
			color:white;
			padding: 2px 4px;
			margin-right: 8px;
		}
		.price {
			font-size: 18px;
			text-decoration: Strikethrough;
			margin-right: 2px;
			color: #808080;
		}
		.unit {
			display: flex;
			align-items: flex-end;
			font-size: 8px;
		}
	}
	.item-price {
		display: flex;
		align-items: flex-end;
		font-weight: 700;
		font-size: 28px;
		line-height: 100%;
		letter-spacing: 0%;
	}
	.sale {
		color: #6C8DAF;
	}
	.unit {
		font-weight: 700;
		font-size: 13px;
		line-height: 16px;
		letter-spacing: 0%;
	}
	.sale-term {
		margin-top: 0;
		color: #6C8DAF;
	}
	.divider {
		width: calc(100% - 40px);
		margin: 20px;
		height: 1px;
		border-bottom: 0.5px solid #333333
	}
	.item-count-btn {
		display: flex;
		align-items: center;
		.icon {
			width: 36px;
			height: 36px;
			img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}
		.num {
			font-family: Inter;
			font-weight: 400;
			font-size: 20px;
			line-height: 100%;
			letter-spacing: 0%;
			text-align: center;
		}
	}
	.favo {
		position: relative;
		display: flex;
		gap: 4px;
		align-items: center;
		justify-content: center;
		width: 154px;
		height: 26px;
		padding: 4px 8px;
		border-radius: 20px;
		border: 1px solid black;
		font-weight: 500;
		font-size: 11px;
		letter-spacing: 5%;
		img {
			position: absolute;
			left: 10px;
			width: 14px;
			height: 14px;
			filter: invert(1);
		}
	}
	.favo-on {
		background: black;
		color: white;
		img {
			filter: invert(0);
		}
	}
	.item-cart {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 34px;
		font-size: 13px;
		border-radius: 6px;
		border: none;
		background: #808080;
		color: white;
		margin: 0 20px;
	}
	.tags {
		display: flex;
		gap: 12px;
		flex-wrap: wrap;
		margin-top: 32px;
		width: 100%;
		padding: 0 20px;
		div {
			display: flex;
			align-items: center;
			padding: 8px;
			border: 1px solid #6C8DAF;
			color: #6C8DAF;
			font-size: 12px;
			border-radius: 20px;
			height: 30px;
		}
	}
	.brand-items {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
		width: 100%;
		height: 144;
		top: -0.5px;
		gap: 6px;
		padding: 0 20px;
		.item {
			position: relative;
			display: flex;
			flex-direction: column;
			width: 100px;
			min-width: 100px;
			font-weight: 400;
			font-size: 12px;
			line-height: 100%;
			letter-spacing: 0%;
			color: #808080;
			text-overflow: ellipsis;
			overflow: hidden;
			.img {
				position: relative;
				width: 100px;
				height: 100px;
				overflow: hidden;
				img {
					width: 100%;
					height: 100%;
					object-fit: contain;
				}
				.img {
					width: 100%;
					height: 100%;
					object-fit: contain;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;
					z-index: 1;
				}
				.no-img {
					position: absolute;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 10px;
					z-index: 0;
					color: #808080;
				}
			}
			div {
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			.name {
				font-weight: 500;
				font-size: 13px;
				line-height: 100%;
				letter-spacing: 0%;
				color: #333333;
				white-space: pre-wrap;
			}
		}
	}
	.home-items {
		display: flex;
		gap: 4px;
		flex-wrap: nowrap;
		overflow-x: scroll;
		width: 100%;
	}
	.item-popup {
		position: fixed;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 18px;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		padding: 36px;
		font-size: 18px;
		border-radius: 12px;
		background: rgba(51, 51, 51, 0.8);
		z-index: 10;
		.msg {
			color: white;
			text-align: center;
		}
		img {
			width: 48px;
			height: 48px;
		}
	}
	.item-label {
		font-size: 13px;
		padding: 10px 20px 20px 20px;
		color: #333333;
	}
	.item-text {
		font-weight: 400;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0%;
		padding: 0 20px;
		word-break: break-all;
		color: #333333;
	}
	.item-cart-caution {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4px;
		margin-bottom: 8px;
		font-family: Inter;
		font-weight: 400;
		font-size: 12px;
		line-height: 100%;
		letter-spacing: 10%;
		img {
			width: 13px;
			height: 13px;
		}
	}
	.item-reviews {
		display: flex;
		align-items: center;
		padding: 0 20px 0 20px;
		gap: 12px;
		.stars {
			display: flex;
			align-items: center;
			gap: 4px;
			div {
				width: 36px;
				height: 36px;
				img {
					width: 100%;
					height: 100%;
					object-fit: contain;
				}
			}
		}
		.btn {
			border-radius: 6px;
			border: 1px solid #333333;
			color: #333333;
			font-size: 12px;
			padding: 2px 8px;
			border-radius: 2px;
		}
		.item-review {
			display: flex;
			flex-direction: column;
			width: 100%;
			padding: 0 20px;
			font-size: 0.6rem;
			gap: 4px;
			margin-bottom: 20px;
			.stars {
				display: flex;
				align-items: center;
			}
			.report {
				opacity: 0.6;
			}
		}
	}
}