.ProductPage {
	padding: 20px;
	display: flex;
	flex-direction: row;
	gap: 20px;
	height: 75%;
	align-self: center;
	/* margin-top: 90px; */
}

.ProductPagePhotosFlex {
	width: 80px;
	height: max-content;
	display: flex;
	flex-direction: column;
	gap: 15px;
	flex-shrink: 0;

}

.ProductPagePhoto {
	width: 400px;
	height: auto;
	background-size: cover;
	background-position: center;
	flex-shrink: 0;
}

.ProductPagePhotoSmall {
	width: 80px;
	height: 100px;
	background-size: cover;
	background-position: center;
	cursor: pointer;
}

.ProductPageInfoFlex {
	width: 400px;
	height: 100%;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-left: 30px;
}

.ProductPageBody {
	display: flex;
	flex-direction: column;
	gap: 15px;
	height: 100%;
}

.ProductPageName {
	color: white;
	font-size: 26px;
}

.ProductPagePriceFlex {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.ProductPagePrice {
	color: white;
	color: white;
	font-family: 'FontGilroyMedium';
	font-size: 30px;
}

.ProductPageSale {
	background-color: white;
	padding-left: 2px;
	padding-right: 2px;
	font-family: 'FontGilroyMedium';
}

.ProductPageOldPrice {
	color: white;
	text-decoration: line-through;
}

.ProductPageDescription {
	color: white;
	font-size: 14px;
}

.ProductPageText {
	color: white;
	font-size: 16px;
}

.ProductPageButtonsFlex {
	margin-top: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.ProductPageDetailsButtons {
	margin-top: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.ProductPageSize {
	color: #121315;
	background-color: white;
	font-size: 16px;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	width: max-content;
	height: max-content;
}

.ProductPageSizeNone {
	color: #121315;
	background-color: #ffffff48;
	font-size: 16px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	width: max-content;
	height: max-content;
}

.ProductPageSubText {
	color: #ffffff8a;
	font-size: 16px;
}

.ProductPageSizeFlex {
	display: flex;
	flex-direction: row;
	gap: 10px
}

.ProductPageSizeSelect {
	outline-offset: 4px;
	outline: 3px solid white;
}

.ProductPageColorFlex {
	display: flex;
	flex-direction: row;
	gap: 20px
}

.ProductPageColorPanel {
	display: flex;
	gap: 5px;
	align-items: center;
	cursor: pointer;
}

.ProductPageColorCircle {
	width: 14px;
	height: 14px;
	border-radius: 50%;
}

.ProductPageColorText {
	color: white;
	font-family: 'FontGilroyMedium';
}

.ProductPageReviewsRatingTableStars {
	display: flex;
	gap: 5px;
	flex-direction: row;
}

.ProductPageReviewsRatingTableStarsPanel {
	display: flex;
	gap: 20px;
	flex-direction: row;
}

.ProductPageReviewsRatingStarSolid {
	background-image: url('icon_star_solid.svg');
	width: 15px;
	height: 15px;
	background-size: contain;
}

.ProductPageReviewsRatingStarHollow {
	background-image: url('icon_star_hollow.svg');
	width: 15px;
	height: 15px;
	background-size: contain;
}

.ProductPageReviewsBar {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}

.ProductPageReviewsBarLine {
	background-color: white;
	height: 8px;
	width: 87%;
	border-radius: 20px;
}

.ProductPageReviewsBarLineBack {
	background-color: #ffffff38;
	height: 8px;
	width: 200px;
	border-radius: 20px;
}