/* The fixed side tab stays clear of the WhatsApp button at the bottom. */
.kf-facebook-floating {
    position: fixed;
    z-index: 1025;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 0;
    width: 52px;
    min-height: 58px;
    padding: 12px 14px;
    overflow: hidden;
    border: 1px solid #ffffff35;
    border-right: 0;
    border-radius: 15px 0 0 15px;
    background: #1877f2;
    box-shadow: -4px 4px 18px #1254a52b;
    color: #fff;
    text-decoration: none;
    transition: width .2s ease, gap .2s ease, background .2s ease;
}
.kf-facebook-floating svg { width: 24px; height: 28px; flex: 0 0 24px; }
.kf-facebook-floating > span { display: grid; gap: 2px; opacity: 0; white-space: nowrap; transition: opacity .2s ease; }
.kf-facebook-floating strong { font: 600 14px/1.4 Poppins, "Segoe UI", sans-serif; color: #fff; }
.kf-facebook-floating small { font: 400 10px/1.4 Poppins, "Segoe UI", sans-serif; color: #fff; }
.kf-facebook-floating:hover, .kf-facebook-floating:focus-visible { width: 184px; gap: 12px; color: #fff; background: #1264cf; text-decoration: none; }
.kf-facebook-floating:hover > span, .kf-facebook-floating:focus-visible > span { opacity: 1; }
.kf-facebook-floating:focus-visible { outline: 3px solid #123f37; outline-offset: 3px; }
@media (max-width: 480px) {
    .kf-facebook-floating { width: 44px; min-height: 50px; padding: 10px; border-radius: 12px 0 0 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .kf-facebook-floating, .kf-facebook-floating > span { transition: none; }
}
@media print { .kf-facebook-floating { display: none !important; } }