.km-contact-form,
.km-contact-form *,
.km-contact-form *::before,
.km-contact-form *::after {
	box-sizing: border-box;
}

.km-contact-form {
	display: grid;
	gap: 20px;
}

.km-form-panel {
	width: 100%;
}

.km-contact-form__fields {
	display: grid;
	gap: 20px 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.km-contact-form__row {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.km-contact-field {
	display: grid;
	gap: 8px;
}

.km-contact-field--full {
	grid-column: 1 / -1;
}

.km-contact-field--half {
	grid-column: span 1;
}

.km-contact-field label,
.km-contact-field legend {
	color: #161f2c;
	font-size: 0.86rem;
	font-weight: 750;
}

.km-contact-field .km-contact-required-mark {
	color: #d75500;
}

.km-contact-field input:not([type="checkbox"]):not([type="radio"]),
.km-contact-field textarea,
.km-contact-field select {
	width: 100%;
	min-height: 54px;
	padding: 13px 15px;
	border: 1px solid rgba(22, 31, 44, 0.2);
	border-radius: 12px;
	background: #f8f7f4;
	box-shadow: none;
	color: #161f2c;
	font-family: var(--km-global-font, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 1rem;
	line-height: 1.45;
	transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.km-contact-field textarea {
	min-height: 178px;
	resize: vertical;
}

.km-contact-field input::placeholder,
.km-contact-field textarea::placeholder {
	color: #66717e;
	opacity: 1;
}

.km-contact-field input:not([type="checkbox"]):not([type="radio"]):hover,
.km-contact-field textarea:hover,
.km-contact-field select:hover {
	border-color: rgba(22, 31, 44, 0.38);
}

.km-contact-field input:not([type="checkbox"]):not([type="radio"]):focus,
.km-contact-field textarea:focus,
.km-contact-field select:focus {
	border-color: #ff9300;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(255, 147, 0, 0.15);
	outline: 2px solid #161f2c;
	outline-offset: 2px;
}

.km-contact-field[hidden] {
	display: none !important;
}

.km-contact-field [aria-invalid="true"] {
	border-color: #9b351b !important;
}

.km-contact-field-error {
	margin: 0;
	color: #7b2814;
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.45;
}

.km-contact-field fieldset,
fieldset.km-contact-field {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.km-contact-options {
	display: flex;
	margin-top: 4px;
	flex-wrap: wrap;
	gap: 10px 18px;
}

.km-contact-options label,
.km-contact-check {
	display: inline-flex;
	align-items: flex-start;
	gap: 8px;
	cursor: pointer;
	font-weight: 600;
}

.km-contact-options input,
.km-contact-check input {
	width: 18px;
	height: 18px;
	margin: 1px 0 0;
	accent-color: #ff9300;
}

.km-contact-options input:focus-visible,
.km-contact-check input:focus-visible {
	outline: 3px solid #161f2c;
	outline-offset: 3px;
}

.km-contact-field--content {
	padding: 14px 16px;
	border-left: 3px solid #ff9300;
	background: #f8f7f4;
}

.km-contact-field--content p {
	margin: 0;
	color: #657080;
	font-size: 0.9rem;
	line-height: 1.55;
}

.km-contact-field--captcha {
	min-width: 0;
	align-items: start;
}

.km-contact-captcha-label {
	color: #161f2c;
	font-size: 0.86rem;
	font-weight: 750;
}

.km-contact-captcha-widget {
	width: 100%;
	min-height: 65px;
	max-width: 100%;
	overflow: hidden;
}

.km-contact-captcha-info,
.km-contact-captcha-legal {
	margin: 0;
	color: #657080;
	line-height: 1.5;
}

.km-contact-captcha-info {
	font-size: 0.86rem;
}

.km-contact-captcha-legal {
	max-width: 620px;
	font-size: 0.72rem;
}

.km-contact-captcha-legal a {
	color: #161f2c !important;
	font-weight: 700;
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

.km-contact-captcha-error {
	margin: 0;
	color: #9b351b;
	font-size: 0.84rem;
	font-weight: 650;
	line-height: 1.45;
}

.km-contact-captcha-error[hidden] {
	display: none;
}

.km-contact-captcha-error--visible {
	padding: 12px 14px;
	border: 1px solid #c4745c;
	border-radius: 10px;
	background: #fff2ee;
}

.km-contact-field--captcha:focus-visible {
	outline: 3px solid #161f2c;
	outline-offset: 4px;
}

.km-contact-error-summary {
	padding: 16px 18px;
	border: 1px solid #c4745c;
	border-left-width: 4px;
	border-radius: 12px;
	background: #fff2ee;
	color: #6a2e1c;
	line-height: 1.5;
}

.km-contact-error-summary[hidden] {
	display: none !important;
}

.km-contact-error-summary:focus-visible {
	outline: 3px solid #161f2c;
	outline-offset: 3px;
}

.km-contact-error-summary ul {
	margin: 8px 0 0 20px;
	padding: 0;
}

.km-contact-error-summary a {
	color: #5e2415 !important;
	font-weight: 700;
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

.km-contact-form__footer {
	display: grid;
	margin-top: 4px;
	align-items: center;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.km-contact-form__footer p {
	margin: 0;
	color: #657080;
	font-size: 0.78rem;
	line-height: 1.55;
}

.km-contact-form__footer a {
	color: #161f2c !important;
	font-weight: 700;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.km-contact-form__footer button {
	display: inline-flex;
	min-height: 54px;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: #ff9300;
	box-shadow: 0 14px 34px rgba(255, 147, 0, 0.2);
	color: #0d141e;
	align-items: center;
	justify-content: center;
	gap: 22px;
	font-size: 0.94rem;
	font-weight: 800;
	cursor: pointer;
	transition: background 180ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 260ms ease;
}

.km-contact-form__footer button:hover,
.km-contact-form__footer button:focus-visible {
	background: #ff8400;
	box-shadow: 0 18px 40px rgba(255, 132, 0, 0.24);
	transform: translateY(-2px);
}

.km-contact-form__footer button:focus-visible {
	outline: 3px solid #161f2c;
	outline-offset: 3px;
}

.km-contact-form__footer button:disabled {
	cursor: wait;
	opacity: 0.68;
	transform: none;
}

.km-contact-notice {
	margin-bottom: 24px;
	padding: 16px 18px;
	border: 1px solid;
	border-radius: 12px;
	font-size: 0.92rem;
	line-height: 1.55;
}

.km-contact-notice--success {
	border-color: #5c8f6c;
	background: #eef8f0;
	color: #244d31;
}

.km-contact-notice--error {
	border-color: #c4745c;
	background: #fff2ee;
	color: #6a2e1c;
}

.km-contact-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.km-contact-submit-status {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

@media (max-width: 640px) {
	.km-contact-form__fields,
	.km-contact-form__row,
	.km-contact-form__footer {
		grid-template-columns: 1fr;
	}

	.km-contact-field--full,
	.km-contact-field--half {
		grid-column: auto;
	}

	.km-contact-form__footer button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	.km-contact-form * {
		transition-duration: 0.01ms !important;
	}
}