.bisiesto-company-contact,
.bisiesto-company-contact * {
	box-sizing: border-box;
}

.bisiesto-company-contact {
	overflow: hidden;
	scroll-margin-top: calc(var(--wp--custom--layout--header-height) + var(--wp--preset--spacing--8));
	background:
		radial-gradient(40% 60% at 15% 20%, color-mix(in srgb, var(--wp--preset--color--primary) 14%, transparent), transparent 70%),
		radial-gradient(36% 50% at 90% 10%, color-mix(in srgb, var(--wp--preset--color--charity) 18%, transparent), transparent 70%),
		radial-gradient(40% 60% at 70% 100%, color-mix(in srgb, var(--wp--preset--color--accent) 12%, transparent), transparent 70%),
		var(--wp--preset--color--surface-page);
}

.bisiesto-company-contact__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	grid-template-rows: auto 1fr;
	column-gap: var(--wp--preset--spacing--56);
	align-items: start;
}

.bisiesto-company-contact__title {
	grid-column: 1;
	grid-row: 1;
	margin: 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--heading-1);
	line-height: var(--wp--custom--line-height--heading-1);
	font-weight: var(--wp--custom--font-weight--regular);
	letter-spacing: var(--wp--custom--letter-spacing--heading);
	color: var(--wp--preset--color--heading-text);
	text-wrap: balance;
}

.bisiesto-company-contact__subtitle {
	display: block;
	max-width: var(--wp--custom--layout--text-narrow);
	margin-block-start: var(--wp--preset--spacing--12);
	font-size: var(--wp--preset--font-size--heading-3);
	line-height: var(--wp--custom--line-height--heading-3);
	letter-spacing: var(--wp--custom--letter-spacing--subtitle);
	color: var(--wp--preset--color--muted-text);
}

.bisiesto-company-contact__aside {
	grid-column: 1;
	grid-row: 2;
}

.bisiesto-company-contact__sum {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--8);
	margin-block-start: var(--wp--preset--spacing--32);
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--24);
	border-radius: var(--wp--custom--radius--20);
	box-shadow: var(--wp--preset--shadow--border-subtle);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--small);
}

.bisiesto-company-contact__sum-title {
	font-weight: var(--wp--custom--font-weight--medium);
	color: var(--wp--preset--color--heading-text);
}

.bisiesto-company-contact__sum p {
	margin: 0;
	color: var(--wp--preset--color--secondary-text);
}

.bisiesto-company-contact__sum p:empty {
	display: none;
}

.bisiesto-company-contact__alt {
	margin: var(--wp--preset--spacing--20) 0 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--small);
	color: var(--wp--preset--color--muted-text);
}

.bisiesto-company-contact__alt a,
.bisiesto-company-contact__form a {
	color: var(--wp--preset--color--primary-active);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bisiesto-company-contact__alt a:focus-visible,
.bisiesto-company-contact__form a:focus-visible {
	outline: var(--wp--custom--size--border-focus) solid var(--wp--preset--color--focus-ring);
	outline-offset: var(--wp--preset--spacing--2);
}

.bisiesto-company-contact__card {
	grid-column: 2;
	grid-row: 1 / span 2;
	min-width: 0;
}

.bisiesto-company-contact__card .screen-reader-response {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.bisiesto-company-contact .bisiesto-company-contact__form {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--16);
	margin: 0;
	padding: var(--wp--preset--spacing--32);
	border-radius: var(--wp--custom--radius--24);
	background: var(--wp--preset--color--surface);
	box-shadow: var(--wp--preset--shadow--floating), var(--wp--preset--shadow--border-subtle);
}

.bisiesto-company-contact__form .hidden-fields-container {
	display: none;
}

.bisiesto-company-contact__form p {
	margin: 0;
}

.bisiesto-company-contact__form br {
	display: none;
}

.bisiesto-company-contact__form .bisiesto-company-contact__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--wp--preset--spacing--16);
}

.bisiesto-company-contact__form .bisiesto-company-contact__field > p,
.bisiesto-company-contact__form .bisiesto-company-contact__accept > p,
.bisiesto-company-contact__form .bisiesto-company-contact__submit > p {
	display: contents;
}

.bisiesto-company-contact__form .bisiesto-company-contact__field label {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--8);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--small);
	font-weight: var(--wp--custom--font-weight--medium);
	color: var(--wp--preset--color--heading-text);
}

.bisiesto-company-contact__form .bisiesto-company-contact__field small {
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: var(--wp--custom--font-weight--regular);
	color: var(--wp--preset--color--subtle-text);
}

.bisiesto-company-contact__form .wpcf7-form-control-wrap {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--4);
}

.bisiesto-company-contact__form input[type="text"],
.bisiesto-company-contact__form input[type="email"],
.bisiesto-company-contact__form input[type="number"],
.bisiesto-company-contact__form textarea {
	width: 100%;
	margin: 0;
	padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--16);
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--wp--custom--radius--12);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--body-text);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--body);
	line-height: var(--wp--custom--line-height--body);
	font-weight: var(--wp--custom--font-weight--regular);
}

.bisiesto-company-contact__form textarea {
	min-height: 120px;
	height: 120px;
	resize: vertical;
}

.bisiesto-company-contact__form input::placeholder,
.bisiesto-company-contact__form textarea::placeholder {
	color: var(--wp--preset--color--subtle-text);
	opacity: 1;
}

.bisiesto-company-contact__form input:focus,
.bisiesto-company-contact__form textarea:focus {
	outline: var(--wp--custom--size--border-focus) solid var(--wp--preset--color--focus-ring);
	outline-offset: var(--wp--preset--spacing--2);
}

