#online-ribbon-right,
#online-ribbon-left {
    position: fixed;
    top: 40%;
    padding: 8px 12px;
    background: #c62828;
    color: #fff;
    font-family: Vazirmatn, sans-serif;
    font-size: 14px;
    z-index: 9999;
    border-radius: 5px;
}
#online-ribbon-right { right: 0; }
#online-ribbon-left { left: 0; }
#online-ribbon-left a { color: #fff; text-decoration: none; font-weight: bold; }

#event-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #d32f2f;
    color: #fff;
    padding: 10px 15px;
    border-radius: 30px;
    display: none;
    font-size: 14px;
    z-index: 10000;
}
#event-popup a { color: #fff; font-weight: bold; text-decoration: underline; }