/* Şampiyon İhale - Modern Tema Yeni Teklif Bildirimi */
#header.si-bid-alert-host{
    position:relative!important;
    overflow:hidden!important;
}

.si-bid-alert-layer{
    position:absolute;
    inset:0;
    z-index:9997;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px 24px;
    box-sizing:border-box;
    background:
        linear-gradient(110deg,rgba(7,15,27,.91),rgba(15,43,68,.88));
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    transition:
        opacity .24s ease,
        transform .24s ease,
        visibility .24s ease;
    pointer-events:none;
}

.si-bid-alert-layer.si-show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.si-bid-alert-card{
    width:min(720px,88%);
    min-height:92px;
    display:flex;
    align-items:center;
    gap:18px;
    padding:16px 22px;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.20);
    border-radius:13px;
    background:rgba(8,20,34,.74);
    box-shadow:
        0 15px 40px rgba(0,0,0,.30),
        0 0 28px rgba(57,174,255,.11);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}

.si-bid-alert-icon{
    flex:0 0 54px;
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.17);
    background:linear-gradient(145deg,#226ea7,#123c63);
    color:#fff;
    font-size:25px;
    box-shadow:0 7px 18px rgba(0,0,0,.22);
}

.si-bid-alert-content{
    min-width:0;
    flex:1 1 auto;
}

.si-bid-alert-label{
    display:block;
    margin-bottom:4px;
    color:#8fd4ff;
    font-size:11px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:1.35px;
    text-transform:uppercase;
}

.si-bid-alert-title{
    display:block;
    overflow:hidden;
    color:#fff;
    font-size:20px;
    line-height:1.25;
    font-weight:900;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-shadow:0 2px 10px rgba(0,0,0,.28);
}

.si-bid-alert-sub{
    display:block;
    margin-top:5px;
    color:#bac9d8;
    font-size:11px;
    line-height:1.3;
    font-weight:700;
}

.si-bid-alert-amount{
    flex:0 0 auto;
    min-width:128px;
    padding:10px 13px;
    border-radius:9px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    color:#7dffb2;
    font-size:21px;
    line-height:1;
    font-weight:900;
    text-align:center;
    white-space:nowrap;
    text-shadow:0 0 13px rgba(63,255,145,.21);
}

.si-bid-alert-progress{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:3px;
    background:rgba(255,255,255,.13);
}

.si-bid-alert-progress > i{
    display:block;
    width:100%;
    height:100%;
    background:linear-gradient(90deg,#3faeff,#76ffc0);
    transform-origin:left center;
}

.si-bid-alert-layer.si-show .si-bid-alert-progress > i{
    animation:siBidAlertProgress 5s linear forwards;
}

@keyframes siBidAlertProgress{
    from{transform:scaleX(1)}
    to{transform:scaleX(0)}
}