}
:root {
	--color-offwhite:#f4f4f4;
	--color-peach-light:#F4EEED;
	--color-green-medium: #CFD8DC;
	--color-green-dark:#46615C;
}

body{
	background-color:#F4EEED;
	padding-bottom: 10em;
}

.view-window>h2 {
	position: absolute; 
	top: 15%;
	left: 35%;
	transform: translate(-50%,-25%);
	background-color: rgba(239,217,209,0.2);
	padding: 0.5em;
	border-radius: 2em;
	font-size: 3em;
	padding-top: 30px;
  	padding-right: 50px;
  	padding-bottom: 30px;
 	padding-left: 50px;
}

.favorite label{
	 transition: all 0.3s;
	 display: inline-block;
	 transform: scale(1.2,1.2);
	 color: var(--color-green-medium);
}

.favorite input:checked + label{
	color: red;
	transform: scale(1.8,1.8);
}

.figure img {
	
	max-height: 200px;
	max-width: 200px;
	vertical-align: text-bottom;

}


.figure.product {
	border-radius: 0.5em;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	overflow: hidden;
	height: 100%;
	transition: all 0.3s;

}



.product.figure img {
	height: 100%;
	object-fit: contain;

}


.product.figure:hover{
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);

}

.productlist a{
	text-decoration: none;
}


.product-overlay {
	position: relative;
	overflow: hidden;
}



.product-overlay figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	opacity: 0;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-overlay:hover figcaption {
	opacity:1;
}

.product-overlay .caption-body {
	background-color: white;
	border-radius: 0.5em;
	padding: 1em;
	transform: translateY(2em);
	transition: all 0.3s;
}

.product-overlay:hover .caption-body {
	transform: translateY(0);
}

.product-overlay img {
	transform: scale(1,1);
	transition: all 0.3s;
}

.product-overlay:hover img{
	transform: scale(1.4,1.4);
}

li{list-style: none;}




@media(max-width:800px){
	.container{
		padding-left: 1em;
		padding-right: 1em;
	}
	.navbar h1{
		padding-left: 0.5em;
	}
}


@media(max-width:400px){
	.nav .display-flex{
		display: block;
	}
	.navbar .nav ul li{
		line-height: 2em;
	}
}


@media(max-width:600px){
	.product-overlay figcaption{
		position: relative;
		display: block;
		top: initial;
		left: initial;
		width: 100%;
		height: initial;
		opacity: 1;
		background-color: initial;
	}
	.product-overlay .caption-body{
		transform: none;
		padding: 0;
	}
}

span.cart-basket:empty::before{
	content: "There is no item in the cart.";
}


span.badge:not(:empty)::after{
	content: ")";
}

span.badge:not(:empty)::before{
	content: "(";
}



.images-main img{
	width: 100%;
	height: 40vh;
	object-fit: contain;
}
.images-thumbs img{
	width: 8em;
	height: 6em;
	object-fit: contain;
}


.about{
	margin: 3em 0;
}


.about p{
	line-height: 23px;
}*/