.One-Bit-Main-Container .Product-Detail-Container{
	padding-top: 27px;
}
.Product-Detail-Container,
.Product-Detail-Container p{
	margin: 0;
}
.Detail-Container{
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.Ant-Menu{
	display: none;
	/*display: flex;*/
	gap: 10px;
}
.Ant-Menu a:first-letter {
  text-transform: uppercase;
}

.Ant-Menu a:not(:last-of-type){
	padding-right: 20px;
	position: relative;
	white-space: nowrap;
}
.Ant-Menu > a:not(:last-of-type):before{
	content: "\\";
	position: absolute;
	right: 0;
}


.Product-And-Banner{
	display: flex;
	flex-direction: row;
	padding: 0px;
	gap: 39px;
}
.D-Row{
	display: flex;
    align-self: stretch;
    flex: 1;
    justify-content: space-between;
    width: 100%;
    gap: 24px;
}
.Product-Detail{
	box-sizing: border-box;

	display: flex;
	flex-direction: column;
    align-items: flex-start;
	padding: 50px;
	justify-content: space-between;
	gap: 23px;

	border: 1px solid #767676;
	border-radius: 20px;

	flex: 1;
	align-self: stretch;

}
.Product-Detail p{
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;  
}
.Product-Detail .Product-Img{
	width: 380px;
	align-self: stretch;
	position: relative;
	overflow: hidden;
}
.Product-Detail .Product-Img img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;

}
.Detail{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	width: 453px;
	gap: 10px;
}
.Stor-Description-And-Favorite{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}
.Stor-And-Favorite{
	align-self: stretch;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;

}

/* Ensure favorite icon is clickable and prevents parent navigation */
.Stor-And-Favorite .fav.favourite {
	cursor: pointer;
	z-index: 10;
	position: relative;
	pointer-events: auto;
}

.Stor-And-Favorite .fav.favourite img,
.Stor-And-Favorite .fav.favourite i {
	pointer-events: none;
}
.Stor-And-Favorite .Stor-Img{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 6px 8px;

	width: 187px;
	height: 50px;

	border-radius: 10px;

	border: 1px solid #767676;
}
.Stor-And-Favorite .Stor-Img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.Description{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 110%;

	color: #000000;

}
.Price-And-Store-Link{
	display: flex;
	flex-direction: column;
	align-items: flex-start;

}
.Price-And-Store-Link > p{

	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 50px;
	line-height: 110%;

	color: #000000;

}
.Price-And-Store-Link > a,
.Product-Detail .Store-Link{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 110%;
	/* or 18px */
	display: flex;
	align-items: flex-end;
	text-decoration-line: underline;

	color: #230404;
}
.Product-Detail .Store-Link{
	display: none;
}
.Detail-Banner{
	flex: 1;
    max-width: 360px;
    height: 470px;
}
.Detail-Banner > picture,
.Detail-Banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    border-radius: 20px;
}

.Graph{
	border: 1px solid #767676;
	border-radius: 20px;

	padding: 50px;

	display: flex;
	flex-direction: column;
	gap: 46px;
}

.Buttons-Container{
	align-self: stretch;
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}
.Filter-Buttons{
	display: flex;
	flex-direction: row;
	gap: 9px;
}

.Filter-Buttons button.btn-One-Bit.button-type-1{
    border: 1px solid black;
    background-color: black;
    color: white;
    transition: color 0.4s ease;
}
.Filter-Buttons button.btn-One-Bit.button-type-2{
    border: 1px solid black;
    color: black;
    transition: color 0.4s ease;
    opacity: 50%;
}

.Graph .Buttons-Container button.btn-One-Bit.button-type-3{
	display: flex;
    align-items: center;
    gap: 10px;
    width: 189px;
    justify-content: center;
}

