/* Duyuru ve indirim şeritleri (Panel → Site ve ekip → Duyuru ve indirim). Renkler sitenin temasından gelir. */
.srt-top { position: relative; z-index: 55; }
.srt-bot { position: fixed; z-index: 48; left: 0; right: 0; bottom: 0; box-shadow: 0 -12px 40px -18px rgb(0 0 0 / .8); }
.srt { --fg: var(--txt, #f4eef9); position: relative; display: flex; justify-content: center; align-items: center; min-height: 42px; padding: 7px 48px; color: var(--fg); font: 500 13.5px/1.35 var(--font, system-ui); overflow: hidden; transition: height .25s ease, opacity .2s ease; isolation: isolate; }
.srt.out { opacity: 0; }
.srt-top .srt { border-bottom: 1px solid rgb(255 255 255 / .07); }
.srt-bot .srt { border-top: 1px solid rgb(255 255 255 / .08); }
.srt.s-vurgu { background: linear-gradient(90deg, rgb(var(--a1r, 255 31 79) / .2), rgb(var(--a2r, 155 61 255) / .2)), var(--s2, #0f0a15); border-color: rgb(var(--a1r, 255 31 79) / .3); }
.srt.s-koyu { background: rgb(var(--s3r, 17 12 23) / .97); --fg: var(--txt2, #d9cfe6); }
.srt.s-gecis { background: linear-gradient(90deg, var(--a1, #ff1f4f), var(--a2, #9b3dff)); --fg: #fff; }
.srt.s-ozel { background: linear-gradient(90deg, var(--c1), var(--c2)); --fg: #fff; }
.srt.s-gecis::before, .srt.s-ozel::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(110deg, transparent 30%, rgb(255 255 255 / .18) 45%, transparent 60%) -100% 0 / 60% 100% no-repeat; animation: srtsh 5s ease-in-out infinite; }
@keyframes srtsh { 0%, 55% { background-position: -100% 0; } 100% { background-position: 250% 0; } }
.srt-in { display: flex; align-items: center; gap: 12px; min-width: 0; max-width: var(--w, 1180px); }
.srt.kay .srt-in { flex: 1; }
.srt-ic { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; color: var(--a1l, #ff8aa5); background: rgb(var(--a1r, 255 31 79) / .16); }
.srt-ic .ico { width: 14px; height: 14px; }
.s-gecis .srt-ic, .s-ozel .srt-ic { color: #fff; background: rgb(255 255 255 / .18); }
.srt .ico { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.srt-pct { flex: none; padding: 3px 10px; border-radius: 999px; font: 800 13px/1.2 var(--disp, var(--font)); letter-spacing: -.01em; background: var(--a1, #ff1f4f); color: #fff; box-shadow: 0 4px 14px -6px var(--a1, #ff1f4f); }
.s-gecis .srt-pct, .s-ozel .srt-pct { background: #fff; color: #0b0710; box-shadow: 0 4px 14px -6px rgb(0 0 0 / .5); }
.srt-t { min-width: 0; }
.srt-t b { font-weight: 700; }
.srt.kay .srt-t { flex: 1; overflow: hidden; -webkit-mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.srt-m { display: inline-flex; gap: 72px; white-space: nowrap; padding-left: 100%; animation: srtm 18s linear infinite; }
.srt-m > span:last-child { display: none; }
.srt:hover .srt-m { animation-play-state: paused; }
@keyframes srtm { to { transform: translateX(-100%); } }
.srt-code { flex: none; display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 10px; border-radius: 8px; border: 1.5px dashed rgb(255 255 255 / .35); background: rgb(255 255 255 / .06); color: inherit; font: inherit; cursor: pointer; transition: background .15s, border-color .15s; }
.srt-code:hover { background: rgb(255 255 255 / .12); border-color: rgb(255 255 255 / .6); }
.srt-code small { font-size: 11px; opacity: .75; }
.srt-code b { font: 700 13px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .06em; }
.srt-code.ok { border-style: solid; border-color: #2ee59d; }
.srt-code.ok .ico { color: #2ee59d; }
.srt-tm { flex: none; display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 10px; border-radius: 8px; background: rgb(0 0 0 / .22); font: 600 12.5px/1 var(--font); font-variant-numeric: tabular-nums; }
.srt-tm i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: srtp 1.2s ease-in-out infinite; }
@keyframes srtp { 50% { opacity: .25; } }
.srt-a { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border-radius: 8px; background: rgb(255 255 255 / .1); color: inherit; font-weight: 650; white-space: nowrap; transition: background .15s, gap .15s; }
.srt-a:hover { background: rgb(255 255 255 / .2); gap: 9px; }
.s-vurgu .srt-a, .s-koyu .srt-a { background: var(--a1, #ff1f4f); color: #fff; }
.s-vurgu .srt-a:hover, .s-koyu .srt-a:hover { filter: brightness(1.1); }
.srt-x { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 8px; border: 0; background: transparent; color: inherit; opacity: .7; font-size: 19px; line-height: 1; cursor: pointer; }
.srt-x:hover { opacity: 1; background: rgb(255 255 255 / .12); }
/* sayfanın geri kalanı şeride yer açar */
html.srt-has-b body { padding-bottom: var(--srt-b, 0px); }
.mp, .editfab { transition: bottom .25s ease; }
html.srt-has-b .mp, html.srt-has-b .editfab { bottom: calc(20px + var(--srt-b, 0px)); }
.ntc { top: calc(84px + var(--srt-h, 0px)); }
.foot a.srt-nl.on { color: var(--txt); }
.links > a { white-space: nowrap; }
.links > .srt-nl { order: 1; }
.links > a[href="/hesap"], .links > #nl-dc { order: 2; }
.srt-dd { position: relative; display: flex; }
.srt-ddb { display: inline-flex; align-items: center; gap: 4px; height: 36px; padding: 0 12px 0 15px; border: 0; border-radius: 10px; background: transparent; font: 600 13.5px var(--font); color: var(--mut); cursor: pointer; white-space: nowrap; transition: color .2s, background .2s; }
.srt-ddb .ico { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform .2s; }
.srt-ddb:hover, .srt-dd.open .srt-ddb, .srt-dd.on .srt-ddb { color: var(--txt); background: rgba(255, 255, 255, .04); }
.srt-dd.open .srt-ddb .ico { transform: rotate(180deg); }
.srt-ddm { position: absolute; top: calc(100% + 10px); left: 50%; min-width: 200px; display: flex; flex-direction: column; gap: 2px; padding: 6px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .08); background: rgb(var(--s3r, 17 12 23) / .97); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 20px 50px -20px rgb(0 0 0 / .8); opacity: 0; transform: translate(-50%, -6px); pointer-events: none; transition: opacity .15s, transform .15s; z-index: 60; }
.srt-dd.open .srt-ddm { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.srt-ddm a { justify-content: flex-start; white-space: nowrap; }
@media (max-width: 820px) { .links { top: calc(78px + var(--srt-t, 0px)); } }
@media (max-width: 820px) { .sy-page #dlp { margin-left: auto; } }
@media (max-width: 640px) {
  .srt-code small { display: none; }
  .srt-a { padding: 0 10px; }
  .srt-code, .srt-tm { padding: 0 8px; gap: 6px; }
  .srt-tm i { display: none; }
  .srt { padding: 8px 40px 8px 14px; font-size: 12.5px; justify-content: flex-start; }
  .srt-in { flex-wrap: wrap; gap: 6px 7px; }
  .srt:not(.kay) .srt-t { flex: 1 1 calc(100% - 60px); }
  .srt-code, .srt-tm, .srt-a { height: 26px; }
  .srt-x { top: 8px; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .srt-m { animation: none; padding-left: 0; }
  .srt::before, .srt-tm i { animation: none !important; }
}