.wb-contact { position: relative; }
.wb-contact__form {
display: flex;
flex-direction: column;
gap: 1rem;
max-width: 640px;
}
.wb-contact__field {
display: flex;
flex-direction: column;
gap: .35rem;
}
.wb-contact__label {
font-size: .85rem;
font-weight: 600;
color: var(--text-main, #1f2937);
}
.wb-contact__input,
.wb-contact__select,
.wb-contact__textarea {
width: 100%;
padding: .6rem .75rem;
font: inherit;
color: var(--text-main, #1f2937);
background: var(--bg-flat, #fff);
border: 1px solid var(--border-color, #cbd5e1);
border-radius: 8px;
box-sizing: border-box;
}
.wb-contact__textarea { resize: vertical; min-height: 7.5rem; }
.wb-contact__input:focus,
.wb-contact__select:focus,
.wb-contact__textarea:focus {
outline: none;
border-color: var(--primary, #2563eb);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary, #2563eb) 20%, transparent);
}
.wb-contact__actions { margin-top: .25rem; }
.wb-contact__submit {
padding: .65rem 1.4rem;
font: inherit;
font-weight: 600;
color: #fff;
background: var(--primary, #2563eb);
border: 1px solid var(--primary, #2563eb);
border-radius: 8px;
cursor: pointer;
}
.wb-contact__submit:hover { filter: brightness(1.05); }
.contact-thanks {
padding: 1rem 1.25rem;
border-radius: 8px;
background: color-mix(in srgb, var(--primary, #2563eb) 8%, transparent);
color: var(--text-main, #1f2937);
}