/* Persistent contact controls occupy the lower-right corner. */
.aw-concierge {
    right: clamp(16px, 2.2vw, 34px);
    bottom: calc(clamp(16px, 2.2vw, 32px) + 68px);
    z-index: 1600;
}

body.aw-concierge-open .whatsapp-float,
body.aw-concierge-open .mobile-contact-bar {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 768px) and (max-width: 920px) {
    .aw-concierge__launcher {
        width: 56px;
        min-width: 56px;
        height: 56px;
        padding: 6px;
        border-radius: 17px;
    }

    .aw-concierge__launcher-mark {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .aw-concierge__launcher-copy,
    .aw-concierge__pulse {
        display: none;
    }

    .aw-concierge__teaser {
        bottom: 66px;
        width: min(286px, calc(100vw - 24px));
    }
}

@media (max-width: 767px) {
    .aw-concierge {
        right: max(12px, env(safe-area-inset-right));
        bottom: calc(80px + env(safe-area-inset-bottom));
    }

    .aw-concierge__teaser {
        right: 0;
        bottom: 66px;
        max-width: calc(100vw - 24px);
    }

    .aw-concierge__panel {
        right: max(8px, env(safe-area-inset-right));
        bottom: calc(80px + env(safe-area-inset-bottom));
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 96px - env(safe-area-inset-top));
    }
}

@media (max-width: 767px) and (max-height: 620px) {
    .aw-concierge__panel {
        top: max(8px, env(safe-area-inset-top));
        bottom: calc(76px + env(safe-area-inset-bottom));
        height: auto;
    }
}
