#container-Content {
    gap: 1.25rem;
}
.content {
    flex: 2;
}
#preview-Product {
	display: none;
	height: fit-content;
    background: white;
    width: fit-content;
    border-radius: 5px;
    box-shadow: 0 0 5px hsla(180,2%,9%,0.05), 0 1px 2px hsla(0,0%,0%,0.15);
}
#input-Product-QDescription > textarea {
	height: 90px;
}
#input-Product-Description > textarea {
	height: 150px;
}
#product-Images {
	display: none;
}
#product-Images + label {
	position: relative;
	left: 0;
}
#product-Images + label div {
	position: relative;
	width: 100%;
	height: 5rem;
	border: 1px dashed hsla(0,0%,40%,1.00);
	border-radius: 10px;
}
#media-img-display {
	display: grid;
	position: relative;
	grid-template-columns: repeat(4,1fr);
	grid-gap: .5rem;
	margin-top: 1rem;
}
.media-img-display-img {
	position: relative;
	cursor: pointer;
	max-height: 10rem;
	padding: 15px;
	border-radius: 5px;
	outline: 5px solid hsla(0,0%,70%, .7);
	outline-offset: -10px;
	box-shadow: 0 0 5px hsla(180,2%,9%,0.05), 0 1px 2px hsla(0,0%,0%,0.15);
	overflow: hidden;
}
.media-img-display-img:first-child {
	position: relative;
	grid-row: 1/span 2;
	grid-column: 1/span 2;
	max-height: 20rem;
	outline: 5px solid hsla(332,74%,72%, .7);
}
.media-img-display-img img {
	max-width: 100%;
	max-height: 100%;
}
.cover-Media-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: hsla(0,0%,0%,0.5);
	color: transparent;
	transition: opacity .2s ease-out;
}
.cover-Media-img:hover {
	opacity: 1;
}
.text-Media-img {
	color: white;
}
#Pricing input {
	padding-top: 0;
}
#Pricing input + i {
	left: 10px;
}
#Pricing be {
    display: inline-block;
    padding: 10px 0;
	font-size: 22px;
}
.container-Pricing {
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 1rem;
}
.container-Pricing div {
	flex: 1;
}


@media only screen and (min-width: 800px){
	#preview-Product {
		display: block;
    	position: sticky;
		top: 1rem;
	}
	.container-Pricing {
		flex-direction: row;
		gap: 1rem;
		margin-bottom: 1rem;
	}
}