.Similar-Products{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 58px;
}
.Similar-Products .Similar-Products-Header{
	display: flex;
	gap: 10px;
	align-self: stretch;
	justify-content: space-between;
	align-items: flex-start;
}
.Similar-Products .Similar-Products-Header p{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 60px;
	line-height: 110%;

	display: flex;
	align-items: flex-end;

	color: #230404;
}
.Similar-Products .Similar-Products-Header a{
	    align-self: end;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 110%;
	/* identical to box height, or 18px */
	display: flex;
	align-items: flex-end;
	text-align: right;
	text-decoration-line: underline;

	color: #230404;

}
.Products-Container{
	display: grid;
  	grid-template-columns: repeat(6, 1fr);
  	overflow: hidden;
    gap: 16px;
}
.Products-Container > article{
	width: auto;
}
@media (max-width: 439px) {
	#priceChart{
		width: 100%;
		aspect-ratio: 390 / 445;
	}
	.Product-Detail{
		height: min-content;
	}
	.Detail-Banner{
		width: 100%;
		max-width: 100%;
		height: calc(100%);
	    aspect-ratio: 728 / 328;
	}
	.Product-And-Banner{
		flex-direction: column;
		gap: 25px;
	}
	.Description{
		font-size: 18px;
	}

	.Price-And-Store-Link > p{
		font-size: 24px;	
	}
	.Product-Detail{
		padding: 15px;
	}
	.Product-Detail .Store-Link,
	.Similar-Products .Similar-Products-Header a{
		align-self: start;
		display: block;
		font-size: 15px;
	}
	.Price-And-Store-Link > a{
		display: none;
	}
	.Detail-Container{
		gap: 25px;
	}
	.Stor-And-Favorite .Stor-Img{
		width: 140px;
		height: 37px;

	}
	.Graph{
		padding: 15px;
	}
	.Graph .Buttons-Container button.btn-One-Bit.button-type-3{
		width: 39px;
		height: 39px;
		padding: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.Graph .Buttons-Container button.btn-One-Bit.button-type-3 span{
		display: none;
	}
	.Products-Container{
  		grid-template-columns: repeat(2, 1fr);
  		grid-template-rows: repeat(2, auto);
  	}
  	.Products-Container > article:nth-of-type(n+5) {
  		display: none;
	}
	.Similar-Products .Similar-Products-Header{
		flex-direction: column;
	}
}


@media (min-width: 440px) and (max-width: 767px) {
	#priceChart{
		width: 100%;
		aspect-ratio: 358 / 350;
	}
	.Product-Detail{
		width: 100%;
		min-height: 260px;
	}
	.Detail-Banner{
	    width: 100%;
	    max-width: 100%;
	    height: calc(100%);
	    aspect-ratio: 728 / 328;
	}
	.Product-And-Banner{
		flex-direction: column;
		gap: 25px;
	}
	.Description{
		font-size: 20px;
	}
	.Price-And-Store-Link > p{
		font-size: 24px;	
	}
	.Product-Detail{
		padding: 20px;
	}
	.Product-Detail .Store-Link,
	.Similar-Products .Similar-Products-Header a{
		align-self: start;
		display: block;
		font-size: 15px;
	}
	.Price-And-Store-Link > a{
		display: none;
	}
	.Detail-Container{
		gap: 25px;
	}
	.Stor-And-Favorite .Stor-Img{
		width: 140px;
		height: 37px;

	}
	.Graph{
		padding: 15px;
	}
	.Graph .Buttons-Container button.btn-One-Bit.button-type-3{
		width: 39px;
		height: 39px;
		padding: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.Graph .Buttons-Container button.btn-One-Bit.button-type-3 span{
		display: none;
	}
	.Products-Container{
  		grid-template-columns: repeat(2, 1fr);
  		grid-template-rows: repeat(3, auto);
  	}
  	.Products-Container > article:nth-of-type(n+7) {
  		display: none;
	}
	.Similar-Products .Similar-Products-Header{
		flex-direction: column;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	#priceChart{
		width: 100%;
		aspect-ratio: 682 / 530;
	}
	.Product-Detail{
		width: 100%;
		min-height: 402px;
	}
	.Detail-Banner{
	    width: 100%;
	    max-width: 100%;
	    height: calc(100%);
	    aspect-ratio: 728 / 328;
	}
	.Product-And-Banner{
		flex-direction: column;
	}
	.Description{
		font-size: 36px;
	}
	.Graph{
		padding: 15px;
	}
	.Products-Container{
  		grid-template-columns: repeat(3, 1fr);
  	}
  	.Products-Container > article:nth-of-type(n+4) {
  		display: none;
	}
	.Similar-Products .Similar-Products-Header{
		flex-direction: column;
	}
}

@media (min-width: 1280px) and (max-width: 1439px) {
	#priceChart{
		width: 100%;
		aspect-ratio: 1139 / 576;
	}
	.Detail-Banner{
		flex: 1;
	    max-width: 308px;
	    height: 402px;
	}
	.Products-Container{
  		grid-template-columns: repeat(5, 1fr);
  	}
}

@media (min-width: 1440px) and (max-width: 1919px) {
	#priceChart{
		width: 100%;
		aspect-ratio: 1240 / 530;
	}
	.Detail-Banner{
		flex: 1;
	    max-width: 328px;
	    height: 428px;
	}
	.Products-Container{
  		grid-template-columns: repeat(5, 1fr);
  	}

}

@media (min-width: 1920px) {
	#priceChart{
		width: 100%;
		aspect-ratio: 1619 / 576;
	}
	.Similar-Products .Similar-Products-Header a{
	    align-self: end;
	}
	.Product-And-Banner{
		gap: 39px;
	}
	.Detail-Container{
		gap: 40px;
	}
}