/* Inputs + checkbox — Stylesheet 76:974 / 76:1135 (focus), 76:977 / 76:1138 (checked); form 21:841. */
.field {
	width: 100%;
	height: 56px;
	padding: 0 24px;
	background: var(--c-white);
	border: 1px solid transparent;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-drop);
	font-size: 1rem;
	letter-spacing: var(--ls-body);
	color: var(--c-black);
}
.field::placeholder { color: rgba(31, 39, 44, 0.6); opacity: 1; }
.field:hover, .field:focus { box-shadow: var(--shadow-cookies); outline: none; }

.check { display: flex; gap: 8px; align-items: flex-start; font-size: 1rem; line-height: 1.5; cursor: pointer; }
.check input {
	appearance: none;
	flex: 0 0 24px;
	height: 24px;
	margin: 0;
	border: 2px solid rgba(216, 181, 171, 0.4);
	border-radius: var(--radius-sm);
	background: var(--c-white);
	box-shadow: var(--shadow-drop);
	cursor: pointer;
}
.check input:checked {
	background: var(--c-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
	border-color: var(--c-orange);
}

.link-legal { font-size: var(--fs-small); color: var(--c-black); text-decoration: underline; }
a.link-legal:hover { color: var(--c-orange); }