/* Figma 3767:19617. Fields and submit appearance belong to design-system.css. */
.bivb-contact-page,
.bivb-contact-page * { box-sizing: border-box; }

.bivb-contact-page {
    min-width: 0;
    padding: 50px 90px;
    border-radius: var(--bivb-radius-6);
    background: var(--bivb-color-surface);
    color: var(--bivb-color-text);
    font-family: var(--bivb-font-family-base-stack);
}

.bivb-contact-page .bivb-form { --bivb-field-textarea-min-height: 139px; }

/* Override the template's important Forminator defaults with the Figma tokens. */
.bivb-contact-page .forminator-label .forminator-required {
    color: inherit !important;
}

.bivb-contact-page .forminator-input::placeholder,
.bivb-contact-page textarea.forminator-textarea::placeholder {
    color: var(--bivb-form-field-placeholder) !important;
    font-size: var(--bivb-field-font-size) !important;
    font-weight: var(--bivb-font-weight-regular) !important;
    opacity: 1;
}

.bivb-contact-page .forminator-row { margin-bottom: 16px !important; }
.bivb-contact-page .bivb-form .forminator-button-submit {
    max-width: 400px !important;
    margin: 30px auto 0 !important;
    border-color: var(--bivb-button-border-color) !important;
}

.bivb-contact-page .bivb-form .forminator-button-submit:hover {
    border-color: var(--bivb-button-hover-border-color) !important;
}

/* phone */
@media (max-width: 767px) {
    .bivb-contact-page { padding: 25px 20px; }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .bivb-contact-page { padding: 30px; }
}

/* laptop 1 */
@media (min-width: 1024px) and (max-width: 1439px) {
    .bivb-contact-page { padding: 40px 30px; }
}