/* ============================================================
   GLOBAL PHONE BOTTOM BAR (2026-10-23): the landing page bar on every page.
   Moved from home-sept.css. Full width, flat, pulse on its top line.
   ============================================================ */
@media (max-width: 768px) { body.shell { --sh-bot-h: calc(68px + env(safe-area-inset-bottom)); } }
/* ---------- phone bottom bar: full width, flat, with the pulse on its top line ---------- */
@media (min-width: 769px) { body.shell .mobile-bottom-bar { display: none !important; } }
@media (max-width: 768px) {
    body.shell .mobile-bottom-bar {
        display: flex !important; justify-content: space-around; align-items: center;
        position: fixed; left: 0; right: 0; bottom: 0; width: 100%; height: auto; transform: none;
        padding: var(--space-sm) var(--space-md); padding-bottom: calc(var(--space-sm) + env(safe-area-inset-bottom));
        border: 0; border-top: 1px solid var(--border-color); border-radius: 0;
        background: var(--bg-elevated) !important;
        -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; z-index: 998;
    }
    body.shell .mobile-bottom-bar::before {
        content: ''; position: absolute; left: 0; right: 0; top: -1px; bottom: auto; inset-inline: 0; height: 2px; z-index: 1;
        padding: 0; border-radius: 0; -webkit-mask: none; mask: none; pointer-events: none;
        background: linear-gradient(90deg, transparent 0%, transparent 42%, rgba(140, 0, 40, .9) 46%, #ff005a 49%, #ff6aa8 51.5%, rgba(255, 0, 90, .6) 54%, transparent 58%, transparent 100%);
        background-size: 300% 100%; background-repeat: no-repeat;
        filter: drop-shadow(0 0 6px rgba(255, 0, 90, .9));
        animation: shPulse 5.5s cubic-bezier(.45, 0, .25, 1) infinite;
    }
    body.shell .mobile-bar-btn {
        position: static; width: auto; height: auto; min-width: 60px; padding: var(--space-sm);
        display: flex; flex-direction: column; align-items: center; justify-content: normal; gap: 4px;
        border: 0; border-radius: 0; background: none; color: var(--text-secondary) !important;
        transition: color var(--transition-fast); transform: none;
    }
    body.shell .mobile-bar-btn i { font-size: 1.25rem; }
    body.shell .mobile-bar-btn span { font: 600 .6rem/normal Arial, sans-serif; letter-spacing: .05em; text-transform: uppercase; color: inherit; }
    body.shell .mobile-bar-btn::after { content: none; }
    body.shell .mobile-bar-btn:hover, body.shell .mobile-bar-btn:focus,
    body.shell .mobile-bar-btn.is-active, body.shell.menu-open #mobileMenuBtn { color: var(--primary-accent) !important; }
    body.shell .mobile-bar-btn:disabled { opacity: 1; }
    body.shell { padding-bottom: 0; }
}
@media (max-width: 768px) and (prefers-reduced-motion: reduce) { body.shell .mobile-bottom-bar::before { animation: none; background: none; } }