/* SAHNE · BURSLULUK SINAVI (includes/scenes/scholarship-exam.php) — modül sayfası kahraman sahnesi. Adımlar:
   s1 «Sonuçları aktar» → 71 sonuç, sayılar, 7. sınıf sıralaması · s2 «Burs Bantları» sekmesi · s3 «Bursları ata» → 13 aday ·
   s4 «Sıralama»: burs çipleri · s5 «Yayınlama» sekmesi · s6 «Sonuçları yayınla» → Yayında · s7 «Sonuç SMS'i gönder (62)» →
   «Emin misiniz?» · s8 «Evet» → kuyruk iletisi, velinin telefonu kilit ekranında SMS · s9 bildirime dokunma → sorgu formu
   doldurulur → «Sonucu göster» → Elif Tekin'in sonucu: puan, sıra, %100 Tam Burs, derslere göre sonuç (son kare).
   --d: o adımda tıklamanın sonucunun göründüğü an (sayfa yeniden yüklenmiş gibi). */
@property --bsx-a { syntax: '<integer>'; inherits: false; initial-value: 0; }
@property --bsx-b { syntax: '<integer>'; inherits: false; initial-value: 0; }

.bsx { container-type: inline-size; position: relative; --H: 476px; --d: 0s; --bsx-spring: cubic-bezier(.34, 1.56, .64, 1);
  --bsx-ok: #047857; --bsx-ok-ink: #065f46; }
.bsx.s1 { --d: .55s; } .bsx.s2 { --d: .4s; } .bsx.s3 { --d: .55s; } .bsx.s4 { --d: .4s; } .bsx.s5 { --d: .4s; } .bsx.s6 { --d: .5s; }
.bsx.s7 { --d: .5s; } .bsx.s8 { --d: .55s; }
.bsx-i { display: block; width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bsx-mono { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-variant-numeric: tabular-nums; }
.bsx-r { text-align: right; }

/* çapraz geçiş: iki durum aynı ızgara hücresinde */
.bsx-x { display: grid; }
.bsx-x > * { grid-area: 1 / 1; transition: opacity .3s var(--ui-ease) var(--d), translate .35s var(--ui-ease) var(--d); }
.bsx-post { opacity: 0; translate: 0 4px; }
.bsx.s6 .bsx-pre { opacity: 0; translate: 0 -4px; }
.bsx.s6 .bsx-post { opacity: 1; translate: 0 0; }

/* imleç: .bsx-hit tıklama noktası; ok ucu orada, halka dalgası çevresinde */
.bsx-hit { position: absolute; z-index: 7; width: 0; height: 0; pointer-events: none; }
.bsx-hit .ui-cur { left: -5px; top: -3px; transform: translate(16px, 14px); transition: opacity .2s var(--ui-ease); }
.bsx-rip { position: absolute; left: -11px; top: -11px; width: 22px; height: 22px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(29, 79, 134, .55); opacity: 0; }
@keyframes bsx-cur { 0% { opacity: 0; transform: translate(16px, 14px); } 34% { opacity: 1; transform: none; scale: 1; } 46% { scale: .8; } 58% { scale: 1; } 80% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate(3px, 4px); } }
@keyframes bsx-rip { 0% { opacity: 0; scale: .25; } 12% { opacity: .9; } 100% { opacity: 0; scale: 1.7; } }
@keyframes bsx-push { 50% { scale: .95; } }
@keyframes bsx-pop { 0% { opacity: 0; scale: .6; } 60% { opacity: 1; scale: 1.08; } 100% { opacity: 1; scale: 1; } }
/* telefonda dokunuş: parmak dairesi basar, halka yayılır */
.bsx-tap { position: absolute; z-index: 6; left: 50%; top: 50%; width: 0; height: 0; pointer-events: none; }
.bsx-tap::before { content: ""; position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; border-radius: 50%; background: rgba(23, 34, 56, .2); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .7); opacity: 0; scale: .6; }
.bsx-tap i { position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(29, 79, 134, .5); opacity: 0; }
@keyframes bsx-touch { 0% { opacity: 0; scale: 1.25; } 30% { opacity: 1; scale: .8; } 62% { opacity: 1; scale: .8; } 100% { opacity: 0; scale: 1; } }
@keyframes bsx-wave { 0% { opacity: 0; scale: .4; } 15% { opacity: .9; } 100% { opacity: 0; scale: 1.9; } }

