.pro__search-open {
	width: 24px !important;
	height: 24px !important;
	background-color:transparent !important;
	padding:0 !important;
	border:0  !important;
}

.pro__search-open svg {
	width: 100% !important;
	height: 100% !important;
}

.pro__search-open svg path {
	fill: #C90117 !important;
}

.pro__search-overlay {
	width: 100% !important;
	height:100dvh !important;
	background-color:rgba(0,0,0,0.7) !important;
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	z-index:9999998 !important;
	visibility:hidden;
	opacity:0;
	transition:all 0.3s linear;
}

.pro__search-overlay.active {
	visibility:visible;
	opacity:1;
	transition:all 0.3s linear;
}

.pro__search-modal {
	width: 100% !important;
	height:100dvh !important;
	background-color:transparent !important;
	display:flex;
	justify-content:center;
	align-items:center;
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	z-index:9999999 !important;
	visibility:hidden;
	opacity:0;
	transition:all 0.3s linear;
}

.pro__search-modal.active {
	visibility:visible;
	opacity:1;
	transition:all 0.3s linear;
}

.pro__search-modal .pro__search-modal-box {
	width:calc(100% - 32px);
	max-width:820px;
	height:fit-content;
	border-radius:24px !important;
	overflow:hidden !important;
}

.pro__search-modal .pro__search-modal-box form {
	width:100%;
	height:fit-content;
	display:flex;
	align-items:center;
	gap:0;
}

.pro__search-modal .pro__search-button {
	width:48px !important;
	height:48px !important;
	display:flex !important;
	justify-content:center !important;
	align-items:center !important;
	padding:0 !important;
	border:0 !important;
	flex-shrink:0 !important;
	border-radius:0 !important;
}

.pro__search-button svg {
	width: 24px !important;
	height: 24px !important;
}

.pro__search-button svg path {
	fill: #ffffff !important;
}

.pro__search-modal form input {
	flex-grow:1 !important;
	height:48px !important;
	outline:none !important;
	border:0 !important;
	border-radius:0 !important;
}

.pro__search-close {
	width: 24px !important;
	height: 24px !important;
	background-color:transparent !important;
	padding:0 !important;
	border:0  !important;
	position:absolute;
	top:48px;
	left:24px;
}

.pro__search-close svg {
	width: 100% !important;
	height: 100% !important;
}

.pro__search-close svg path {
	fill: #ffffff !important;
}

.pro__search-result {
	width:100%;
	height:fit-content;
	display:flex;
	flex-direction:column;
	gap:24px;
}

.pro__search-result .pro__search-title {
	font-size: 20px;
	color: #222222;
}

.pro__search-result .pro__search-items {
	width:100%;
	height:fit-content;
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:24px;
}

.pro__search-result .pro__search-items .pro__search-card {
	width: 100%;
	height: fit-content;
	min-height: 80px;
	background-color: #f6f6f6;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 24px;
	border-radius: 16px;
}

.pro__search-result .pro__search-items .pro__search-card .pro__search-card-title {
	font-size: 14px;
	color: #444444;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.pro__search-result .pro__search-items .pro__search-card .pro__search-card-type {
	width: fit-content;
	height: fit-content;
	background-color: #C90117;
	border-radius: 8px;
	padding: 4px 12px;
	font-size: 12px;
	color: #ffffff;
}

@media screen and (max-width:768px) {
	.pro__search-result .pro__search-items {
		grid-template-columns:repeat(1, 1fr);
		gap:16px;
	}
}