.productsUL li {
		width: 70px;
		height: 70px;
		cursor: pointer;
 	background-size:     cover;                     
    background-repeat:   no-repeat;
    background-position: center center;
		display: inline-block;
		border: 1px solid #969696;
	}
	.productsUL {
		padding: 10px 0 10px 0;
		display: flex;
    justify-content: flex-start;
		flex-wrap: wrap;
		gap: 20px;
	}
	#buttons {
		padding: 20px 0 20px 0;
	}
	.currImage {
		width: 100%;
		object-fit: cover;
		height: 125px !important;
		aspect-ratio: 21 / 9;
	}
	.inputs {
		display: flex;
		gap: 10px;
		justify-content: center;
	}
	.inputs div {
		width: 33%;
	}
	.inputs label {
		padding: 15px 0 5px 0;
	}
	#step2 {
		display: flex;
		align-items: space-between;
	}
	#buttons {
		width: 100%;
		align-self: end;
	}
	#kosarBtn, #next {
		width: 100%;
		margin-top: 10px;
		padding: 20px;
		text-align: center;
		background-color: #A56517;
			color: white;
		font-size: 20px;
	}
	.container {
		display: flex;
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
		overflow-y: scroll;
		overflow-x: hidden;
		padding: 10px;
	}
	#prev {
		cursor: pointer;
	}
	#vizorr {
		display: flex;
		width: 100%;
		justify-content: space-between;
		margin-top: 10px;
	}
	.vizorrBtn {
		width: 45%;
		background-color: white;
		border: 1px solid #2D2D2D;
		color: #2D2D2D;
	}
	.vizorrBtn:hover, .vizorrBtn:focus {
		background-color: white;
		border: 1px solid #A56517;
		color: #A56517;
		outline: 0;
	}
	.active {
		border: 1px solid #A56517;
		background-color: white;
		color: #A56517;
	}
	.para {
		font-size: 20px;
		line-height: 20px;
	}
	.kisebb {
		font-size: 16px;
		line-height: 20px;
		white-space: normal;
	}
	#info {
		display: flex;
		padding-top: 15px;
		gap: 25px;
	}
	#info img {
		width: 18px;
		height: 18px;
	}
	#step2 {
		width: 100%;
		height: 70%;
		overflow: auto;
	}
	#arText {
		font-weight: 800;
	}
	input, select{
		background-color: #F1F2EF;
		text-align: center;
		border: 0;
		outline: 0;
		color: #616161;
	}
	input[type=text] {
		border: 0;
	}
	.row {
		display: flex;
		background-color: #F1F2EF;
		padding: 20px 40px 0 40px;
		gap: 20px;
	}
	.leftStep2 {
		width: 30%;
	}
	.rightStep2 {
		width: 70%;
	}
	#vizorrText {
		color: #A56517;
	}
	#meret {
		font-size: 14px;
	}
	.cartElement {
		padding-bottom: 20px;
	}
	#more {
		width: 100%;
		height: 80px;
	}
	#moreBtn {
		color: #A56517;
		background-color: white;
		border: 1px solid #A56517;
		display: block;
		width: 100%;
		height: 100%;
	}
	.liImage {
		background-size: 400px !important;
		background-position: center !important;
	}
	.quantityDiv {
		display: flex;
		gap: 20px;
		justify-content: space-between;
	}
	.quantityDivInner button {
		padding: 10px;
		font-weight: 600;
		font-size: 30px;
		border: 0;
		color: #A56517;
	}
	.plus, .minus {
		cursor: pointer;
		padding: 10px;
		font-weight: 600;
		font-size: 30px;
		border: 0;
		color: #3A3A3A;
		touch-action: manipulation;
	}
	.plus:hover, .plus:focus, .minus:hover, .minus:focus {
		background-color: transparent;
		color: #3A3A3A;
		outline: 0;
	}
	.leftImage {
		display: none;
	}
			.topInput {
		display: flex;
			width: 100% !important;
	}
	.topInput a {
		margin-left: auto;
		align-self: center;
		background: url("https://generatepress.mashupdigital.hu/wp-content/uploads/2022/08/Frame-28.png");
		background-repeat: no-repeat;
		width: 20px;
		color: transparent;
	}
	#magError, #szelError {
		color: red;
	}
	.removeFromList {
		width: 40px;
		height: 40px;
		cursor: pointer;
	}
textarea {
	margin-top: 20px;
	background-color: #F1F2EF;
	color: #333333;
	border: 0;
}
#reszOsszeg {
	font-size: 20px;
	display: none;
}
	@media only screen and (max-width: 768px) {
		.productsUL {
			gap: 10px;
		}
		#step1 {
			width: 90%;
		}
		#step2 {
			height: 70%;
			padding-top: 40px;
		}
		.kisebb {
			font-size: 14px;
			white-space: normal;
		}
		#info .para {
			font-size: 16px;
		}
		.inputs {
			flex-wrap: wrap;
			width: 50%;
			margin-left: auto;
			gap: 0;
		}
		.inputs div {
			width: 100%;
		}
		.inputWrapper {
			display: flex;
			gap: 20px;
			align-items: center;
		}
		.leftImage {
			display: block;
			width: 50%;
		}
		.row {
		padding: 10px;
	}
		.container {
			padding: 0;
		}
}