/* engagement pop-up: centred card, no backdrop, page stays usable; phones: compact card at the bottom */
.aavqp { position: fixed; inset: 0; z-index: 2147483000;   /* above the theme's hero layers and the chat bubble */
    display: grid; place-items: center; padding: 16px; pointer-events: none; }
.aavqp-card { pointer-events: auto; position: relative; width: min(440px, 100%); max-height: calc(100vh - 32px); overflow: auto; background: #fff;
    border: 1px solid #d2d2d4; box-shadow: 0 24px 60px rgba(0, 0, 0, .22); padding: 30px 28px 18px; font-family: "Vito", sans-serif; color: #000;
    opacity: 0; transform: translateY(16px) scale(.98); transition: opacity .25s, transform .25s; }
.aavqp.is-in .aavqp-card { opacity: 1; transform: none; }
.aavqp-x { position: absolute; top: 8px; right: 10px; width: 36px; height: 36px; border: 0; background: none; font-size: 26px; line-height: 1; cursor: pointer; color: #5f5f63; }
.aavqp-x:hover { color: #000; }
.aavqp-h { font-size: 24px; line-height: 1.3; margin: 0 30px 14px 0; }
.aavqp-lead { margin: 0 0 18px; font-size: 15px; line-height: 1.5; }
.aavqp-quote { width: 100%; }
.aavqp-sep { margin: 22px 0 12px; font-size: 14px; color: #5f5f63; border-top: 1px solid #e5e5e5; padding-top: 16px; }
.aavqp-form .uk-input { height: 42px; border: 1px solid #d2d2d4; font-size: 15px; }
.aavqp-form .uk-input:focus { border-color: #000; }
.aavqp-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; }
.aavqp-chip { border: 1px solid #d2d2d4; background: #fff; border-radius: 999px; padding: 7px 14px; font: inherit; font-size: 14px; cursor: pointer; color: #000; }
.aavqp-chip:hover { border-color: #000; }
.aavqp-chip[aria-checked="true"] { background: #000; border-color: #000; color: #fff; }
.aavqp-consent { font-size: 12px; color: #5f5f63; margin: 10px 0; }
.aavqp-consent a, .aavqp-help a { color: #e32ca0; }
.aavqp-help a { white-space: nowrap; }
.aavqp-send { width: 100%; }
.aavqp-msg { font-size: 13px; color: #c40000; margin: 8px 0 0; }
.aavqp-help { font-size: 13px; color: #5f5f63; margin: 18px 0 4px; }
.aavqp-no { border: 0; background: none; padding: 4px 0; font: inherit; font-size: 13px; color: #5f5f63; text-decoration: underline; cursor: pointer; }
.aavqp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; }
.aavqp-ts:empty { display: none; }
.aavqp-demo { margin: 10px 0 0; font-size: 12px; color: #8a8a8e; font-style: italic; }
@media (max-width: 639px) {
    .aavqp { place-items: end center; padding: 0 8px 8px; }
    .aavqp-card { max-height: 72vh; padding: 22px 18px 14px; }
    .aavqp-h { font-size: 20px; margin-bottom: 10px; }
    .aavqp-lead { font-size: 14px; margin-bottom: 14px; }
    /* phones: e-mail part folded until "Not ready yet?" is tapped, so the card stays small */
    .aavqp-sep { cursor: pointer; margin-top: 14px; padding-top: 12px; text-decoration: underline; }
    .aavqp-card:not(.is-open) .aavqp-form { display: none; }
    .aavqp-help { margin-top: 12px; }
    .aavqp-demo { display: none; }
}
@media (prefers-reduced-motion: reduce) { .aavqp-card { transition: none; } }
/* lean confirmation after sending the e-mail */
.aavqp-card.is-done { padding: 22px 52px 22px 24px; }
.aavqp-done { display: flex; gap: 14px; align-items: center; }
.aavqp-tick { flex: none; width: 34px; height: 34px; border-radius: 50%; background: #000; color: #fff; display: grid; place-items: center; font-size: 18px; line-height: 1; }
.aavqp-done-t { margin: 0; font-size: 15px; line-height: 1.45; }
.aavqp-done-t strong { font-weight: 700; }
.aavqp-addr { display: inline-block; max-width: 100%; overflow-wrap: anywhere; }   /* address moves to the next line as a whole */