/* Smart Floating Ad v4 - Facebook-style fixed bottom card */
#sfa-banner.sfa-card {
    position: fixed;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
    width: calc(100% - 40px);
    max-width: 680px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    box-sizing: border-box;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 12px;
    color: #fff;
}
.sfa-thumb img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 10px;
    flex-shrink: 0;
}
.sfa-body { flex: 1; min-width: 0; }
.sfa-headline { font-size: 16px; font-weight: 700; margin-bottom: 6px; line-height:1.1; }
.sfa-sub { font-size: 13px; opacity: 0.92; margin-bottom: 6px; color: rgba(255,255,255,0.9); }
.sfa-sponsored { font-size: 12px; opacity: 0.8; color: rgba(255,255,255,0.8); margin-bottom: 6px; }
.sfa-cta { display:inline-block; background:#fff; color:#111; padding:8px 14px; border-radius:10px; font-weight:700; text-decoration:none; box-shadow: 0 6px 18px rgba(0,0,0,0.15); }

/* close button - circular on top-right, slightly outside */
.sfa-close {
    position: absolute;
    top: -10px;
    right: 18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.95);
    color: #333;
    font-size: 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    cursor: pointer;
    z-index: 1000000;
}

/* shadows */
#sfa-banner { box-shadow: 0 12px 30px rgba(0,0,0,0.25); }

/* animations */
.sfa-animation-fade { opacity: 0; animation: sfa-fade-in .5s forwards; }
@keyframes sfa-fade-in { to { opacity: 1; } }
.sfa-animation-slide { transform: translateX(-50%) translateY(60%); animation: sfa-slide-in .45s forwards; }
@keyframes sfa-slide-in { to { transform: translateX(-50%) translateY(0); } }

/* responsive */
@media(max-width:500px) {
    .sfa-thumb img { width:56px; height:56px; }
    .sfa-headline { font-size:15px; }
    #sfa-banner { bottom:12px; padding:10px; width: calc(100% - 20px); }
    .sfa-close { right: 10px; top: 6px; position: absolute; }
}