.itemDetail {
	display: grid;
	grid-template-columns: 1fr 2fr;
	width: 50%;
	margin: 2rem auto;
	gap:2rem;
}

.infos {
	line-height: 2rem;
}

.itemTitle {
	font-family: "Century Bold", sans-serif;
}

.itemDomaine,
.itemPromo,
.itemPrice,
.itemAppelation {
	font-family: "Helvetica Bold", sans-serif;
	font-size: 1.2rem;
}
.itemPrice {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.itemColor {
	font-family: "Helvetica Oblique", sans-serif;
}

.itemDescription {
	font-family: Helvetica, sans-serif;
}

.itemControllers {
	font-family: "Futura Bold", sans-serif;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	font-size:1.1rem;
	gap:2rem;
}

.itemSize {
	white-space: nowrap;
}
	.itemSize select {
		font-family: "Futura", sans-serif;
		display: block;
		border: none;
		outline: none;
		border-radius: .25rem;
		padding: 1rem;
		margin-top: 1rem;
		-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .2);
		box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .2);
		background-color: var(--text-color-light);
		width: 100%;
	}
.itemSize select option {
	padding: .2rem;
}
.itemDetailProduct {
	cursor: pointer;
	width: fit-content;
	transition: all var(--button-animation-duration) ease;
	text-decoration: underline;
	font-family: "Futura", sans-serif;
	font-weight: bold;
}
.itemDetailProduct:hover {
	color: var(--identity-color);
}
.itemQuantity div {
	display: flex;
	align-items: center;
	gap: .3rem;
	width: fit-content;
	border-radius: .25rem;
	padding: .4rem;
	margin-top: 1rem;
	-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .2);
}
	.itemQuantity div p {
		cursor: pointer;
		padding: .2rem;
		color: var(--secondary-color);
		-webkit-user-select: none; /* Safari */
		-ms-user-select: none; /* IE 10+ */
		user-select: none;
		transition: color var(--button-animation-duration) ease;
	}
		.itemQuantity div p:hover {
			color: var(--identity-color);
		}
.itemQuantity input {
	font-family: "Futura Bold", sans-serif;
	width: 3rem;
	border: unset;
	text-align: center;	
}


.itemQuantity input::-webkit-outer-spin-button,
.itemQuantity input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.itemQuantity input[type=number] {
	-moz-appearance: textfield;
}

.itemAddCart {
	border-radius: .25rem;
	padding: 1rem 3rem;
	-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .2);
	background-color: var(--identity-color);
	color: var(--text-color-light);
	width: fit-content;
	white-space: nowrap;
	cursor: pointer;
	transition: all var(--button-animation-duration) ease;
}

.itemAddCart:hover {
	color:var(--text-color);
	background-color:var(--secondary-color);

}

@media all and (max-width: 1600px) {
	.itemDetail {
		width: 70%;
	}
}

@media all and (max-width: 1300px) {
	.itemDetail {
		width: 80%;
	}
}
@media all and (max-width: 1100px) {
	.itemDetail {
		grid-template-columns: 1fr;
		width:95%;
	}
	
}

@media all and (max-width: 500px) {
	.itemControllers {
		grid-template-columns: 1fr;

	}
	.itemAddCart {
		margin: auto;
	}
	.itemQuantity div {
		width: auto;
	}
	.itemQuantity input {
		margin: auto;
	}
}