.wmp-form {
	font-size: var(--wmp-font, inherit);
	color: var(--wmp-ink, currentColor);
	max-width: 42rem;
}

.wmp-form__title {
	margin: 0 0 .6em;
	font-size: 1.15em;
	line-height: 1.3;
}

.wmp-form__intro {
	margin: 0 0 1.1em;
	color: var(--wmp-muted, currentColor);
}

.wmp-form__intro p {
	margin: 0 0 .5em;
}

.wmp-form__intro p:last-child {
	margin-bottom: 0;
}

.wmp-form__fields {
	display: flex;
	flex-wrap: wrap;
	gap: 1.05em 1em;
	margin: 0 0 1.2em;
}

.wmp-form__field {
	flex: 1 1 100%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: .35em;
}

.wmp-form__field--half {
	flex: 1 1 calc(50% - .5em);
	min-width: 12rem;
}

.wmp-form__field--heading {
	gap: .15em;
	margin-top: .5em;
}

.wmp-form__field--heading:first-child {
	margin-top: 0;
}

.wmp-form__label {
	display: block;
	font-weight: 600;
	line-height: 1.35;
}

.wmp-form__label--heading {
	margin: 0;
	padding-bottom: .3em;
	border-bottom: 1px solid var(--wmp-line, rgba(128, 128, 128, .28));
	font-size: 1.05em;
}

