.aura-contact {
    position: fixed;
    z-index: 200;
    inset-inline-start: 0;
    top: 45%;
    display: grid;
    background: #006875;
    border-radius: 6px;
    box-shadow: 0 2px 7px #0002;
    overflow: hidden;
    direction: rtl;
}
.aura-contact a {
    padding: 10px 14px;
    min-height: 44px;
    color: white;
    font: inherit;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
}
.aura-contact a:focus-visible { outline: 2px solid #f2d15b; outline-offset: -3px; }
.aura-contact-dialog {
    position: fixed;
    inset: 0;
    margin: auto;
    width: min(92vw, 460px);
    padding: 12px;
    border: 1px solid #c7d4d4;
    border-radius: 8px;
    background: white;
    color: #17494e;
}
.aura-contact-dialog:not([open]) { display: none; }
.aura-contact-dialog::backdrop { background: #18343780; }
.aura-contact-dialog iframe { border: 0; display: block; width: 100%; height: min(66vh, 580px); }
.aura-contact-dialog button { min-height: 44px; }
.aura-contact-page main { max-width: 580px; margin: auto; padding: 16px; }
.aura-contact-page h1 { font-size: 22px; }
@media (max-width: 921px) {
    .aura-contact {
        top: auto;
        bottom: 0;
        inset-inline: 0;
        grid-template-columns: repeat(3, 1fr);
        border-radius: 0;
        padding-bottom: env(safe-area-inset-bottom);
    }
    body:has(.aura-contact) { padding-bottom: calc(48px + env(safe-area-inset-bottom)); }
}