/* SuperSlider Ultimate — "SmartBarkod sahnesi" teması (barkod) — 01.10.2026
   Sinematik temadan türetildi; görünüşü bilerek ayrı: sahne solda, metin sağda, sekme çipleri, tarama çizgisi geçişi,
   nokta ızgaralı zemin. Bütün kurallar .bk kökü altında. Renk: yalnız tema değişkenleri (var(--primary-color),
   var(--dark-color)) ile siyah/beyaz saydamlıkları — sabit renk yok (renkler panelden).
   Sitenin genel CSS'i span/p/a/button… ve h1–h6 için !important yazıyor: düğme ve başlık kuralları :not(#bk_a) ile
   ID özgüllüğüne çıkarıldı (tema kalkanı). */
@font-face{font-family:"BK Mono";src:url("fonts/jetbrains-mono-latin-ext.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"BK Mono";src:url("fonts/jetbrains-mono-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.bk{--bk-yazi:#fff;--bk-soluk:rgba(255,255,255,.7);--bk-silik:rgba(255,255,255,.46);--bk-cizgi:rgba(255,255,255,.15);
  --bk-mono:"BK Mono","JetBrains Mono",ui-monospace,Consolas,monospace;--bk-kenar:clamp(20px,4.6vw,96px);--bk-ease:cubic-bezier(.22,.8,.2,1);
  position:relative;display:flex;flex-direction:column;height:clamp(640px,calc(100svh - var(--header-h,0px)),940px);overflow:hidden;isolation:isolate;
  background-color:var(--dark-color);color:var(--bk-yazi);text-align:left;-webkit-font-smoothing:antialiased;touch-action:pan-y}
.bk,.bk *,.bk *::before,.bk *::after{box-sizing:border-box}
.bk:focus{outline:none}
.bk:focus-visible{outline:2px solid var(--primary-color);outline-offset:-3px}
.bk :where(p,ul,li,h1,h2,figure){margin:0;padding:0}
.bk :where(ul){list-style:none}
.bk .bk-gizli{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.bk .bk-mono,.bk .bk-mono *{font-family:var(--bk-mono)!important;font-variant-ligatures:none}

/* ---------- zemin: nokta ızgara + sahnenin arkasında tema renginde ışık ---------- */
.bk-zemin{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(48% 58% at 27% 56%,color-mix(in srgb,var(--primary-color) 24%,transparent),transparent 72%),linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.46))}
.bk-zemin::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.17) 1px,transparent 1.6px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.5) 75%,transparent);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.5) 75%,transparent)}

