/* Mobile Call Notice – full-width bottom bar on phones */
.mcn-banner {
    display: none !important;
}

@media (max-width: 768px) {
    .mcn-banner {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        transform: none;
        z-index: 99999;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
        text-decoration: none;
        color: #fff;
        background: linear-gradient(90deg, #22c55e 0%, #16a34a 55%, #15803d 100%);
        border-radius: 0;
        box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.18);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        line-height: 1.2;
        -webkit-tap-highlight-color: transparent;
        animation: mcn-slide-up 0.35s ease-out both;
    }

    .mcn-banner:active {
        filter: brightness(0.95);
    }

    .mcn-icon {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        animation: mcn-pulse 2s ease-out infinite;
    }

    .mcn-icon svg {
        display: block;
        width: 26px;
        height: 26px;
    }

    .mcn-text {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 4px 8px;
        min-width: 0;
        flex: 1;
    }

    .mcn-line {
        display: inline;
    }

    .mcn-call {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        opacity: 0.92;
    }

    .mcn-number {
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 0.01em;
        white-space: nowrap;
    }

    .mcn-ask {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        opacity: 0.9;
    }

    .mcn-title {
        font-size: 13px;
        font-weight: 700;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }
}

@keyframes mcn-pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }
    70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@keyframes mcn-slide-up {
    from { opacity: 0; transform: translateY(100%); }
    to { opacity: 1; transform: translateY(0); }
}