/*
 * STB ana sayfa - evrak tarihine göre 7/30 günlük fiyat bandı.
 * Tam ekran genişliği: panel kenarlara sıfır boşlukla ulaşır.
 * Yalnızca bu bileşeni etkiler; slider ve üst menü düzenine dokunmaz.
 */
.stb-market-strip[hidden]{display:none!important}
.stb-market-strip,.stb-market-strip *{box-sizing:border-box}
.stb-market-strip{
    width:100%;position:relative;z-index:1;overflow:hidden;
    background:linear-gradient(180deg,#fffdfb 0%,#fbf6f0 100%);
    border-top:1px solid #e9d9cb;border-bottom:1px solid #e9d9cb;
    font-family:inherit
}
.stb-market-strip__inner{
    width:100%;max-width:none;min-width:0;margin:0;padding:5px 0
}
.stb-market-strip__viewport{
    display:block;width:100%;min-width:0;overflow-x:auto;
    overscroll-behavior-x:contain;scrollbar-width:thin;
    background:#f8f1e9;border:0;border-top:1px solid #e9d9cb;border-bottom:1px solid #e9d9cb;border-radius:0;
    outline-offset:2px
}
.stb-market-strip__viewport:focus-visible{outline:2px solid #8b593a}
.stb-market-strip__track{
    display:flex;align-items:stretch;gap:0;width:max-content;min-height:59px
}
.stb-market-strip__item{
    display:inline-flex;flex:0 0 auto;align-items:center;gap:9px;
    padding:8px 18px;white-space:nowrap;
    border-right:1px solid #e5d4c5;color:#785c4a;
    font-size:11px;font-weight:400;line-height:1.4
}
.stb-market-strip__name{
    max-width:195px;overflow:hidden;text-overflow:ellipsis;
    font-size:11px;font-weight:400;color:#785c4a
}
.stb-market-strip__price{
    color:#392517;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums
}
.stb-market-strip__unit{color:#795d4b;font-size:11px;font-weight:400}
.stb-market-strip__change{
    color:#8c7563;font-size:12px;font-weight:800;letter-spacing:.01em;
    font-variant-numeric:tabular-nums;text-align:right
}
.stb-market-strip__change--up{color:#14814b}
.stb-market-strip__change--down{color:#c73637}
.stb-market-strip__change--flat{color:#8c7563}
.stb-market-strip__viewport.is-moving{overflow:hidden}
.stb-market-strip__viewport.is-moving .stb-market-strip__track{
    animation:stbMarketTicker 57s linear infinite;will-change:transform
}
.stb-market-strip__viewport.is-moving:hover .stb-market-strip__track{
    animation-play-state:paused
}
.stb-market-strip__viewport.is-moving:focus{overflow-x:auto}
.stb-market-strip__viewport.is-moving:focus .stb-market-strip__track{
    animation:none;transform:none
}
@keyframes stbMarketTicker{
    from{transform:translateX(0)}to{transform:translateX(-50%)}
}
@media(max-width:600px){
    .stb-market-strip__inner{padding:4px 0}
    .stb-market-strip__viewport{border-radius:0}
    .stb-market-strip__track{min-height:54px}
    .stb-market-strip__item{padding:8px 12px;gap:8px}
    .stb-market-strip__name{max-width:145px}
    .stb-market-strip__price{font-size:13px}
    .stb-market-strip__unit{font-size:10px}
    .stb-market-strip__change{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
    .stb-market-strip__viewport.is-moving{overflow-x:auto}
    .stb-market-strip__viewport.is-moving .stb-market-strip__track{
        animation:none!important;transform:none!important
    }
}

/* Ana sayfa sürümü: sabit koyu kahverengi bülten etiketi + tam genişlikte akış.
   Başlık, kayan fiyat alanının DIŞINDADIR: JS yalnızca viewport içindeki track'i hareket ettirir. */
.stb-market-strip__inner{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;padding:0;overflow:hidden}
.stb-market-strip__label{
    position:relative;z-index:2;flex:0 0 248px;width:248px;min-width:0;overflow:hidden;
    display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
    gap:3px;padding:10px 18px;background:linear-gradient(115deg,#67432e,#402a1c);
    color:#fff;border-right:2px solid #c09b80;border-radius:0 8px 8px 0;
    box-shadow:3px 0 10px rgba(66,40,25,.08)
}
.stb-market-strip__label-title{
    display:block;max-width:100%;color:#fff;font-size:12px;font-weight:800;letter-spacing:.025em;line-height:1.3;white-space:normal;overflow-wrap:normal
}
.stb-market-strip__label-detail{
    display:block;max-width:100%;color:#ebd8c9;font-size:10px;font-weight:500;line-height:1.35;white-space:normal
}
.stb-market-strip__viewport{
    flex:1 1 0;min-width:0;width:auto;border:0;border-radius:0;background:#f8f1e9
}
.stb-market-strip__type{
    display:inline-block;flex:0 0 auto;padding:3px 7px;border-radius:4px;
    font-size:9px;font-weight:800;letter-spacing:.035em;line-height:1.3
}
.stb-market-strip__type--alim{background:#dfede5;color:#276442}
.stb-market-strip__type--satim{background:#ebdfd5;color:#66432f}
.stb-market-strip__empty{
    padding:18px 20px;color:#775946;font-size:12px;line-height:1.45
}
.stb-market-strip__empty[hidden]{display:none!important}
@media(max-width:600px){
    .stb-market-strip__inner{padding:0}
    .stb-market-strip__label{flex-basis:140px;width:140px;padding:8px 10px;gap:4px;border-radius:0 6px 6px 0}
    .stb-market-strip__label-title{font-size:10px;line-height:1.3}
    .stb-market-strip__label-detail{font-size:9px;line-height:1.2}
    .stb-market-strip__type{font-size:9px;padding:2px 5px}
    .stb-market-strip__viewport{min-width:0}
    .stb-market-strip__empty{padding:12px 10px;font-size:11px}
}
@media(max-width:360px){
    .stb-market-strip__label{flex-basis:116px;width:116px;padding:7px 8px}
    .stb-market-strip__label-title{font-size:9px}
    .stb-market-strip__label-detail{font-size:8px}
}
