.dh-live-bar{
    --navy:#0f3150;
    --yellow:#f4c400;
    --green:#31d49a;
    --red:#ff5b63;

    position:sticky !important;
    top:0 !important;
    z-index:10001 !important;

    display:flex;
    width:100%;
    min-height:46px;
    overflow:hidden;
    background:var(--navy);
    font-family:Arial,Helvetica,sans-serif;
}

.dh-live-label{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    padding:0 22px;
    background:var(--yellow);
    color:#0b2944;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
}

.dh-live-viewport{
    min-width:0;
    flex:1;
    overflow:hidden;
}

.dh-live-track{
    display:flex;
    width:max-content;
    min-width:100%;
    animation:dhTickerMove 38s linear infinite;
    will-change:transform;
}

.dh-live-bar:hover .dh-live-track{
    animation-play-state:paused;
}

.dh-live-item{
    position:relative;
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:9px;
    min-height:46px;
    padding:0 24px;
    color:#e8eef4;
    text-decoration:none;
    white-space:nowrap;
}

.dh-live-item::after{
    content:"";
    position:absolute;
    top:11px;
    right:0;
    width:1px;
    height:24px;
    background:rgba(255,255,255,.15);
}

.dh-live-name{
    font-size:13px;
}

.dh-live-price{
    color:var(--green);
    font-size:14px;
    font-weight:900;
}

.dh-live-arrow{
    color:var(--green);
    font-size:11px;
    font-weight:900;
}

.dh-live-arrow.down{
    color:var(--red);
}

@keyframes dhTickerMove{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* HEADER */

.site-header{
    position:sticky !important;
    top:46px !important;
    z-index:10000 !important;
}

/* MOBİL */

@media (max-width:768px){

    .dh-live-bar{
        min-height:40px;
    }

    /* Sarı kutuyu gizle */
    .dh-live-label{
        display:none;
    }

    .dh-live-viewport{
        width:100%;
        flex:1;
    }

    .dh-live-item{
        min-height:40px;
        padding:0 14px;
        gap:8px;
    }

    .dh-live-name{
        font-size:11px;
        font-weight:600;
    }

    .dh-live-price{
        font-size:12px;
        font-weight:800;
    }

    .dh-live-arrow{
        font-size:9px;
    }

    .dh-live-track{
        animation-duration:26s;
    }

    .site-header{
        top:40px !important;
    }
}