/* Header top — 40px bar: chip | ticker | iletişim */

.header-top{
    padding:0!important;
    height:40px;
}

.header-top-mini{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);
    align-items:center;
    gap:10px;
    height:40px;
    min-height:40px;
}

.header-top-left{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
}

.header-top-chip{
    display:inline-flex;
    align-items:center;
    gap:5px;
    max-width:100%;
    height:26px;
    padding:0 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.01em;
    line-height:1;
    color:#fff;
    white-space:nowrap;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.22);
    transition:background .2s,border-color .2s;
}
.header-top-chip:hover{
    background:rgba(255,255,255,.22);
    border-color:rgba(255,255,255,.34);
}
.header-top-chip--ghost{
    font-weight:600;
    color:rgba(255,255,255,.94);
    background:transparent;
    border-color:rgba(255,255,255,.16);
}
.header-top-chip__icon{
    flex-shrink:0;
    opacity:.92;
    color:rgba(255,255,255,.95);
}

.header-top-ticker{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    min-width:0;
    color:var(--text-light,#fff);
    font-size:12px;
    font-weight:600;
    letter-spacing:-.01em;
    line-height:1;
    user-select:none;
    -webkit-user-select:none;
}

.header-top-ticker__nav{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:20px;
    height:20px;
    padding:0;
    border:0;
    border-radius:4px;
    background:transparent;
    color:rgba(255,255,255,.88);
    cursor:pointer;
    transition:background .2s,color .2s;
}
.header-top-ticker__nav:hover{
    background:rgba(255,255,255,.14);
    color:#fff;
}
.header-top-ticker__nav:active{
    background:rgba(255,255,255,.22);
}
.header-top-ticker__nav svg{
    display:block;
    width:14px;
    height:14px;
}

.header-top-ticker__viewport{
    position:relative;
    flex:1 1 auto;
    min-width:0;
    max-width:100%;
    height:16px;
    overflow:hidden;
    text-align:center;
}

.header-top-ticker__line{
    position:absolute;
    left:0; right:0; top:0;
    margin:0;
    padding:0 4px;
    opacity:0;
    transform:translateY(5px);
    transition:opacity .4s ease,transform .4s ease;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:16px;
}
.header-top-ticker__line.is-active{
    opacity:1;
    transform:translateY(0);
}
.header-top-ticker__line.is-exit{
    opacity:0;
    transform:translateY(-5px);
}

.header-top-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    min-width:0;
}

.header-top-mini .call-us{
    gap:5px;
    font-size:12px;
    line-height:1;
}
.header-top-mini .call-us img{
    width:14px!important;
    height:14px!important;
}

@media (max-width:1099px){
    .header-top,
    .header-top-mini{
        height:40px;
        min-height:40px;
    }
    .header-top-mini{
        grid-template-columns:1fr;
        gap:0;
        padding:0 12px;
        justify-items:stretch;
    }
    .header-top-left,
    .header-top-right{display:none!important}
    .header-top-ticker{font-size:11px}
}

@media (min-width:1100px) and (max-width:1280px){
    .header-top-chip{
        font-size:10px;
        padding:0 7px;
        gap:4px;
    }
    .header-top-chip__icon{width:11px;height:11px}
    .header-top-ticker{font-size:11px}
    .header-top-right{gap:8px}
    .header-top-mini .call-us{font-size:10.5px}
}

@media (prefers-reduced-motion:reduce){
    .header-top-ticker__line,
    .header-top-chip{transition:none}
}