.call-bar{position:fixed;left:50%;bottom:24px;z-index:45;width:calc(100% - 32px);max-width:520px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:999px;background:#354b2d;border:1px solid #ffffff24;box-shadow:0 14px 44px #263c2826;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,0);transition:opacity .4s var(--ease),visibility 0s linear .4s}
.call-bar.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .4s var(--ease),visibility 0s}
.call-bar-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f3f5ec;color:#354b2d;font:400 25px/1 var(--sans)}
.call-bar-copy{min-width:0}.call-bar-heading{font:500 15px/1.4 var(--sans);letter-spacing:-.015em;color:#fff}.call-bar-name{font:400 12px/1.45 var(--sans);color:#cbd0c7;margin-top:5px}
.call-bar-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 19px;background:#fff;color:#182215;border-radius:99px;font:500 13px/1.4 var(--sans);white-space:nowrap;transition:background .25s,box-shadow .25s,transform .25s var(--ease)}.call-bar-link:hover{background:#e9efdf;box-shadow:0 5px 16px #13200c24;transform:translateY(-1px)}.call-bar-link svg{width:17px;height:17px;flex-shrink:0}
.call-bar-link:focus-visible{outline:2px solid #c5d9b0;outline-offset:4px}
.call-bar-mobile-title,.call-bar-mobile-label{display:none}
@media(max-width:600px){.call-bar{bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 28px);grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:12px;border-radius:999px;max-width:420px}.call-bar-avatar{width:42px;height:42px;font-size:25px}.call-bar-heading{font-size:14px}.call-bar-name{font-size:11px}.call-bar-desktop-title,.call-bar-desktop-label{display:none}.call-bar-mobile-title,.call-bar-mobile-label{display:inline}.call-bar-link{padding:11px 13px;min-height:44px;font-size:12px;gap:7px}.call-bar-link svg{width:15px;height:15px}}
@media(max-width:360px){.call-bar{gap:8px;padding:10px}.call-bar-link{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.call-bar,.call-bar-link{transition:none}}
@media print{.call-bar{display:none}}

.call-bar-avatar{position:relative;overflow:hidden}.call-bar-avatar img{position:absolute;top:-3%;left:50%;display:block;width:136%;height:auto;max-width:none;transform:translateX(-50%)}

/* Floating contact is available only in the mobile layout. */
@media(min-width:701px){.call-bar{display:none}}