#service-form .e1-service-form-status {
    margin: 12px 0;
    padding: 10px 12px;
    border-left: 3px solid #830e02;
    color: #830e02;
    background: #f8f3f1;
}
#service-form .e1-service-form-status:empty { display: none; }
#service-form .e1-service-form-consent { display: flex; align-items: flex-start; gap: 8px; }
#service-form .e1-service-form-consent input { flex: none; margin-top: 4px; }
#service-form .e1-service-form-consent label { font-weight: normal; }
#service-form button:disabled { cursor: wait; opacity: .65; }
#service-form .textAfterSend { padding: 24px 12px; text-align: center; }
@media (max-height: 760px) {
    body:has(#service-form) .fancybox-wrap:has(#service-form) { top: 12px !important; }
    body:has(#service-form) .fancybox-wrap:has(#service-form) .fancybox-inner {
        max-height: calc(100vh - 72px);
        max-height: calc(100dvh - 72px);
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }
}

/* The legacy Fancybox setup does not fit inline forms to the viewport. */
@media (max-width: 600px) {
    body .fancybox-wrap:has(#service-form) {
        width: calc(100vw - 32px) !important;
        max-width: 380px !important;
        left: 50% !important;
        transform: translateX(-50%);
    }
    body .fancybox-wrap:has(#service-form) .fancybox-inner {
        width: 100% !important;
        height: auto !important;
    }
    #service-form h4 {
        line-height: 1.4;
        overflow-wrap: anywhere;
    }
}