/* کانتینر اصلی - چسبیده به پایین */
.fcc-container {
    position: fixed;
    bottom: 70px;  /* فاصله دلخواه از پایین */
    right: 25px;
    display: flex;
    flex-direction: column-reverse; /* نکته بسیار مهم */
    align-items: center;
    z-index: 9999;
}

/* دکمه اصلی */
.fcc-main {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background: #ff006a;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    position: relative;
    transition: 0.3s;
}

.fcc-main:hover {
    transform: scale(1.08);
}

.fcc-main svg {
    width: 26px;
    height: 26px;
    fill: #fff;
    position: absolute;
    transition: .3s;
}

.fcc-main .close {
    opacity: 0;
    transform: rotate(90deg);
}

.fcc-container.fcc-open .chat {
    opacity: 0;
    transform: rotate(-90deg);
}

.fcc-container.fcc-open .close {
    opacity: 1;
    transform: rotate(0);
}

/* دکمه‌های بالا */
.fcc-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    transform: translateY(20px) scale(0);
    opacity: 0;
    transition: .35s ease;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

.fcc-container.fcc-open .fcc-btn {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.fcc-call { background: #444; }
.fcc-whatsapp { background: #25D366; }
.fcc-telegram { background: #2AABEE; }

.fcc-btn:hover {
    transform: translateY(0) scale(1.15);
}