/* Contact / quote forms */

.mds-form-wrap {
	margin-block: 1.5rem;
	padding: 1.25rem;
	border: 1px solid var(--mds-border);
	border-radius: var(--mds-radius-medium);
	background: #fff;
}

.mds-form__title {
	margin: 0 0 1rem;
	font-family: var(--mds-font-display);
	font-size: 1.35rem;
}

.mds-form__notice {
	margin-bottom: 1rem;
	padding: 0.85rem 1rem;
	border-radius: var(--mds-radius-small, 6px);
	font-weight: 600;
}

.mds-form__notice ul {
	margin: 0.5rem 0 0;
	padding-left: 1.1rem;
	font-weight: 500;
}

.mds-form__notice--success {
	background: #ecfdf5;
	color: #065f46;
	border: 1px solid #a7f3d0;
}

.mds-form__notice--error {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fecaca;
}

.mds-form__honeypot {
	position: absolute !important;
	left: -9999px !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.mds-form__product {
	margin: 0 0 1rem;
	padding: 0.75rem 0.9rem;
	background: var(--mds-background-light);
	border-radius: var(--mds-radius-small, 6px);
}

.mds-form__grid {
	display: grid;
	gap: 0.85rem 1rem;
	grid-template-columns: 1fr;
}

@media (min-width: 720px) {
	.mds-form__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mds-form__field--full {
		grid-column: 1 / -1;
	}
}

.mds-form__field {
	margin: 0;
}

.mds-form__field label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.9rem;
	font-weight: 600;
}

.mds-form__field input,
.mds-form__field select,
.mds-form__field textarea {
	width: 100%;
	padding: 0.65rem 0.75rem;
	border: 1px solid var(--mds-border);
	border-radius: var(--mds-radius-small, 6px);
	font: inherit;
	background: #fff;
}

.mds-form__description {
	margin: -0.35rem 0 1rem;
	color: var(--mds-muted);
}

.mds-form__field--error input,
.mds-form__field--error select,
.mds-form__field--error textarea {
	border-color: var(--mds-red);
}

.mds-form__error {
	display: block;
	margin-top: 0.35rem;
	color: var(--mds-red);
	font-size: 0.85rem;
	font-weight: 600;
}

.mds-form__actions {
	margin: 1.1rem 0 0;
}

.mds-form .mds-btn,
.mds-product-single__actions .mds-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 2.6rem;
	padding: 0.55rem 1.1rem;
	border-radius: var(--mds-radius-small, 6px);
	border: 1px solid transparent;
	font: inherit;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}

.mds-form .mds-btn--primary,
.mds-product-single__actions .mds-btn--primary {
	background: var(--mds-red);
	color: #fff;
}

.mds-form .mds-btn--secondary,
.mds-product-single__actions .mds-btn--secondary {
	background: var(--mds-blue, #0057e7);
	color: #fff;
}

.mds-form .mds-btn--block {
	width: 100%;
}

.mds-form button[aria-busy="true"] {
	opacity: 0.75;
	cursor: wait;
}

.mds-product-quote {
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--mds-border);
}

.mds-contact-page {
	padding-block: clamp(2rem, 4vw, 3.5rem);
}