.elementor-16459 .elementor-element.elementor-element-11bc0c8{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0b7d03f *//* ===== override کامل ===== */
#supportCard {
    right: 30px !important;
    bottom: 170px !important;
    max-width: 380px !important;
    height: 440px !important;
}

.floating-btn {
    right: 30px !important;
    bottom: 90px !important;
    width: 65px !important;
    height: 65px !important;
}

.floating-btn svg {
    width: 32px !important;
    height: 32px !important;
}

/* ===== موبایل ===== */
@media (max-width: 480px) {
    #supportCard {
        right: 30px !important;
        bottom: 100px !important;
        max-width: 320px !important;
        height: 400px !important;
    }
    .floating-btn {
        right: 20px !important;
        bottom: 70px !important;
        width: 55px !important;
        height: 55px !important;
    }
    .floating-btn svg {
        width: 28px !important;
        height: 28px !important;
    }
}

@media (max-width: 380px) {
    #supportCard {
        right: 10px !important;
        bottom: 120px !important;
        max-width: 280px !important;
        height: 360px !important;
    }
    .floating-btn {
        right: 15px !important;
        bottom: 60px !important;
        width: 50px !important;
        height: 50px !important;
    }
    .floating-btn svg {
        width: 24px !important;
        height: 24px !important;
    }
}
/* ===== فقط برای دکمه شناور ===== */
:root {
    --btn-scale: 1;  /* 1 = سایز اصلی, 1.2 = ۲۰٪ بزرگتر, 0.8 = ۲۰٪ کوچکتر */
}

/* ===== دکمه و آیکون ===== */
.floating-btn {
    width: calc(65px * var(--btn-scale)) !important;
    height: calc(65px * var(--btn-scale)) !important;
    font-size: calc(30px * var(--btn-scale)) !important;
    right: calc(30px * var(--btn-scale)) !important;
    bottom: calc(90px * var(--btn-scale)) !important;
}

.floating-btn svg {
    width: calc(32px * var(--btn-scale)) !important;
    height: calc(32px * var(--btn-scale)) !important;
}

.floating-btn.pulse-active {
    width: calc(65px * var(--btn-scale)) !important;
    height: calc(65px * var(--btn-scale)) !important;
    font-size: calc(30px * var(--btn-scale)) !important;
}

.floating-btn.pulse-active svg {
    width: calc(28px * var(--btn-scale)) !important;
    height: calc(28px * var(--btn-scale)) !important;
}

/* ===== موبایل ===== */
@media (max-width: 480px) {
    :root {
        --btn-scale: 0.75;
    }
}

@media (max-width: 380px) {
    :root {
        --btn-scale: 0.75;
    }
}/* End custom CSS */