#dfine-form-fab-wrap {
position: fixed !important;
left: 24px !important;
right: auto !important;
bottom: 24px !important;
top: auto !important;
z-index: 999999 !important;
display: block !important;
pointer-events: none !important;
}
#dfine-form-fab.dfine-form-fab,
a#dfine-form-fab.dfine-form-fab {
position: relative !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
top: auto !important;
z-index: 1 !important;
width: 62px !important;
height: 62px !important;
min-width: 62px !important;
min-height: 62px !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid #2f2418 !important;
border-radius: 50% !important;
background: #6b5438 !important;
color: #ffffff !important;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35) !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
text-decoration: none !important;
transform: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
#dfine-form-fab.dfine-form-fab:hover,
#dfine-form-fab.dfine-form-fab:focus-visible,
a#dfine-form-fab.dfine-form-fab:hover,
a#dfine-form-fab.dfine-form-fab:focus-visible {
transform: translateY(-2px) !important;
background: #56442d !important;
box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42) !important;
outline: none !important;
color: #ffffff !important;
}
#dfine-form-fab.dfine-form-fab svg {
width: 28px !important;
height: 28px !important;
display: block !important;
}
#dfine-form-fab.dfine-form-fab svg path {
stroke: #ffffff !important;
}
.dfine-form-popup {
position: fixed;
inset: 0;
z-index: 1000000;
display: none;
}
.dfine-form-popup.is-open {
display: block;
}
.dfine-form-popup__overlay {
position: absolute;
inset: 0;
background: rgba(17, 17, 17, 0.55);
}
.dfine-form-popup__panel {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translate(-50%, -50%);
width: min(560px, calc(100vw - 48px));
max-height: calc(100vh - 48px);
overflow-y: auto;
background: #ffffff;
border-radius: 18px;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
padding: 28px 28px 24px;
animation: dfinePopupIn 0.24s ease;
}
.dfine-form-popup__close,
button.dfine-form-popup__close {
position: absolute !important;
top: 14px !important;
right: 14px !important;
left: auto !important;
bottom: auto !important;
float: none !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: #f3f3f3 !important;
color: #111111 !important;
font-size: 24px !important;
line-height: 36px !important;
text-align: center !important;
cursor: pointer !important;
z-index: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.dfine-form-popup__close span {
display: block !important;
line-height: 1 !important;
}
.dfine-form-popup__header {
padding-right: 36px;
margin-bottom: 18px;
}
.dfine-form-popup__header h2 {
margin: 0 0 8px;
font-size: 24px;
line-height: 1.2;
color: #111111;
}
.dfine-form-popup__header p {
margin: 0;
color: #666666;
font-size: 15px;
line-height: 1.5;
}
.dfine-form-popup__body .frm_forms {
margin: 0;
}
.dfine-form-popup__body .frm_form_fields fieldset {
border: 0;
padding: 0;
margin: 0;
min-width: 0;
}
.dfine-form-popup__body .frm_fields_container {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
align-items: end;
}
.dfine-form-popup__body .frm_form_field.frm3,
.dfine-form-popup__body .frm_form_field.frm_first,
.dfine-form-popup__body .frm_form_field.frm_last {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
.dfine-form-popup__body .frm_primary_label {
display: none;
}
.dfine-form-popup__body .frm_verify,
.dfine-form-popup__body #frm_field_21_container {
display: none !important;
}
.dfine-form-popup__body input[type="email"],
.dfine-form-popup__body input[type="tel"],
.dfine-form-popup__body input[type="text"] {
width: 100%;
height: 46px;
border: 1px solid #dddddd;
border-radius: 8px;
padding: 0 14px;
font-size: 15px;
}
.dfine-form-popup__body .frm_submit {
margin: 0;
}
.dfine-form-popup__body .frm_button_submit {
width: 100%;
height: 46px;
border: 0;
border-radius: 8px;
background: #111111;
color: #ffffff;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
cursor: pointer;
}
.dfine-form-popup__body .frm_button_submit:hover {
background: #000000;
}
body.dfine-form-popup-open {
overflow: hidden;
}
body.admin-bar #dfine-form-fab-wrap {
bottom: 24px !important;
}
@media (max-width: 767px) {
#dfine-form-fab-wrap {
left: 16px !important;
bottom: 16px !important;
}
#dfine-form-fab.dfine-form-fab,
a#dfine-form-fab.dfine-form-fab {
width: 56px !important;
height: 56px !important;
min-width: 56px !important;
min-height: 56px !important;
}
.dfine-form-popup__panel {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100vw - 32px);
max-height: calc(100vh - 32px);
padding: 22px 18px 18px;
}
.dfine-form-popup__body .frm_fields_container {
grid-template-columns: 1fr;
}
}
@keyframes dfinePopupIn {
from {
opacity: 0;
transform: translate(-50%, calc(-50% + 12px));
}
to {
opacity: 1;
transform: translate(-50%, -50%);
}
}