/* ---------- üst: sekme çipleri + duraklat ---------- */
.bk-ust{position:relative;z-index:4;display:flex;align-items:center;gap:12px;padding:clamp(16px,2.6vh,28px) var(--bk-kenar) 0}
.bk-ciplar{display:flex;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:3px}
.bk-ciplar::-webkit-scrollbar{display:none}
.bk button.bk-cip:not(#bk_a):not(#bk_b){all:unset!important;box-sizing:border-box!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:10px!important;height:44px!important;padding:0 18px 0 14px!important;border-radius:999px!important;border:1px solid var(--bk-cizgi)!important;background:rgba(255,255,255,.04)!important;color:var(--bk-soluk)!important;font-size:14px!important;font-weight:600!important;line-height:1!important;letter-spacing:.01em!important;cursor:pointer!important;white-space:nowrap!important;transition:color .25s,border-color .25s,background-color .25s!important}
.bk button.bk-cip:not(#bk_a):not(#bk_b):hover{color:var(--bk-yazi)!important;border-color:rgba(255,255,255,.32)!important}
.bk button.bk-cip:not(#bk_a):not(#bk_b):focus-visible{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}
.bk button.bk-cip.etkin:not(#bk_a):not(#bk_b){color:var(--bk-yazi)!important;border-color:var(--primary-color)!important;background:rgba(255,255,255,.06)!important}
.bk .bk-cip-no{font-family:var(--bk-mono)!important;font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--bk-silik)}
.bk .bk-cip.etkin .bk-cip-no{color:var(--primary-color)}
.bk .bk-cip-dolum{position:absolute;inset:0;z-index:-1;transform-origin:0 50%;transform:scaleX(var(--bk-dolum,0));background:color-mix(in srgb,var(--primary-color) 32%,transparent);pointer-events:none}
.bk .bk-cip:not(.etkin) .bk-cip-dolum{transform:scaleX(0)}
.bk button.bk-durdur:not(#bk_a):not(#bk_b){all:unset!important;box-sizing:border-box!important;flex:0 0 auto!important;display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid var(--bk-cizgi)!important;background:rgba(255,255,255,.04)!important;color:var(--bk-yazi)!important;cursor:pointer!important;transition:border-color .25s!important}
.bk button.bk-durdur:not(#bk_a):not(#bk_b):hover{border-color:var(--primary-color)!important}
.bk button.bk-durdur:not(#bk_a):not(#bk_b):focus-visible{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}
.bk-durdur svg{width:16px;height:16px;fill:currentColor}
.bk-durdur .bk-ik-oynat,.bk.bk-durdu .bk-durdur .bk-ik-dur{display:none}
.bk.bk-durdu .bk-durdur .bk-ik-oynat{display:block}

/* ---------- slaytlar: aynı ızgara hücresinde üst üste; geçiş = yatay tarama çizgisiyle silme ---------- */
.bk-sahneler{position:relative;z-index:2;flex:1 1 auto;min-height:0;display:grid}
.bk-slayt{grid-area:1/1;min-height:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,80px);
  padding:clamp(10px,2vh,24px) var(--bk-kenar) clamp(26px,5vh,56px);visibility:hidden;opacity:0}
.bk-slayt.etkin,.bk-slayt.cikis{visibility:visible;opacity:1}
.bk-slayt.etkin{z-index:2}
.bk-slayt.cikis{z-index:1}
.bk-slayt.giris{animation:bk-sil .74s cubic-bezier(.66,0,.24,1) both}
.bk-slayt.giris.geri{animation-name:bk-sil-geri}
@keyframes bk-sil{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes bk-sil-geri{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
.bk-tarama{position:absolute;left:0;right:0;top:0;height:2px;z-index:5;pointer-events:none;opacity:0;background:var(--primary-color);
  box-shadow:0 0 14px 2px color-mix(in srgb,var(--primary-color) 70%,transparent),0 0 60px 10px color-mix(in srgb,var(--primary-color) 20%,transparent)}
.bk-tarama::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:56px;background:linear-gradient(0deg,color-mix(in srgb,var(--primary-color) 18%,transparent),transparent)}
.bk-tarama.tara{animation:bk-tara .74s cubic-bezier(.66,0,.24,1) both}
.bk-tarama.tara-geri{animation:bk-tara-geri .74s cubic-bezier(.66,0,.24,1) both}
.bk-tarama.tara-geri::after{bottom:auto;top:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 18%,transparent),transparent)}
@keyframes bk-tara{0%{top:0;opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
@keyframes bk-tara-geri{0%{top:100%;opacity:1}88%{opacity:1}100%{top:0;opacity:0}}

/* ---------- sahne (760×480 tasarım ölçüsü; JS --bk-s ile sığdırır) ---------- */
.bk-gorsel{position:relative;align-self:stretch;min-height:300px}
.bk-olcek{position:absolute;left:50%;top:50%;width:760px;height:480px;margin:-240px 0 0 -380px;transform:scale(var(--bk-s,1));transform-origin:50% 50%;color:var(--bk-yazi);font-size:12px;line-height:1.3}
.bk-tel{position:absolute;left:0;top:28px;width:214px;height:424px}
.bk-tel-cerceve{position:absolute;inset:0;border-radius:34px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.03) 42%,rgba(0,0,0,.3));border:1px solid rgba(255,255,255,.24);box-shadow:0 30px 60px rgba(0,0,0,.45),inset 0 0 0 5px rgba(0,0,0,.55)}
.bk-tel-ekran{position:absolute;inset:10px;border-radius:26px;background:rgba(0,0,0,.74);overflow:hidden;display:flex;flex-direction:column}
.bk-tel-ust{display:flex;justify-content:space-between;align-items:center;padding:18px 16px 8px;font-size:12px;font-weight:700}
.bk-tel-ust em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-weight:600;font-size:11px;color:var(--bk-soluk)}
.bk-tel-ust em::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 8px var(--primary-color)}
.bk-vizor{position:relative;margin:6px 12px 0;flex:1 1 auto;border-radius:18px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.11),rgba(255,255,255,.02));overflow:hidden;display:grid;place-items:center;transition:box-shadow .4s}
.bk-kose{position:absolute;width:24px;height:24px;border:3px solid var(--primary-color)}
.bk-kose.k1{left:14px;top:14px;border-right:0;border-bottom:0;border-radius:8px 0 0 0}
.bk-kose.k2{right:14px;top:14px;border-left:0;border-bottom:0;border-radius:0 8px 0 0}
.bk-kose.k3{left:14px;bottom:14px;border-right:0;border-top:0;border-radius:0 0 0 8px}
.bk-kose.k4{right:14px;bottom:14px;border-left:0;border-top:0;border-radius:0 0 8px 0}
.bk-belge{position:relative;width:136px;padding:12px 12px 10px;border-radius:10px;background:#fff;color:#000;box-shadow:0 10px 24px rgba(0,0,0,.45);transform:rotate(-3deg);transition:transform .5s var(--bk-ease)}
.bk-belge>i{display:block;width:70%;height:5px;margin-bottom:5px;border-radius:3px;background:rgba(0,0,0,.14)}
.bk-belge>i+i{width:44%;margin-bottom:9px}
.bk-kod{display:block;width:100%;height:auto;aspect-ratio:1/1;color:#000}
.bk-belge-c128 .bk-kod,.bk-belge-ean .bk-kod{aspect-ratio:auto;height:58px}
.bk .bk-belge-ad{display:block;margin-top:8px;font-size:9px;font-weight:600;line-height:1.25;text-align:center;color:rgba(0,0,0,.62)}
.bk-lazer{position:absolute;left:12%;right:12%;top:22%;height:2px;border-radius:2px;background:var(--primary-color);box-shadow:0 0 12px 2px color-mix(in srgb,var(--primary-color) 75%,transparent);opacity:0}
.bk-slayt.f1:not(.f2) .bk-lazer{opacity:1;animation:bk-lazer .6s ease-in-out infinite alternate}
@keyframes bk-lazer{from{top:22%}to{top:76%}}
.bk-slayt.f2 .bk-belge{transform:rotate(0) scale(1.04)}
.bk-slayt.f2 .bk-vizor{box-shadow:inset 0 0 0 2px var(--primary-color)}
.bk-tel-durum{min-height:46px;padding:12px 12px 18px;font-size:11.5px;font-weight:600;text-align:center;color:var(--bk-soluk)}
.bk-tel-durum .bk-d-ok{display:none;color:var(--bk-yazi)}
.bk-slayt.f2 .bk-d-ara{display:none}
.bk-slayt.f2 .bk-d-ok{display:inline}
.bk-isin{position:absolute;left:224px;top:206px;width:102px;height:60px}
.bk-isin-hat{position:absolute;left:0;right:0;top:38px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.42) 0 6px,transparent 6px 12px)}
.bk-slayt.f1 .bk-isin-hat{animation:bk-akis .9s linear infinite}
@keyframes bk-akis{to{background-position:12px 0}}
.bk .bk-kilit{position:absolute;left:50%;top:0;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:rgba(0,0,0,.62);border:1px solid var(--bk-cizgi);font-size:9.5px;font-weight:600;letter-spacing:.08em;color:var(--bk-soluk);white-space:nowrap;transition:border-color .3s,color .3s}
.bk-kilit svg{width:11px;height:11px;fill:none;stroke:var(--primary-color);stroke-width:2.2}
.bk-slayt.f2:not(.f3) .bk-kilit{border-color:var(--primary-color);color:var(--bk-yazi)}
.bk .bk-paket{position:absolute;top:31px;left:0;height:15px;padding:0 6px;border-radius:4px;background:var(--primary-color);color:#fff;font-size:8.5px;font-weight:600;line-height:15px;white-space:nowrap;opacity:0}
.bk-slayt.f2:not(.f3) .bk-paket{animation:bk-paket .8s cubic-bezier(.5,0,.5,1) both}
@keyframes bk-paket{0%{left:-8px;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 52px);opacity:0}}
.bk-ekran{position:absolute;right:0;top:44px;width:430px}
.bk-monitor{position:relative;height:300px;padding:10px;border-radius:14px;background:rgba(0,0,0,.56);border:1px solid rgba(255,255,255,.22);box-shadow:0 34px 70px rgba(0,0,0,.5)}
.bk-masaustu{position:relative;height:100%;display:flex;flex-direction:column;border-radius:6px;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb,var(--primary-color) 34%,rgba(0,0,0,.62)),rgba(0,0,0,.72))}
.bk-boyun{width:72px;height:34px;margin:0 auto;background:linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.05))}
.bk-taban{width:176px;height:8px;margin:0 auto;border-radius:6px 6px 2px 2px;background:rgba(255,255,255,.17)}
.bk-pencere{position:relative;margin:14px 16px 0;border-radius:8px;background:#fff;color:#000;box-shadow:0 14px 30px rgba(0,0,0,.4);overflow:hidden;font-size:12px}
.bk-tip-uzak .bk-pencere{margin:12px 28px 0}
.bk .bk-pencere-ust{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;background:rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.08);font-size:11px;font-weight:700;color:rgba(0,0,0,.75)}
.bk-pencere-ust i{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.18)}
.bk-pencere-ust span{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-pencere-ic{display:grid;gap:7px;padding:11px 12px 4px}
.bk-f,.bk-satir{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:8px}
.bk .bk-f-ad,.bk .bk-satir span{font-size:11px;font-weight:600;color:rgba(0,0,0,.58)}
.bk .bk-satir b{font-size:11px;font-weight:600;color:rgba(0,0,0,.8)}
.bk-satir .bk-bos{display:block;height:20px;border-radius:5px;border:1px dashed rgba(0,0,0,.16)}
.bk .bk-f-kutu{display:flex;align-items:center;height:25px;padding:0 8px;border-radius:5px;border:1px solid rgba(0,0,0,.2);background:#fff;font-size:12px;color:#000;overflow:hidden;white-space:nowrap;transition:border-color .2s,box-shadow .2s}
.bk-f.odak .bk-f-kutu{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 25%,transparent)}
.bk-f.odak .bk-f-kutu::after{content:"";flex:0 0 auto;width:1.5px;height:14px;margin-left:1px;background:#000;animation:bk-imlec 1s steps(1) infinite}
.bk-tablo{border:1px solid rgba(0,0,0,.1);border-radius:5px;overflow:hidden;font-size:10.5px}
.bk-tablo>div{display:grid;grid-template-columns:1fr 40px 56px;gap:6px;padding:4px 8px;border-top:1px solid rgba(0,0,0,.06)}
.bk .bk-tablo span{font-size:10.5px;color:rgba(0,0,0,.78)}
.bk .bk-tablo .bk-tablo-bas{border-top:0;background:rgba(0,0,0,.05)}
.bk .bk-tablo .bk-tablo-bas span{font-weight:700;color:rgba(0,0,0,.55)}
.bk-tablo .bk-yeni{opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s}
.bk-slayt.f4 .bk-tablo .bk-yeni{opacity:1;transform:none;background:color-mix(in srgb,var(--primary-color) 14%,transparent)}
.bk-pencere-alt{display:flex;align-items:center;gap:8px;padding:9px 12px 11px}
.bk .bk-tus{display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 6px;border-radius:5px;border:1px solid rgba(0,0,0,.24);border-bottom-width:3px;background:#fff;font-size:10.5px;font-weight:600;color:#000}
.bk .bk-tus-ad{font-size:11px;font-weight:600;color:rgba(0,0,0,.58)}
.bk-slayt.f4 .bk-tus{animation:bk-bas .5s ease both}
@keyframes bk-bas{0%,100%{transform:none;border-bottom-width:3px}35%{transform:translateY(2px);border-bottom-width:1px;background:color-mix(in srgb,var(--primary-color) 26%,#fff)}}
.bk .bk-tamam{margin-left:auto;font-size:11px;font-weight:700;color:var(--primary-color);opacity:0;transition:opacity .3s;white-space:nowrap}
.bk-slayt.f4 .bk-tamam{opacity:1}
.bk .bk-uzak{display:flex;justify-content:space-between;align-items:center;height:24px;padding:0 10px;background:rgba(0,0,0,.55)}
.bk .bk-uzak span{font-size:10.5px;font-weight:600;color:rgba(255,255,255,.86)}
.bk .bk-uzak em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--primary-color)}
.bk-gorev{margin-top:auto;display:flex;justify-content:space-between;align-items:center;height:22px;padding:0 10px;background:rgba(0,0,0,.45)}
.bk-gorev i{width:10px;height:10px;border-radius:2px;background:rgba(255,255,255,.5)}
.bk .bk-gorev span{font-size:10px;color:rgba(255,255,255,.72)}

/* ---------- metin (sağ) ---------- */
.bk-metin{position:relative;min-width:0;max-width:600px}
.bk .bk-etiket{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bk-soluk)}
.bk .bk-etiket::before{content:"";flex:0 0 22px;height:14px;background:repeating-linear-gradient(90deg,var(--primary-color) 0 2px,transparent 2px 4px,var(--primary-color) 4px 5px,transparent 5px 8px)}
.bk h2.bk-baslik:not(#bk_a){margin:18px 0 0!important;padding:0!important;font-size:clamp(34px,3.7vw,62px)!important;line-height:1.04!important;font-weight:800!important;letter-spacing:-.025em!important;text-transform:none!important;color:var(--bk-yazi)!important;text-wrap:balance}
.bk h2.bk-baslik:not(#bk_a) .bk-vurgu{color:var(--primary-color)!important}
.bk-alan{margin-top:clamp(18px,3vh,28px)}
.bk .bk-alan-ad{display:block;margin-bottom:8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bk-silik)}
.bk .bk-alan-kutu{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;border-radius:12px;background:rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-color) 16%,transparent);font-size:clamp(14px,1.1vw,17px);color:var(--bk-yazi);white-space:nowrap;overflow:hidden}
.bk .bk-istem{color:var(--primary-color);font-weight:700}
.bk .bk-dk-yaz{min-width:0;overflow:hidden}
.bk .bk-dk-yaz b{margin:0 .25em;font-weight:700;color:var(--primary-color)}
.bk .bk-dk-yaz kbd{display:inline-block;margin-left:.35em;padding:2px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.36);border-bottom-width:2px;background:rgba(255,255,255,.07);font-size:.86em;color:var(--bk-yazi)}
.bk-imlec{flex:0 0 auto;width:2px;height:1.25em;margin-left:-6px;background:var(--primary-color);animation:bk-imlec 1s steps(1) infinite}
@keyframes bk-imlec{50%{opacity:0}}
.bk p.bk-aciklama{max-width:54ch;margin-top:clamp(16px,2.6vh,24px);font-size:clamp(15px,1.05vw,17.5px);line-height:1.62;color:var(--bk-soluk)}
.bk-rozetler{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(16px,2.6vh,24px)}
.bk .bk-rozetler li{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 11px;border-radius:999px;border:1px solid var(--bk-cizgi);background:rgba(255,255,255,.045);font-size:13.5px;font-weight:600;color:var(--bk-yazi)}
.bk-rozetler svg{width:16px;height:16px;fill:none;stroke:var(--primary-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bk-dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,3.6vh,34px)}
.bk a.bk-btn:not(#bk_a){display:inline-flex!important;align-items:center!important;gap:10px!important;height:52px!important;padding:0 24px!important;border-radius:12px!important;font-size:15.5px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;transition:transform .25s var(--bk-ease),border-color .25s,filter .25s!important}
.bk a.bk-btn-ana:not(#bk_a){background:var(--primary-color)!important;border:1px solid var(--primary-color)!important;color:#fff!important}
.bk a.bk-btn-ana:not(#bk_a):hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important}
.bk a.bk-btn-ikinci:not(#bk_a){background:transparent!important;border:1px solid rgba(255,255,255,.3)!important;color:var(--bk-yazi)!important}
.bk a.bk-btn-ikinci:not(#bk_a):hover{border-color:var(--primary-color)!important}
.bk a.bk-btn:not(#bk_a):focus-visible{outline:2px solid var(--primary-color)!important;outline-offset:3px!important}
.bk-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bk-slayt.etkin .bk-metin>*{animation:bk-yuksel .7s var(--bk-ease) both}
.bk-slayt.etkin .bk-metin>:nth-child(2){animation-delay:.07s}
.bk-slayt.etkin .bk-metin>:nth-child(3){animation-delay:.14s}
.bk-slayt.etkin .bk-metin>:nth-child(4){animation-delay:.21s}
.bk-slayt.etkin .bk-metin>:nth-child(5){animation-delay:.28s}
.bk-slayt.etkin .bk-metin>:nth-child(6){animation-delay:.35s}
@keyframes bk-yuksel{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- hareket azaltılmış: solma, sahne son hâlinde ---------- */
.bk.bk-az .bk-slayt{transition:opacity .35s,visibility 0s .35s}
.bk.bk-az .bk-slayt.etkin{transition:opacity .35s}
.bk.bk-az .bk-metin>*,.bk.bk-az .bk-lazer,.bk.bk-az .bk-imlec,.bk.bk-az .bk-paket,.bk.bk-az .bk-isin-hat,.bk.bk-az .bk-tus,.bk.bk-az .bk-f-kutu::after{animation:none!important}
.bk.bk-az .bk-tarama{display:none}

/* ---------- duyarlı ---------- */
@media (max-width:1100px){
  .bk-slayt{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bk h2.bk-baslik:not(#bk_a){font-size:clamp(30px,3.7vw,44px)!important}
}
@media (max-width:767px){
  .bk{height:auto}
  .bk-ust{order:2;padding:4px 16px 18px}
  .bk-sahneler{order:1}
  .bk-slayt{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;padding:16px 16px 10px}
  .bk-gorsel{min-height:0;width:100%;aspect-ratio:760/480}
  .bk h2.bk-baslik:not(#bk_a){margin-top:12px!important;font-size:clamp(28px,8.4vw,38px)!important}
  .bk .bk-alan-kutu{min-height:50px;padding:10px 14px;white-space:normal;word-break:break-all}
  .bk button.bk-cip:not(#bk_a):not(#bk_b){height:40px!important;padding:0 14px 0 12px!important;font-size:13px!important}
  .bk-dugmeler .bk-btn{flex:1 1 auto;justify-content:center}
}