.kma-sf-wrap{
	width:100%;
}

.kma-sf-form{
	background:#ffffff;
	border-radius:14px;
	padding:20px;
	display:flex;
	gap:14px;
	flex-wrap:wrap;
	align-items:flex-end;
	box-shadow:0 20px 50px rgba(0,0,0,.18);
	max-width:820px;
	margin:0 auto;
}

.kma-sf-field{
	flex:1 1 220px;
	display:flex;
	flex-direction:column;
	gap:6px;
	text-align:left;
	min-width:0;
}

.kma-sf-field label{
	font-size:12px;
	font-weight:700;
	color:#570a10;
	text-transform:uppercase;
	letter-spacing:.4px;
}

.kma-sf-field select{
	width:100%;
	padding:13px 14px;
	border:1px solid #f0dedd;
	border-radius:8px;
	font-size:14px;
	font-family:inherit;
	background:#fff9f8;
	color:#2a1010;
	appearance:none;
	-webkit-appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23570a10'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 14px center;
	padding-right:32px;
}

.kma-sf-field select:focus{
	outline:none;
	border-color:#f02e1a;
}

.kma-sf-field select:disabled{
	opacity:.55;
	cursor:not-allowed;
}

.kma-sf-btn{
	flex:0 0 auto;
	background:#f02e1a;
	color:#ffffff;
	border:none;
	padding:14px 32px;
	border-radius:8px;
	font-weight:700;
	font-size:14.5px;
	cursor:pointer;
	transition:background .2s ease;
	white-space:nowrap;
}
.kma-sf-btn:hover{
	background:#570a10;
}

@media (max-width:640px){
	.kma-sf-form{
		flex-direction:column;
		align-items:stretch;
		padding:16px;
	}
	.kma-sf-field{
		flex:1 1 auto;
	}
	.kma-sf-btn{
		width:100%;
	}
}