.wmp-form__required {
	margin-left: .15em;
	color: var(--wmp-danger, #d63638);
}

.wmp-form__control {
	font: inherit;
	color: inherit;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: .62em .8em;
	background: var(--wmp-panel, rgba(128, 128, 128, .08));
	border: 1px solid var(--wmp-line, rgba(128, 128, 128, .28));
	border-radius: var(--wmp-radius, 14px);
	line-height: 1.4;

	font-size: max(1em, 16px);
}

.wmp-form__control--textarea {
	min-height: 7.5em;
	resize: vertical;
}

.wmp-form__control--select {

	appearance: auto;
}

.wmp-form__control:focus,
.wmp-form__control:focus-visible {
	outline: 2px solid var(--wmp-accent, #15352a);
	outline-offset: 1px;
	border-color: var(--wmp-accent, #15352a);
}

.wmp-form__control::placeholder {
	color: var(--wmp-muted, currentColor);
	opacity: .6;
}

.wmp-form__options {
	display: flex;
	flex-direction: column;
	gap: .4em;
	padding: .1em 0;
}

.wmp-form__option,
.wmp-form__label--check {
	display: flex;
	align-items: flex-start;
	gap: .55em;
	font-weight: 400;
	line-height: 1.4;
	cursor: pointer;
}

.wmp-form__control--check,
.wmp-form__control--radio {
	width: auto;
	max-width: none;
	flex: 0 0 auto;
	margin: .18em 0 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	accent-color: var(--wmp-accent, #15352a);
	font-size: inherit;
}

.wmp-form__option-text,
.wmp-form__label-text {
	min-width: 0;
}

.wmp-form__help {
	margin: 0;
	font-size: .9em;
	line-height: 1.4;
	color: var(--wmp-muted, currentColor);
	opacity: .8;
}

.wmp-form__field[hidden],
.wmp-form__hints[hidden],
.wmp-form__hint[hidden] {
	display: none !important;
}

.wmp-form__when {
	margin: 0;
	font-size: .88em;
	line-height: 1.4;
	color: var(--wmp-muted, currentColor);
	opacity: .75;
}

.wmp-form__hints {
	display: flex;
	flex-direction: column;
	gap: .4em;
	margin: .15em 0 0;
}

.wmp-form__hint {
	margin: 0;
	padding: .65em .8em;
	border-left: 3px solid var(--wmp-accent, #15352a);
	border-radius: 0 var(--wmp-radius, 14px) var(--wmp-radius, 14px) 0;
	background: var(--wmp-panel, rgba(128, 128, 128, .08));
	font-size: .92em;
	line-height: 1.5;
}

.wmp-form__hint-for {
	font-weight: 600;
}

.wmp-form__hints.is-live .wmp-form__hint-for {
	display: none;
}

.wmp-form__control--locked {
	opacity: .75;
	cursor: not-allowed;
}

.wmp-form__help--account {
	opacity: .7;
}

.wmp-form__signedin {
	display: flex;
	align-items: center;
	gap: .55em;
	margin: 0 0 1em;
	padding: .7em .9em;
	border: 1px solid var(--wmp-line, rgba(128, 128, 128, .28));
	border-radius: var(--wmp-radius, 14px);
	background: var(--wmp-panel, rgba(128, 128, 128, .08));
	font-size: .93em;
	line-height: 1.45;
}

.wmp-form__signedin-dot {
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--wmp-accent, #15352a);
}

.wmp-form__error {
	margin: 0;
	font-size: .92em;
	line-height: 1.4;
	color: var(--wmp-danger, #d63638);
}

.wmp-form__error--form {
	margin: 0 0 1em;
	padding: .7em .9em;
	border: 1px solid var(--wmp-danger, #d63638);
	border-radius: var(--wmp-radius, 14px);

	background: color-mix(in srgb, var(--wmp-danger, #d63638) 8%, transparent);
}

.wmp-form__field--invalid .wmp-form__control {
	border-color: var(--wmp-danger, #d63638);
}

.wmp-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .6em;
	align-items: center;
}

.wmp-form__submit {
	font: inherit;
	font-weight: 600;
	font-size: max(1em, 16px);
	line-height: 1.2;
	color: var(--wmp-accent-ink, #fff);
	background: var(--wmp-accent, #15352a);
	border: 1px solid transparent;
	border-radius: var(--wmp-radius, 14px);
	padding: .72em 1.6em;
	cursor: pointer;
	transition: opacity .12s ease-in-out;
}

.wmp-form__submit:hover,
.wmp-form__submit:focus-visible {
	opacity: .88;
}

.wmp-form__submit:focus-visible {
	outline: 2px solid var(--wmp-accent, #15352a);
	outline-offset: 2px;
}

.wmp-form__done,
.wmp-form__note {
	margin: 0;
	padding: .9em 1.1em;
	border: 1px solid var(--wmp-line, rgba(128, 128, 128, .28));
	border-radius: var(--wmp-radius, 14px);
	background: var(--wmp-panel, rgba(128, 128, 128, .08));
	line-height: 1.5;
}

.wmp-form__done {
	border-color: var(--wmp-accent, #15352a);
}

.wmp-form__link {
	white-space: nowrap;
}

.wmp-form__hp {
	position: absolute !important;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 30em) {

	.wmp-form__field--half {
		flex-basis: 100%;
	}

	.wmp-form__submit {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {

	.wmp-form__submit {
		transition: none;
	}
}

.wmp-captcha {
	margin: 4px 0 16px;
	max-width: 100%;
}

.wmp-captcha > div,
.wmp-captcha iframe,
.wmp-captcha altcha-widget {
	max-width: 100%;
}

.wmp-captcha--altcha altcha-widget {
	display: block;
	--altcha-max-width: 100%;
	--altcha-border-radius: var(--wmp-radius, 8px);
	--altcha-color-border: var(--wmp-line, #dcdfe4);
	--altcha-color-base: var(--wmp-surface, #fff);
	--altcha-color-text: var(--wmp-ink, #1d2327);
	--altcha-color-border-focus: var(--wmp-accent, #15352a);
}

.wmp-captcha__noscript {
	display: block;
	padding: 10px 12px;
	border: 1px solid var(--wmp-line, #dcdfe4);
	border-left: 3px solid var(--wmp-warn, #b26a00);
	border-radius: var(--wmp-radius, 8px);
	background: var(--wmp-soft, #f6f7f9);
	color: var(--wmp-ink, #1d2327);
	font-size: 0.9em;
	line-height: 1.45;
}

.wmp-captcha__badge {
	margin: 0;
	color: var(--wmp-muted, #646970);
	font-size: 0.8em;
	line-height: 1.4;
}

.wmp-captcha__badge a {
	color: inherit;
	text-decoration: underline;
}

.wmp-form__orders,
.wmp-form__products {
	display: flex;
	flex-direction: column;
	gap: .4em;
	width: 100%;
	min-width: 0;
}

.wmp-form__order,
.wmp-form__product {
	display: flex;
	align-items: center;
	gap: .6em;
	padding: .55em .7em;
	border: 1px solid var(--wmp-line, rgba(128, 128, 128, .28));
	border-radius: var(--wmp-radius, 14px);
	background: var(--wmp-panel, rgba(128, 128, 128, .08));
	line-height: 1.35;
	cursor: pointer;
}

.wmp-form__order:focus-within,
.wmp-form__product:focus-within {
	border-color: var(--wmp-accent, #15352a);
}

.wmp-form__order.is-blocked {
	opacity: .55;
	cursor: not-allowed;
}

.wmp-form__order-text {
	min-width: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: .1em;
}

.wmp-form__order-thumb {
	flex: 0 0 auto;
	width: 2.6em;
	height: 2.6em;
	border-radius: calc(var(--wmp-radius, 14px) / 2);
	background: rgba(128, 128, 128, .12) center / cover no-repeat;
}

.wmp-form__order-status {
	font-size: .85em;
	color: var(--wmp-muted, currentColor);
	opacity: .85;
}

.wmp-form__order-pill {
	flex: 0 0 auto;
	padding: .1em .55em;
	border-radius: 999px;
	border: 1px solid var(--wmp-line, rgba(128, 128, 128, .28));
	font-size: .8em;
	white-space: nowrap;
}

.wmp-form__product-thumb {
	flex: 0 0 auto;
	width: 2.4em;
	height: 2.4em;
	border-radius: calc(var(--wmp-radius, 14px) / 2);
	background: rgba(128, 128, 128, .12) center / cover no-repeat;
}

.wmp-form__order[hidden],
.wmp-form__product[hidden],
.wmp-form__option[hidden] {
	display: none !important;
}

.wmp-form__address {
	display: flex;
	flex-wrap: wrap;
	gap: .55em .7em;
	width: 100%;
	min-width: 0;
}

.wmp-form__address-part {
	display: flex;
	flex-direction: column;
	gap: .2em;
	flex: 1 1 100%;
	margin: 0;
	min-width: 0;
}

.wmp-form__address-part--city,
.wmp-form__address-part--county,
.wmp-form__address-part--postcode,
.wmp-form__address-part--country,
.wmp-form__address-part--phone {
	flex: 1 1 10em;
}

.wmp-form__sublabel {
	font-size: .85em;
	color: var(--wmp-muted, currentColor);
	opacity: .85;
}

.wmp-form__control--file {
	width: 100%;
	max-width: 100%;
	padding: .5em;
	border: 1px dashed var(--wmp-line, rgba(128, 128, 128, .28));
	border-radius: var(--wmp-radius, 14px);
	background: var(--wmp-panel, rgba(128, 128, 128, .08));
}

.wmp-form__have {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .4em;
	margin: 0 0 .4em;
	font-size: .9em;
}

.wmp-form__have-name {
	font-weight: 600;
	word-break: break-word;
}

.wmp-form__have-note,
.wmp-form__help--file {
	color: var(--wmp-muted, currentColor);
	opacity: .8;
	font-size: .9em;
}

.wmp-form__field--html {
	line-height: 1.5;
}

.wmp-form__field--html p:first-child {
	margin-top: 0;
}

.wmp-form__field--html p:last-child {
	margin-bottom: 0;
}

.wmp-form__note--empty {
	margin: 0;
	padding: .6em .75em;
	border: 1px solid var(--wmp-line, rgba(128, 128, 128, .28));
	border-left: 3px solid var(--wmp-warn, #b26a00);
	border-radius: var(--wmp-radius, 14px);
	background: var(--wmp-panel, rgba(128, 128, 128, .08));
	line-height: 1.45;
}
