/* Five equal destinations with a raised primary purchase action. */
body .mobile-bottom-nav.customer-mobile-bottom-nav {
    background: var(--header-bg, #f2f5fa) !important;
    box-shadow: 0 -2px 12px rgb(15 23 42 / 6%) !important;
}
.customer-mobile-bottom-nav > div { padding: 0 !important; }
.customer-mobile-nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
    height: 64px;
    align-items: end;
}
.customer-mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    min-width: 0;
    min-height: 56px;
    padding: 5px 2px 8px;
    border: 0;
    background: transparent;
    color: var(--text-muted, #586273);
    font: inherit;
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
.customer-mobile-nav-item > i { font-size: 23px; line-height: 26px; }
.customer-mobile-nav-item > span:last-child { font-size: 10px; line-height: 14px; white-space: nowrap; }
.customer-mobile-nav-item:is(:hover, .is-active), .customer-mobile-nav-buy { color: var(--primary-color, #ff8300); }
.customer-mobile-nav-item:focus-visible {
    outline: 2px solid var(--primary-color, #ff8300);
    outline-offset: -2px;
    border-radius: 8px;
}
.customer-mobile-nav-circle {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    margin-top: -26px;
    border: 4px solid var(--header-bg, #f2f5fa);
    border-radius: 50%;
    background: var(--primary-color, #ff8300);
    color: #fff;
    box-shadow: 0 5px 15px color-mix(in srgb, var(--primary-color, #ff8300) 30%, transparent);
}
.customer-mobile-nav-circle i { font-size: 26px; }
@media (max-width: 991.98px) {
    .customer-bottom-menu-design body.activation-drawer-enabled:not(.signal-flow-embed) .signal-flow-activation-drawer {
        inset: auto 0 0;
        width: 100%;
        max-width: 100%;
        height: 92vh;
        height: 92dvh;
        border-radius: 20px 20px 0 0;
        overflow: hidden;
        transform: translateY(105%);
    }
    .customer-bottom-menu-design body.activation-drawer-enabled:not(.signal-flow-embed) .signal-flow-activation-drawer.is-open { transform: translateY(0); }
    .customer-bottom-menu-design .service-directory-drawer {
        inset: auto 0 0;
        width: 100%;
        max-width: 100%;
        height: 92vh;
        height: 92dvh;
        max-height: 92dvh;
        border-radius: 20px 20px 0 0;
        overflow: hidden;
    }
    .customer-bottom-menu-design .service-directory-drawer[open] { animation: customer-sms-slide-up .3s cubic-bezier(.22,.8,.22,1); }
    @keyframes customer-sms-slide-up { from { transform: translateY(100%); } to { transform: translateY(0); } }
}
@media (prefers-reduced-motion: reduce) {
    .customer-bottom-menu-design .service-directory-drawer[open] { animation: none; }
    .customer-bottom-menu-design body.activation-drawer-enabled .signal-flow-activation-drawer { transition: none; }
}
/* The outer bottom sheet owns the entrance animation for embedded purchases. */
@media (max-width: 991.98px) {
    .customer-bottom-menu-design body.activation-drawer-enabled.signal-flow-embed .signal-flow-activation-drawer { transition: none; transform: none; border-radius: 0; }
    .customer-bottom-menu-design .dmh-offcanvas { --dmh-bottom-nav-space: calc(64px + env(safe-area-inset-bottom)); }
}