form[name="contact-form"] {
    max-width: 25em;
    margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.form-field {
    display: flex;
    flex-direction: column;
	gap: 0.25em;
}

form[name="contact-form"] select {
    min-height: 2.2em;
    text-overflow: ellipsis;
	padding: 0.75rem 0.5rem;
	border: hsla(0, 0%, 80%, 1) var(--outline-width,0.1rem) solid;
}

input[name=custom-subject] {
    display: none;
    margin-top: 1em;
}

.form-field.subject:has(option[value="other"]:checked) input[name=custom-subject] {
	display: block;
}

.form-field.bestbrand {
	display:none!important;
}

p.error {
	background: var(--error-color,hsla(0,66%,50%,1));
	color: #FFF;
	padding: 0.5em;
}