/* ── pencere ── */
.bsx-win { position: relative; display: flex; flex-direction: column; height: var(--H); background: #f6f7f9; }
/* karartma: s7 onay penceresinin arkası (koyu), s8'den sonra telefonun arkası (açık) */
.bsx-win::after { content: ""; position: absolute; inset: 0; z-index: 8; background: rgba(13, 27, 48, .34); opacity: 0; pointer-events: none; transition: opacity .3s var(--ui-ease) .45s; }
.bsx.s7 .bsx-win::after { opacity: 1; transition-delay: .5s; }
.bsx.s8 .bsx-win::after { opacity: .5; transition-duration: .4s; }

/* başlık kartı */
.bsx-hc { flex: none; margin: 12px 12px 0; border-radius: 12px; background: #fff; overflow: hidden;
  box-shadow: 0 0 0 1px var(--ui-line), 0 1px 2px rgba(16, 37, 64, .05), 0 8px 20px -16px rgba(16, 37, 64, .35); }
.bsx-band { display: flex; align-items: center; gap: 12px; height: 56px; padding: 0 12px; color: #fff;
  background: linear-gradient(120deg, var(--navy-night), var(--navy) 55%, var(--navy-soft)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12); }
.bsx-ico { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(255, 255, 255, .13); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
.bsx-ico .bsx-i { width: 18px; height: 18px; stroke-width: 1.8; }
.bsx-ttl { flex: 1; min-width: 0; }
.bsx-ttl > b { display: flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 800; line-height: 20px; letter-spacing: -.015em; white-space: nowrap; }
.bsx-help { width: 16px; height: 16px; stroke-width: 1.8; opacity: .8; }
.bsx-act { position: relative; flex: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px; border-radius: 8px; background: #fff; color: var(--navy); font-size: 11.5px; font-weight: 800; white-space: nowrap;
  box-shadow: 0 1px 2px rgba(8, 24, 48, .25), 0 6px 14px -8px rgba(8, 24, 48, .6), inset 0 -1px 0 rgba(16, 37, 64, .08); }
.bsx-act .bsx-i { width: 14px; height: 14px; }
.bsx-act .bsx-hit { right: 30px; bottom: 9px; }
.bsx.s1 .bsx-act { animation: bsx-push .3s var(--ui-ease) .38s; }
.bsx.s1:not(.s2) .bsx-hit--sync .ui-cur { animation: bsx-cur 1s var(--ui-ease) both; }
.bsx.s1:not(.s2) .bsx-hit--sync .bsx-rip { animation: bsx-rip .55s ease-out .4s both; }

.bsx-row { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-top: 1px solid #eef0f3; }
.bsx-sum { flex-wrap: wrap; row-gap: 6px; }
.bsx-sel { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 9px 0 11px; border-radius: 8px; background: #fff; font-size: 11.5px; font-weight: 700; color: var(--ui-text); white-space: nowrap;
  box-shadow: inset 0 0 0 1px var(--ui-line-2), 0 1px 1px rgba(16, 37, 64, .03); }
.bsx-sel .bsx-i { width: 13px; height: 13px; color: var(--ui-muted); }
.bsx-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.bsx-cp { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 999px; background: #fff; font-size: 11px; font-weight: 700; color: #3f3f46; white-space: nowrap;
  box-shadow: inset 0 0 0 1px #e4e4e7; }
.bsx-cp b { font-weight: 800; color: #18181b; font-variant-numeric: tabular-nums; }
.bsx-cp--ok { background: #ecfdf5; color: #065f46; box-shadow: inset 0 0 0 1px #a7f3d0; } .bsx-cp--ok b { color: #065f46; }
.bsx-cp--w { background: #fffbeb; color: #92400e; box-shadow: inset 0 0 0 1px #fde68a; } .bsx-cp--w b { color: #92400e; }
.bsx-cp--b { background: var(--ui-primary-soft); color: var(--navy); box-shadow: inset 0 0 0 1px #c7d7ec; } .bsx-cp--b b { color: var(--navy); }

/* sayaçlar (ileri sayar) */
.bsx-n { counter-reset: bsx-a var(--bsx-a) bsx-b var(--bsx-b); transition: --bsx-a .8s var(--ui-ease) var(--d), --bsx-b .8s var(--ui-ease) var(--d); }
.bsx-n::after { content: counter(bsx-a); }
.bsx-cp .bsx-n { display: inline-block; min-width: 2ch; }
.bsx-cp .bsx-n--g { min-width: 1ch; }
.bsx.s1 .bsx-n--t { --bsx-a: 71; } .bsx.s1 .bsx-n--p { --bsx-a: 62; } .bsx.s1 .bsx-n--g { --bsx-a: 9; }
.bsx.s3 .bsx-n--b { --bsx-a: 13; }

/* sekmeler (çip) */
.bsx-tabs { gap: 6px; }
.bsx-tab { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px; border-radius: 999px; background: #fff; font-size: 11.5px; font-weight: 700; color: #3f3f46; white-space: nowrap;
  box-shadow: inset 0 0 0 1px #e4e4e7; transition: background-color .3s var(--ui-ease) var(--d), color .3s var(--ui-ease) var(--d), box-shadow .3s var(--ui-ease) var(--d); }
.bsx-tab .bsx-i { width: 13px; height: 13px; }
.bsx-tab .bsx-hit { left: 62%; top: 19px; }
.bsx:not(.s2) .bsx-tab--s, .bsx.s4:not(.s5) .bsx-tab--s, .bsx.s2:not(.s4) .bsx-tab--b, .bsx.s5 .bsx-tab--y {
  background: var(--navy); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 1px 2px rgba(16, 37, 64, .2), 0 6px 12px -8px rgba(20, 61, 107, .8); }
.bsx.s2:not(.s3) .bsx-hit--tb .ui-cur, .bsx.s4:not(.s5) .bsx-hit--ts .ui-cur, .bsx.s5:not(.s6) .bsx-hit--ty .ui-cur { animation: bsx-cur .95s var(--ui-ease) both; }
.bsx.s2:not(.s3) .bsx-hit--tb .bsx-rip, .bsx.s4:not(.s5) .bsx-hit--ts .bsx-rip, .bsx.s5:not(.s6) .bsx-hit--ty .bsx-rip { animation: bsx-rip .55s ease-out .36s both; }

/* ── gövde ── */
.bsx-stage { position: relative; flex: 1; min-height: 0; padding: 8px 12px 0; overflow: hidden; }
.bsx-stage::after { content: ""; position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; height: 22px; background: linear-gradient(rgba(246, 247, 249, 0), #f6f7f9 85%); pointer-events: none; transition: opacity .3s var(--ui-ease) var(--d); }
/* Burs Bantları sayfası düğmelerle biter: altında devam eden içerik yok, sönme kaldırılır */
.bsx.s2:not(.s4) .bsx-stage::after { opacity: 0; }

/* iletiler: kapalıyken yüksekliği 0 (satır 0fr), açılınca içeriği aşağı iter; yeni sayfa gelince (--d) kapanır */
.bsx-fl { display: grid; grid-template-rows: 0fr; opacity: 0;
  transition: grid-template-rows .45s var(--ui-ease) var(--d), opacity .2s var(--ui-ease) var(--d), margin-bottom .45s var(--ui-ease) var(--d); }
.bsx-fl > div { min-height: 0; overflow: hidden; }
.bsx-msg { padding: 5px 12px; border-radius: 10px; background: #ecfdf5; box-shadow: inset 0 0 0 1px #a7f3d0; font-size: 11.5px; font-weight: 700; line-height: 16px; color: var(--bsx-ok-ink); }
.bsx.s1:not(.s2) .bsx-fl--sync, .bsx.s3:not(.s4) .bsx-fl--ata, .bsx.s6:not(.s8) .bsx-fl--pub, .bsx.s8 .bsx-fl--sms {
  grid-template-rows: 1fr; opacity: 1; margin-bottom: 8px; transition-delay: var(--d), calc(var(--d) + .1s), var(--d); }
.bsx-bc { display: flex; flex-wrap: wrap; gap: 4px 5px; margin-top: 5px; }
.bsx-bc i { font-style: normal; height: 20px; padding: 0 7px; border-radius: 6px; background: rgba(255, 255, 255, .75); box-shadow: inset 0 0 0 1px rgba(6, 95, 70, .12); font-size: 10.5px; font-weight: 800; line-height: 20px; color: #3f3f46; white-space: nowrap;
  opacity: 0; translate: 0 3px; transition: opacity .25s var(--ui-ease), translate .3s var(--ui-ease); }
.bsx.s3:not(.s4) .bsx-bc i { opacity: 1; translate: 0 0; transition-delay: calc(var(--d) + .25s + var(--i) * 55ms); }

.bsx-pages { display: grid; }
.bsx-pg { grid-area: 1 / 1; min-width: 0; opacity: 0; translate: 0 6px; transition: opacity .3s var(--ui-ease) var(--d), translate .4s var(--ui-ease) var(--d); }
.bsx:not(.s2) .bsx-pg--s, .bsx.s4:not(.s5) .bsx-pg--s, .bsx.s2:not(.s4) .bsx-pg--b, .bsx.s5 .bsx-pg--y { opacity: 1; translate: 0 0; }
/* giden sekme hemen söner (yeni sayfa) */
.bsx.s2 .bsx-pg--s, .bsx.s4 .bsx-pg--b, .bsx.s5 .bsx-pg--s { transition-delay: calc(var(--d) - .15s); }
.bsx.s4:not(.s5) .bsx-pg--s { transition-delay: var(--d); }

.bsx-card { border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px var(--ui-line), 0 1px 2px rgba(16, 37, 64, .05), inset 0 1px 0 rgba(255, 255, 255, .6); }
.bsx-ch { display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 10px; border-bottom: 1px solid #eef0f3; }
.bsx-gc { flex: none; display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: #fff; font-size: 11px; font-weight: 700; color: #3f3f46; white-space: nowrap; box-shadow: inset 0 0 0 1px #e4e4e7; }
.bsx-gc--on { background: var(--navy); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14); }
.bsx-out { display: flex; gap: 6px; margin-left: auto; opacity: 0; transition: opacity .3s var(--ui-ease) var(--d); }
.bsx.s1 .bsx-out { opacity: 1; }
.bsx-ob { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 9px; border-radius: 7px; font-size: 10.5px; font-weight: 800; color: #3f3f46; white-space: nowrap; box-shadow: inset 0 0 0 1px #e4e4e7; }
.bsx-ob .bsx-i { width: 12px; height: 12px; }

/* sıralama tablosu */
.bsx-tr { display: grid; grid-template-columns: 22px minmax(0, 1fr) 50px 98px 42px 50px 146px; align-items: center; column-gap: 8px; height: 27px; padding: 0 10px; border-top: 1px solid #f1f1f3; }
.bsx-tr > * { min-width: 0; white-space: nowrap; }
.bsx-tr--h { height: 24px; border-top: 0; background: var(--ui-bg-2); font-size: 10.5px; font-weight: 800; color: #52525b; border-bottom: 1px solid var(--ui-line); }
.bsx-rows { display: grid; }
.bsx-rows > * { grid-area: 1 / 1; }
.bsx-empty { padding: 34px 16px; text-align: center; font-size: 11.5px; font-weight: 700; line-height: 17px; color: var(--ui-muted); transition: opacity .25s var(--ui-ease) var(--d); }
.bsx-empty b { color: #3f3f46; }
.bsx.s1 .bsx-empty { opacity: 0; transition-delay: calc(var(--d) - .1s); }
.bsx-list .bsx-tr:first-child { border-top: 0; }
.bsx-list .bsx-tr { opacity: 0; translate: 0 6px; transition: opacity .3s var(--ui-ease), translate .4s var(--ui-ease); }
.bsx.s1 .bsx-list .bsx-tr { opacity: 1; translate: 0 0; transition-delay: calc(.65s + var(--i) * 60ms); }
.bsx-tr__s { font: 800 11px/1 ui-monospace, "SFMono-Regular", Consolas, monospace; color: #27272a; }
.bsx-tr__ad { font-size: 11.5px; font-weight: 800; color: #18181b; overflow: hidden; text-overflow: ellipsis; }
.bsx-tr .bsx-c-no { font-size: 10.5px; color: var(--ui-muted); }
.bsx-tr__ok { font-size: 10.5px; font-weight: 500; color: #52525b; }
.bsx-tr .bsx-c-net { font-size: 10.5px; color: #3f3f46; }
.bsx-tr__pu { font: 800 12px/1 ui-monospace, "SFMono-Regular", Consolas, monospace; color: #18181b; font-variant-numeric: tabular-nums; }
.bsx-tr--h > * { font: inherit; color: inherit; }
.bsx-tr__b { display: grid; justify-items: start; }
.bsx-tr__b > * { grid-area: 1 / 1; }
.bsx-dash { font-style: normal; font-size: 11px; font-weight: 700; color: #a1a1aa; padding-left: 2px; transition: opacity .2s var(--ui-ease); }
.bsx-bb { font-style: normal; height: 18px; padding: 0 6px; border-radius: 6px; background: #e3ecf7; color: var(--navy); font-size: 10.5px; font-weight: 800; line-height: 18px; white-space: nowrap; opacity: 0; scale: .6; transform-origin: left center; }
.bsx.s4 .bsx-bb { opacity: 1; scale: 1; animation: bsx-pop .45s var(--bsx-spring) calc(var(--d) + .1s + var(--i) * 70ms) both; }
.bsx.s4 .bsx-dash:not(.bsx-dash--k) { opacity: 0; transition-delay: calc(var(--d) + .05s + var(--i) * 70ms); }

/* burs bantları */
.bsx-bd { padding: 8px; }
.bsx-bt { border-radius: 10px; overflow: hidden; box-shadow: 0 0 0 1px var(--ui-line); }
.bsx-br { display: grid; grid-template-columns: minmax(0, 1fr) 48px 70px 56px 62px 12px; align-items: center; column-gap: 8px; height: 26px; padding: 0 8px; border-top: 1px solid #f1f1f3; }
.bsx-br--h { height: 22px; border-top: 0; background: var(--ui-bg-2); font-size: 10.5px; font-weight: 800; color: #52525b; }
.bsx-br > * { min-width: 0; white-space: nowrap; }
.bsx-in { display: flex; align-items: center; justify-content: center; height: 20px; padding: 0 7px; border-radius: 6px; background: #fff; box-shadow: inset 0 0 0 1px #dfe3ea; font-size: 11px; font-weight: 600; color: #18181b; }
.bsx-in--ad { justify-content: flex-start; font-weight: 700; }
.bsx-in--ph { color: #a1a1aa; }
.bsx-br .bsx-c-x { font-size: 12px; font-weight: 700; color: #e11d48; text-align: center; }
.bsx-ba { display: flex; gap: 8px; margin-top: 8px; }
.bsx-b5 { position: relative; flex: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px; border-radius: 9px; background: #fff; font-size: 11.5px; font-weight: 800; color: #27272a; white-space: nowrap;
  box-shadow: inset 0 0 0 1px #d4d4d8, 0 1px 2px rgba(16, 37, 64, .05); }
.bsx-b5 .bsx-i { width: 13px; height: 13px; }
.bsx-b6 { position: relative; flex: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 9px; background: #18181b; font-size: 11.5px; font-weight: 800; color: #fff; white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 1px 2px rgba(0, 0, 0, .2), 0 6px 14px -8px rgba(0, 0, 0, .6); }
.bsx-b6 .bsx-i { width: 13px; height: 13px; }
.bsx-b6 .bsx-hit { right: 26px; bottom: 9px; }
.bsx.s3 .bsx-b6 { animation: bsx-push .3s var(--ui-ease) .38s; }
.bsx.s3:not(.s4) .bsx-hit--ata .ui-cur { animation: bsx-cur 1s var(--ui-ease) both; }
.bsx.s3:not(.s4) .bsx-hit--ata .bsx-rip { animation: bsx-rip .55s ease-out .4s both; }

/* yayınlama */
.bsx-pub { padding: 12px 14px 4px; }
.bsx-pub__top { display: flex; align-items: flex-start; gap: 14px; }
.bsx-pub__t { flex: 1; min-width: 0; }
.bsx-pub__t > b { display: block; font-size: 14px; font-weight: 800; line-height: 18px; letter-spacing: -.01em; color: #18181b; }
.bsx-pub__t > span { display: block; margin-top: 3px; font-size: 11px; font-weight: 600; line-height: 15px; color: #52525b; text-wrap: pretty; }
.bsx-pub__t > span b { font-weight: 800; color: #27272a; }
.bsx-pub__t small { display: block; margin-top: 5px; font-size: 10.5px; font-weight: 600; color: var(--ui-muted); }
.bsx-pub__t code { padding: 1px 5px; border-radius: 4px; background: #f4f4f5; font: 600 10px/14px ui-monospace, "SFMono-Regular", Consolas, monospace; color: #27272a; }
.bsx-pub__r { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 7px; }
.bsx-st, .bsx-pb { justify-items: end; }
.bsx-st > * { height: 24px; padding: 0 9px; border-radius: 7px; font-size: 11.5px; font-weight: 800; line-height: 24px; white-space: nowrap; }
.bsx-st--off { background: #f4f4f5; color: #52525b; }
.bsx-st--on { background: #d1fae5; color: var(--bsx-ok); }
.bsx.s6 .bsx-st--on { animation: bsx-pop .45s var(--bsx-spring) var(--d) both; }
.bsx-b4 { position: relative; flex: none; display: inline-flex; align-items: center; height: 30px; padding: 0 13px; border-radius: 9px; font-size: 11.5px; font-weight: 800; color: #fff; white-space: nowrap;
  background: linear-gradient(135deg, var(--navy-soft), var(--navy)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 1px 2px rgba(16, 37, 64, .2), 0 6px 14px -8px rgba(20, 61, 107, .75); }
.bsx-b4 .bsx-hit { right: 32px; bottom: 9px; }
.bsx.s6 .bsx-pb .bsx-b4 { animation: bsx-push .3s var(--ui-ease) .38s; }
.bsx.s6:not(.s7) .bsx-hit--pub .ui-cur { animation: bsx-cur 1s var(--ui-ease) both; }
.bsx.s6:not(.s7) .bsx-hit--pub .bsx-rip { animation: bsx-rip .55s ease-out .4s both; }
.bsx-b7 { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 9px; background: #fff; font-size: 11px; font-weight: 800; color: #b91c1c; white-space: nowrap; box-shadow: inset 0 0 0 1px #fecaca; }
.bsx-pub__sec { display: block; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--ui-line); }
/* son bölüm: başlık ve düğme tek satırda (yayın iletisi açılınca da pencereye sığar); sığmazsa düğme alta kayar */
.bsx-pub__ap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; }
.bsx-pub__sec > b { display: block; font-size: 12px; font-weight: 800; line-height: 16px; color: #18181b; }
.bsx-pub__d { display: block; margin-top: 2px; font-size: 10.5px; font-weight: 600; line-height: 14px; color: var(--ui-muted); }
.bsx-pub__d u { color: var(--navy-soft); text-underline-offset: 2px; }
.bsx-pub__sec .bsx-b5 { margin-top: 7px; }
.bsx-pub__ap .bsx-b5 { margin-top: 0; }
.bsx-b5--sms { opacity: .4; transition: opacity .3s var(--ui-ease) var(--d); }
.bsx.s6 .bsx-b5--sms { opacity: 1; }
.bsx-b5--sms .bsx-hit { right: 40px; bottom: 9px; }
.bsx.s7 .bsx-b5--sms { animation: bsx-push .3s var(--ui-ease) .38s; }
.bsx.s7:not(.s8) .bsx-hit--sms .ui-cur { animation: bsx-cur 1s var(--ui-ease) both; }
.bsx.s7:not(.s8) .bsx-hit--sms .bsx-rip { animation: bsx-rip .55s ease-out .4s both; }

/* onay penceresi (appConfirmSubmit: soru simgesi, «Emin misiniz?», Vazgeç gri solda, Evet kırmızı sağda) */
.bsx-dlg { position: absolute; z-index: 9; left: 50%; top: 50%; width: 300px; padding: 18px 18px 16px; border-radius: 12px; background: #fff; text-align: center; pointer-events: none;
  box-shadow: 0 0 0 1px rgba(16, 37, 64, .06), 0 2px 6px rgba(16, 37, 64, .1), 0 30px 60px -20px rgba(16, 37, 64, .55);
  opacity: 0; translate: -50% -50%; scale: .9; transition: opacity .2s var(--ui-ease) .45s, scale .2s var(--ui-ease) .45s; }
.bsx.s7:not(.s8) .bsx-dlg { opacity: 1; scale: 1; transition: opacity .25s var(--ui-ease) .55s, scale .4s var(--bsx-spring) .55s; }
.bsx-dlg__q { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 auto 10px; border-radius: 50%; box-shadow: inset 0 0 0 3px #c9dae1; font-size: 26px; font-weight: 600; line-height: 1; color: #87adbd; }
.bsx-dlg__t { display: block; font-size: 16px; font-weight: 800; line-height: 20px; color: #18181b; }
.bsx-dlg__m { display: block; margin-top: 6px; font-size: 11.5px; font-weight: 500; line-height: 16px; color: #52525b; font-variant-numeric: tabular-nums; text-wrap: balance; }
.bsx-dlg__b { display: flex; justify-content: center; gap: 8px; margin-top: 14px; }
.bsx-dlg__b > * { position: relative; display: inline-flex; align-items: center; height: 32px; padding: 0 16px; border-radius: 7px; font-size: 12px; font-weight: 700; color: #fff; }
.bsx-no { background: #71717a; }
.bsx-yes { background: #dc2626; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 6px 12px -8px rgba(185, 28, 28, .8); }
.bsx-yes .bsx-hit { right: 12px; bottom: 9px; }
.bsx.s8 .bsx-yes { animation: bsx-push .3s var(--ui-ease) .36s; }
.bsx.s8:not(.s9) .bsx-hit--yes .ui-cur { animation: bsx-cur .9s var(--ui-ease) both; }
.bsx.s8:not(.s9) .bsx-hit--yes .bsx-rip { animation: bsx-rip .5s ease-out .36s both; }

/* ── velinin telefonu ── */
.bsx-ph { position: absolute; z-index: 10; top: 16px; bottom: 16px; right: 18px; width: 222px; border-radius: 30px; background: #f4f5f7;
  box-shadow: 0 0 0 6px var(--navy-night), 0 0 0 7px rgba(255, 255, 255, .14), 0 26px 50px -18px rgba(8, 20, 40, .65), 0 8px 18px -8px rgba(8, 20, 40, .4);
  opacity: 0; translate: 46px 26px; rotate: 2deg; transition: opacity .35s var(--ui-ease), translate .7s cubic-bezier(.3, 1.2, .5, 1), rotate .7s var(--ui-ease); }
.bsx.s8 .bsx-ph { opacity: 1; translate: 0 0; rotate: 0deg; transition-delay: 1s; }
.bsx-sc { position: absolute; z-index: 1; inset: 0; display: flex; flex-direction: column; border-radius: inherit; overflow: hidden; }
.bsx-sb { position: relative; z-index: 2; flex: none; display: flex; align-items: center; justify-content: space-between; height: 28px; padding: 0 14px 0 20px; }
.bsx-sb > b { font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; }
.bsx-sb--d { color: #0b1526; background: #fff; }
.bsx-sb--l { position: absolute; left: 0; right: 0; top: 0; color: #fff; }
.bsx-sb--l > b { visibility: hidden; }
.bsx-isl { position: absolute; left: 50%; top: 6px; width: 58px; height: 16px; margin-left: -29px; border-radius: 999px; background: #05070b; }
.bsx-sbi { display: flex; align-items: center; gap: 3px; }
.bsx-sbi .bsx-i { width: 12px; height: 12px; stroke-width: 2.4; }
.bsx-sbi .bsx-bat { width: 17px; height: 13px; }
.bsx-pv { position: relative; flex: 1; min-height: 0; overflow: hidden; background: #f6f7f9; }
/* alt sönme son karede tam görünen son ders satırının altından başlar; sonraki satırın yazısı (satır üstünden 6,5 px aşağıda)
   tam örtülür — ekran yüksekliği 416 px, s9 kaydırması 164 px → satır sınırı 409 */
.bsx-pv::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 7px; background: linear-gradient(rgba(246, 247, 249, 0), #f6f7f9 6px); pointer-events: none; }
.bsx-pscr { transition: translate .8s cubic-bezier(.32, .12, .2, 1) 2.5s; }
.bsx-ph__hd { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px; background: #fff; }
.bsx-lg { flex: none; display: grid; place-items: center; width: 28px; height: 28px; padding: 2px; border-radius: 7px; background: #fff; box-shadow: inset 0 0 0 1px #e4e4e7; }
.bsx-logo { display: block; width: 22px; height: 22px; }
.bsx-ph__org { min-width: 0; line-height: 1.15; }
.bsx-ph__org small { display: block; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ui-muted); }
.bsx-ph__org b { display: block; font-size: 13px; font-weight: 800; letter-spacing: -.01em; color: #18181b; }
.bsx-ph__nav { display: flex; gap: 4px; padding: 0 10px 8px; background: #fff; box-shadow: inset 0 -1px 0 #e4e4e7; }
.bsx-ph__nav > * { display: grid; place-items: center; height: 24px; padding: 0 8px; border-radius: 7px; font-size: 10.5px; font-weight: 600; color: #52525b; white-space: nowrap; }
.bsx-ph__nav > b { background: var(--navy); color: #fff; font-weight: 700; }
.bsx-ph__ban { display: block; margin: 10px 10px 0; padding: 10px 12px; border-radius: 12px; background: linear-gradient(135deg, #eef3f9, #fff); box-shadow: 0 0 0 1px #e4e4e7, 0 1px 2px rgba(16, 37, 64, .04); }
.bsx-ph__ban > b { display: block; font-size: 13px; font-weight: 800; line-height: 16px; letter-spacing: -.015em; color: #18181b; text-wrap: balance; }
.bsx-ph__ban > span { display: block; margin-top: 4px; font-size: 10px; color: #52525b; }
.bsx-ph__ban > span b { font-weight: 800; }
.bsx-ph__body { display: grid; margin: 10px 10px 0; }
.bsx-ph__body > * { grid-area: 1 / 1; min-width: 0; }
.bsx-q, .bsx-res { display: block; padding: 12px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #e4e4e7, 0 1px 2px rgba(16, 37, 64, .05); }
.bsx-q > * { display: block; }
.bsx-q__t { font-size: 12.5px; font-weight: 800; color: #18181b; }
.bsx-q__l { margin-top: 9px; font-size: 10.5px; font-weight: 700; color: #27272a; }
/* alanlar: yer tutucu ile yazılan değer aynı hücrede; yazarken odak halkası */
.bsx-q__in { position: relative; display: grid !important; align-items: center; height: 28px; margin-top: 4px; padding: 0 8px; border-radius: 7px; box-shadow: inset 0 0 0 1.5px #e4e4e7;
  font: 500 10.5px/28px ui-monospace, "SFMono-Regular", Consolas, monospace; color: #18181b; }
.bsx-q__in > * { grid-area: 1 / 1; justify-self: start; white-space: nowrap; }
.bsx-q__in::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1.5px var(--navy-soft), 0 0 0 3px rgba(29, 79, 134, .14); opacity: 0; }
.bsx-q__ph { color: #a1a1aa; }
.bsx-ty { clip-path: inset(0 100% 0 0); }
.bsx-ty--tc { letter-spacing: .06em; }
.bsx-q__h { margin-top: 4px; font-size: 10px; line-height: 13px; color: var(--ui-muted); }
.bsx-q__btn { position: relative; display: grid !important; place-items: center; height: 32px; margin-top: 10px; border-radius: 8px; background: var(--navy); color: #fff; font-size: 11.5px; font-weight: 700; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16); }
.bsx-res { text-align: center; opacity: 0; translate: 0 10px; transition: opacity .35s var(--ui-ease), translate .5s var(--ui-ease); }
.bsx-res > * { display: block; }
.bsx-res__k { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ui-muted); }
.bsx-res__ad { margin-top: 3px; font-size: 17px; font-weight: 800; line-height: 21px; letter-spacing: -.02em; color: #18181b; }
.bsx-res__no { margin-top: 2px; font: 500 10px/13px ui-monospace, "SFMono-Regular", Consolas, monospace; color: var(--ui-muted); }
.bsx-res__sv { margin-top: 1px; font-size: 10px; font-weight: 700; color: #52525b; }
/* iki sütunlu ızgara (gerçekteki gibi); dar telefonda üçüncü kutucuk tam satır */
.bsx-res__g { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 9px; text-align: left; }
.bsx-t { display: block; min-width: 0; padding: 7px 6px; border-radius: 10px; background: #f4f4f5; }
.bsx-t:nth-child(3) { grid-column: 1 / -1; }
.bsx-t > * { display: block; white-space: nowrap; }
.bsx-t small { font-size: 10px; font-weight: 700; line-height: 12px; letter-spacing: 0; text-transform: uppercase; color: var(--ui-muted); }
.bsx-t b { margin-top: 2px; font: 800 16px/20px ui-monospace, "SFMono-Regular", Consolas, monospace; color: #18181b; font-variant-numeric: tabular-nums; }
.bsx-t span { font-size: 10px; line-height: 12px; color: var(--ui-muted); }
.bsx-n--pu { color: var(--navy) !important; }
.bsx-n--pu::after { content: counter(bsx-a) "," counter(bsx-b, decimal-leading-zero); }
.bsx-burs { display: block; margin-top: 8px; padding: 8px 10px; border-radius: 12px; background: #fffbeb; box-shadow: inset 0 0 0 2px #fcd34d; }
.bsx-burs > * { display: block; }
.bsx-burs small { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #b45309; }
.bsx-burs b { margin-top: 1px; font-size: 22px; font-weight: 800; line-height: 26px; letter-spacing: -.02em; color: #b45309; }
.bsx-burs b span { font-size: 13px; font-weight: 700; letter-spacing: 0; }
.bsx-burs > span { font-size: 10px; line-height: 13px; color: #92400e; }
.bsx-dg { margin-top: 9px; text-align: left; }
.bsx-dg small { display: block; margin-bottom: 4px; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ui-muted); }
.bsx-dt { display: block; border-radius: 8px; overflow: hidden; box-shadow: 0 0 0 1px #e4e4e7; }
/* ders adı tek satıra sığar: en uzunu «Sosyal Bilgiler» 66 px, ad sütunu her telefon eninde 67 px (222: bu kural · 214: orta
   kap · 212: dar kap); sığmazsa gerçek tablodaki gibi alt satıra kayar (kesilmez). Sayılar arası ≥ 4,5 px */
.bsx-dr { display: grid; grid-template-columns: minmax(0, 1fr) 28px 12px 9px 9px 28px; column-gap: 3px; align-items: center; min-height: 20px; padding: 3px 5px; border-top: 1px solid #f1f1f3; font-size: 10px; line-height: 12px; color: #27272a; font-variant-numeric: tabular-nums; }
.bsx-dr > * { min-width: 0; white-space: nowrap; text-align: center; }
.bsx-dr > :first-child { text-align: left; font-weight: 600; white-space: normal; overflow-wrap: break-word; }
.bsx-dr > b { text-align: right; font-weight: 800; }
.bsx-dr .d { color: var(--bsx-ok); } .bsx-dr .y { color: #e11d48; } .bsx-dr .b { color: #a1a1aa; }
.bsx-dr--h { border-top: 0; background: #f4f4f5; font-size: 10px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; color: var(--ui-muted); }
.bsx-dr--h > :last-child { text-align: right; }

/* kilit ekranı (s8): saat, tarih, sonuç SMS'i */
.bsx-lk { position: absolute; z-index: 5; inset: 0; color: #fff;
  background: radial-gradient(120% 70% at 50% 0%, #2a5488 0%, rgba(42, 84, 136, 0) 60%), linear-gradient(172deg, #1d4f86, var(--navy) 42%, var(--navy-night));
  transition: opacity .35s var(--ui-ease) .45s, translate .45s var(--ui-ease) .45s; }
.bsx-lk__c { position: absolute; left: 0; right: 0; top: 38px; display: flex; flex-direction: column; align-items: center; }
.bsx-lk__c .bsx-i { width: 13px; height: 13px; stroke-width: 2.2; opacity: .9; }
.bsx-lk__c b { margin-top: 4px; font-size: 42px; font-weight: 700; line-height: 46px; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.bsx-lk__c small { font-size: 11px; font-weight: 600; line-height: 14px; color: rgba(255, 255, 255, .86); }
.bsx-lk__b { position: absolute; left: 22px; right: 22px; bottom: 24px; display: flex; justify-content: space-between; }
.bsx-lk__b > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, .14); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); }
.bsx-lk__b .bsx-i { width: 14px; height: 14px; stroke-width: 1.8; }
.bsx-lk__h { position: absolute; left: 50%; bottom: 9px; width: 84px; height: 4px; margin-left: -42px; border-radius: 2px; background: rgba(255, 255, 255, .85); }
.bsx-sms { position: absolute; z-index: 2; left: 7px; right: 7px; top: 132px; display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; padding: 8px 9px 9px 8px; border-radius: 16px;
  background: rgba(246, 248, 251, .95); box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 14px 28px -12px rgba(0, 0, 0, .55);
  opacity: 0; translate: 0 -14px; scale: .96; transition: opacity .35s var(--ui-ease), translate .5s var(--bsx-spring), scale .5s var(--bsx-spring); }
.bsx.s8 .bsx-sms { opacity: 1; translate: 0 0; scale: 1; transition-delay: 1.8s; }
.bsx-sms__ico { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: linear-gradient(180deg, #4ade80, #16a34a); color: #fff; }
.bsx-sms__ico .bsx-i { width: 13px; height: 13px; stroke-width: 2.2; }
.bsx-sms__b { min-width: 0; font-size: 10px; font-weight: 500; line-height: 13px; color: #3d4a5c; overflow-wrap: break-word; }
.bsx-sms__h { display: flex; align-items: baseline; gap: 6px; margin-bottom: 1px; }
.bsx-sms__h b { flex: 1; font-size: 10.5px; font-weight: 800; color: #172238; }
.bsx-sms__h em { font-style: normal; font-size: 10px; color: #6a7486; }
.bsx-sms u { color: var(--navy-soft); text-decoration-color: rgba(29, 79, 134, .4); text-underline-offset: 1px; }

.bsx-tag { position: absolute; z-index: 4; left: 50%; bottom: -16px; display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 9px 0 7px; border-radius: 999px; translate: -50% 0;
  background: var(--sun); color: var(--sun-ink, #2a1c00); font-size: 10px; font-weight: 800; white-space: nowrap; box-shadow: 0 0 0 1.5px #fff, 0 4px 10px -4px rgba(16, 37, 64, .45);
  opacity: 0; scale: .7; transition: opacity .3s var(--ui-ease), scale .45s var(--bsx-spring); }
.bsx-tag .bsx-i { width: 11px; height: 11px; stroke-width: 2.4; }
.bsx.s8 .bsx-tag { opacity: 1; scale: 1; transition-delay: 1.45s; }

/* s9: bildirime dokunma → sorgu sayfası → iki alan yazılır → «Sonucu göster» → sonuç kartı; sayfa sonuca kayar */
.bsx.s9 .bsx-tap--nt::before { animation: bsx-touch .6s var(--ui-ease) .05s both; }
.bsx.s9 .bsx-tap--nt i { animation: bsx-wave .55s ease-out .22s both; }
.bsx.s9 .bsx-lk { opacity: 0; translate: 0 -26px; }
@keyframes bsx-fc { 0%, 100% { opacity: 0; } 10%, 86% { opacity: 1; } }
.bsx.s9 .bsx-q__in--tc::after { animation: bsx-fc .7s linear .72s both; }
.bsx.s9 .bsx-ty--tc { clip-path: inset(0); transition: clip-path .42s steps(11, end) .8s; }
.bsx.s9 .bsx-q__in--no::after { animation: bsx-fc .8s linear 1.36s both; }
.bsx.s9 .bsx-q__ph { opacity: 0; transition: opacity 0s 1.44s; }
.bsx.s9 .bsx-ty--no { clip-path: inset(0); transition: clip-path .52s steps(16, end) 1.44s; }
.bsx.s9 .bsx-tap--go::before { animation: bsx-touch .6s var(--ui-ease) 1.95s both; }
.bsx.s9 .bsx-tap--go i { animation: bsx-wave .55s ease-out 2.12s both; }
.bsx.s9 .bsx-q__btn { animation: bsx-push .3s var(--ui-ease) 2.08s; }
.bsx.s9 .bsx-q { opacity: 0; transition: opacity .25s var(--ui-ease) 2.32s; }
.bsx.s9 .bsx-pscr { translate: 0 -164px; }
.bsx.s9 .bsx-res { opacity: 1; translate: 0 0; transition-delay: 2.4s; }
.bsx-res > *, .bsx-t, .bsx-burs, .bsx-dg { opacity: 0; translate: 0 6px; transition: opacity .3s var(--ui-ease), translate .45s var(--bsx-spring); }
.bsx.s9 .bsx-res > *, .bsx.s9 .bsx-t, .bsx.s9 .bsx-burs, .bsx.s9 .bsx-dg { opacity: 1; translate: 0 0; transition-delay: calc(2.5s + var(--i, 0) * 90ms); }
.bsx-res__g { opacity: 1 !important; translate: none !important; }
.bsx.s9 .bsx-n--pu { --bsx-a: 332; --bsx-b: 46; transition-duration: .9s; transition-delay: 2.62s; }
.bsx.s9 .bsx-burs { animation: bsx-pop .5s var(--bsx-spring) 2.92s both; }

/* ── ORTA KAP ── */
@container (max-width: 600px) {
  .bsx-c-no, .bsx-c-ok { display: none; }
  .bsx-tr { grid-template-columns: 22px minmax(0, 1fr) 42px 50px 146px; }
  .bsx-c-kon, .bsx-br .bsx-c-x { display: none; }
  .bsx-br { grid-template-columns: minmax(0, 1fr) 46px 68px 56px; }
  .bsx-chips { gap: 5px; }
  .bsx-bc { display: none; }
  .bsx-cp { padding: 0 8px; font-size: 10.5px; gap: 4px; }
  .bsx-w, .bsx-pub__t small, .bsx-pub__d { display: none; }
  .bsx-ph { width: 214px; right: 12px; }
  .bsx-res { padding-inline: 10px; }
  /* Soru sütunu 24 px; 29 px'lik «SORU» başlığı sağa yaslı, kutusu 6 px sola uzar (taşan kısım ad sütununa düşer, «D»den 5 px uzak) */
  .bsx-dr { grid-template-columns: minmax(0, 1fr) 24px 12px 9px 9px 28px; }
  .bsx-dr--h > :nth-child(2) { margin-left: -6px; text-align: right; }
}
/* ── DAR KAP (telefon, ~330 px) ── */
@container (max-width: 470px) {
  .bsx-hc { margin: 10px 10px 0; }
  .bsx-band { height: 50px; gap: 8px; padding: 0 10px; }
  .bsx-ico, .bsx-help { display: none; }
  .bsx-ttl > b { font-size: 13.5px; }
  .bsx-act { height: 28px; padding: 0 9px; font-size: 11px; gap: 5px; }
  .bsx-act .bsx-i { width: 13px; height: 13px; }
  .bsx-act .bsx-hit { right: 26px; }
  .bsx-row { padding: 7px 10px; }
  .bsx-sel { width: 100%; justify-content: space-between; font-size: 11px; }
  .bsx-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 5px; }
  .bsx-cp { height: 24px; justify-content: center; font-size: 10.5px; padding: 0 6px; }
  .bsx-tab { height: 28px; padding: 0 10px; font-size: 11px; }
  .bsx-tab .bsx-i { display: none; }
  .bsx-stage { padding: 8px 10px 0; }
  .bsx-msg { padding: 6px 10px; font-size: 11px; }
  .bsx-bc { display: none; }
  .bsx-ch { height: 38px; padding: 0 8px; }
  .bsx-ob { width: 26px; padding: 0; justify-content: center; }
  .bsx-ob > span { display: none; }
  .bsx-tr { grid-template-columns: 18px minmax(0, 1fr) 52px 42px; padding: 0 8px; }
  .bsx-c-net { display: none; }
  .bsx-bb > span { display: none; }
  .bsx-bd { padding: 8px; }
  .bsx-br { grid-template-columns: minmax(0, 1fr) 40px 62px 50px; column-gap: 6px; padding: 0 6px; }
  .bsx-br--h { font-size: 10px; }
  .bsx-in { padding: 0 5px; font-size: 10.5px; }
  .bsx-b5, .bsx-b6 { padding: 0 10px; font-size: 11px; }
  .bsx-pub { padding: 10px 12px 4px; }
  .bsx-pub__top { flex-wrap: wrap; row-gap: 8px; }
  .bsx-pub__t { flex-basis: 100%; }
  .bsx-pub__t small { display: none; }
  /* düğme metnin sol kenarında, durum çipi kartın sağ kenarında (iki durumda da; çapraz geçiş hücresi geniş olanın eni) */
  .bsx-pub__r { flex-basis: 100%; flex-direction: row-reverse; justify-content: space-between; align-items: center; gap: 8px; }
  .bsx-pb { justify-items: start; }
  .bsx-pub__d, .bsx-pub__ap { display: none; }
  .bsx-dlg { width: calc(100% - 28px); padding: 16px 14px 14px; }
  .bsx-ph { width: 212px; right: 8px; top: 14px; bottom: 14px; }
  .bsx-dr { padding-inline: 4px; }
  .bsx-pv::after { height: 11px; }  /* ekran 420 px */
  .bsx-tag { bottom: -14px; }        /* sahnenin alt kenarıyla bir hizada */
  .bsx-lk__h { bottom: 11px; }       /* kilit ekranının çizgisi etiketin 3,5 px üstünde (geniş kapta da) */
}