/*all products*/
#prodsect {
	padding: 140px 60px 80px;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.prodhead {
	color: #e8e8e8;
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 40px;
}

.prodfind {
	position: relative;
	max-width: 600px;
	margin: 0 auto 60px;
}

.prodbar {
	width: 100%;
	background-color: #1a1a1c;
	border: none;
	border-radius: 12px;
	padding: 14px 20px 14px 48px;
	color: #e8e8e8;
	font-size: 16px;
	outline: none;
}

.prodbar::placeholder {
	color: #555558;
}

.prodicon {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
}

.prodicon path {
	stroke: #555558;
}

.prodlist {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 30px;
}

.proditem {
	background-color: #1a1a1c;
	border-radius: 20px;
	overflow: hidden;
	border: none;
}

.prodtop {
	width: 100%;
	height: 180px;
	overflow: hidden;
	background-color: #222225;
}

.prodimg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.8;
}

.prodinfo {
	padding: 24px;
	text-align: center;
}

.prodos {
	color: #555558;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin-bottom: 8px;
}

.prodname {
	color: #e8e8e8;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}

.prodbtn {
	width: 100%;
	background-color: #222225;
	color: #aaaaaa;
	border: none;
	padding: 14px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 500;
	cursor: not-allowed;
}

.prodbtn:disabled {
	opacity: 1;
}