.bisiesto-company-contact__form .wpcf7-not-valid {
	border-color: var(--wp--preset--color--error);
	box-shadow: 0 0 0 1px var(--wp--preset--color--error);
}

.bisiesto-company-contact__form .wpcf7-not-valid-tip {
	font-size: var(--wp--preset--font-size--label);
	line-height: var(--wp--custom--line-height--label);
	font-weight: var(--wp--custom--font-weight--regular);
	color: var(--wp--preset--color--error-text);
}

.bisiesto-company-contact__form .bisiesto-company-contact__accept .wpcf7-list-item {
	margin: 0;
}

.bisiesto-company-contact__form .bisiesto-company-contact__accept label {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--12);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--label);
	color: var(--wp--preset--color--body-text);
	cursor: pointer;
}

.bisiesto-company-contact__form .bisiesto-company-contact__accept input {
	flex: none;
	width: 22px;
	height: 22px;
	margin: 1px 0 0;
	accent-color: var(--wp--preset--color--primary);
	cursor: pointer;
}

.bisiesto-company-contact__form .bisiesto-company-contact__submit {
	position: relative;
	display: flex;
}

.bisiesto-company-contact .bisiesto-company-contact__form .wpcf7-submit {
	width: 100%;
	min-height: calc(var(--wp--preset--spacing--56) + var(--wp--preset--spacing--2));
	margin: 0;
	padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--24);
	border: 0;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--on-primary);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--lead);
	line-height: var(--wp--custom--line-height--button);
	font-weight: var(--wp--custom--font-weight--medium);
	cursor: pointer;
	transition: background-color 0.2s;
	-webkit-appearance: none;
	appearance: none;
}

.bisiesto-company-contact .bisiesto-company-contact__form .wpcf7-submit:hover {
	background: var(--wp--preset--color--primary-hover);
}

.bisiesto-company-contact .bisiesto-company-contact__form .wpcf7-submit:active {
	background: var(--wp--preset--color--primary-active);
}

.bisiesto-company-contact .bisiesto-company-contact__form .wpcf7-submit:focus-visible {
	outline: var(--wp--custom--size--border-focus) solid var(--wp--preset--color--focus-ring);
	outline-offset: var(--wp--preset--spacing--2);
}

.bisiesto-company-contact .bisiesto-company-contact__form .wpcf7-submit:disabled {
	background: var(--wp--preset--color--disabled-surface);
	color: var(--wp--preset--color--disabled-text);
	cursor: not-allowed;
}

.bisiesto-company-contact__form .wpcf7-spinner {
	position: absolute;
	top: 50%;
	right: var(--wp--preset--spacing--16);
	margin: 0;
	transform: translateY(-50%);
}

.bisiesto-company-contact__form .bisiesto-company-contact__small {
	font-size: var(--wp--preset--font-size--label);
	line-height: var(--wp--custom--line-height--small);
	color: var(--wp--preset--color--subtle-text);
}

.bisiesto-company-contact .wpcf7 .bisiesto-company-contact__form .wpcf7-response-output {
	display: none;
	margin: 0;
	padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--16);
	border: 0;
	border-radius: var(--wp--custom--radius--16);
	background: var(--wp--preset--color--error-soft);
	font-size: var(--wp--preset--font-size--label);
	line-height: var(--wp--custom--line-height--label);
	font-weight: var(--wp--custom--font-weight--medium);
	color: var(--wp--preset--color--error-text);
}

.bisiesto-company-contact .wpcf7 .bisiesto-company-contact__form.invalid .wpcf7-response-output,
.bisiesto-company-contact .wpcf7 .bisiesto-company-contact__form.unaccepted .wpcf7-response-output,
.bisiesto-company-contact .wpcf7 .bisiesto-company-contact__form.failed .wpcf7-response-output,
.bisiesto-company-contact .wpcf7 .bisiesto-company-contact__form.aborted .wpcf7-response-output,
.bisiesto-company-contact .wpcf7 .bisiesto-company-contact__form.spam .wpcf7-response-output {
	display: block;
}

.bisiesto-company-contact .wpcf7 .bisiesto-company-contact__form.sent > :not(.wpcf7-response-output) {
	display: none;
}

.bisiesto-company-contact .wpcf7 .bisiesto-company-contact__form.sent .wpcf7-response-output {
	display: block;
	padding: var(--wp--preset--spacing--8) 0;
	background: none;
	font-size: var(--wp--preset--font-size--heading-3);
	line-height: var(--wp--custom--line-height--heading-3);
	font-weight: var(--wp--custom--font-weight--regular);
	letter-spacing: var(--wp--custom--letter-spacing--subtitle);
	color: var(--wp--preset--color--heading-text);
}

@media (prefers-reduced-motion: reduce) {
	.bisiesto-company-contact .bisiesto-company-contact__form .wpcf7-submit {
		transition: none;
	}
}

@media (max-width: 1024px) {
	.bisiesto-company-contact__grid {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: none;
		row-gap: var(--wp--preset--spacing--24);
	}

	.bisiesto-company-contact__title,
	.bisiesto-company-contact__aside,
	.bisiesto-company-contact__card {
		grid-column: 1;
		grid-row: auto;
	}

	.bisiesto-company-contact__aside {
		order: 3;
	}

	.bisiesto-company-contact__sum {
		margin-block-start: 0;
	}

	.bisiesto-company-contact .bisiesto-company-contact__form {
		padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--16);
	}

	.bisiesto-company-contact__form .bisiesto-company-contact__row {
		grid-template-columns: minmax(0, 1fr);
	}
}