:root{
	--heading_baslig_color:#000000;
	--filte_menu_alt_xetti:#048654;
	--filte_menu_hover_color:#048654;
	#048654;
	#008000;
}
.product{
	padding: 3rem 0;
	min-height: 100vh;
}

.product .heading{
	text-align: center;
	width: 90%;
	margin: 0 auto;
	padding: 0 .5rem;
	padding-top: 6rem;
	box-shadow: 0 .2rem .05rem rgba(255,255,255,0);
}

.product .heading span{
	display: inline-block;
	font-size: 3.5rem;
	color: #25ccf7;
	padding: 1rem 0;
	box-shadow: 0 .2rem .05rem rgba(0,127,92,0.5);
}
.product .controls{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 2rem 0;
	list-style: none;
}
.product .controls .buttons{
	margin: 1rem 2rem;
	padding: .5rem 0;
	border-bottom: .2rem solid #000;
	color: #000;
	cursor: pointer;
	font-size: 2rem;
}
.product .controls .buttons.button-active,
.product .controls .buttons:hover{
  color: var(--filte_menu_hover_color);
  border-color:var(--filte_menu_alt_xetti);
}
.product .image-container{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 2rem;
}
.product .image-container .image{
	height: 30rem;
	width: 35rem;
	margin: 2rem;
	border: 1rem solid #fff;
	text-align: center;
	box-shadow: 0 .5rem .5rem rgba(0,0,0,0.5);
}
.product .image-container .image img{
	height: 20rem;
	width: 100%;
	object-fit: cover;
}
.product .image-container .image .name{
	font-size: 2rem;
	color: #000;
}
.product .image-container .image .kod{
	font-size: 1.5rem;
	color: #000;
}
.product .image-container .image .price{
	font-size: 1.5rem;
	color: #000;
}