/* ========== Floating chat button ========== */
.chat-fab {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--primary);
    display: grid;
    place-items: center;
    border: 3px solid #fff;
    box-shadow: 0 6px 18px rgba(10, 79, 255, .35);
    z-index: 90;
    transition: transform .2s;
}

.chat-fab:hover { transform: scale(1.07); }

.chat-fab svg {
    width: 30px;
    height: 30px;
    fill: #fff;
    stroke: var(--primary);
    stroke-width: 1.8;
    stroke-linecap: round;
}

@media (max-width: 560px) {
    .chat-fab { width: 52px; height: 52px; right: 16px; bottom: 16px; }
}