/*
  Genel kitap ekranları tasarım dili (kitap listesi, kitap detayı, konu anlatımları).
  Bütün kurallar .bk kökü altındadır; Porto teması ve sitenin diğer sayfaları etkilenmez.
  Ana renk kurumun temasından gelir: bk.js görünmez bir .btn-primary'nin rengini okuyup --bk-brand* değişkenlerine yazar.
*/
.bk{
  --bk-brand:#2563eb;--bk-brand-ink:#fff;--bk-brand-soft:rgba(37,99,235,.1);--bk-brand-strong:#1d4ed8;--bk-brand-line:rgba(37,99,235,.28);
  --bk-ink:#101828;--bk-ink-2:#344054;--bk-muted:#667085;--bk-line:#e4e7ec;--bk-line-2:#eef0f3;
  --bk-surface:#fff;--bk-bg:#f7f8fa;--bk-soft:#f2f4f7;
  --bk-radius:16px;--bk-radius-sm:10px;--bk-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
  --bk-shadow-lg:0 12px 32px -8px rgba(16,24,40,.18),0 4px 8px -4px rgba(16,24,40,.08);
  color:var(--bk-ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;background:var(--bk-bg);
  padding:28px 0 56px;
}
.bk *,.bk *::before,.bk *::after{box-sizing:border-box}
.bk [hidden]{display:none!important}
.bk a{color:inherit;text-decoration:none}
.bk a:hover{text-decoration:none}
.bk h1,.bk h2,.bk h3,.bk h4,.bk p{margin:0;letter-spacing:normal;text-transform:none}
/* Porto p'ye sabit renk (#777), 26px satır ve 20px boşluk verir; bileşenler kendi değerlerini miras alsın. */
.bk p{color:inherit;font-size:inherit;line-height:inherit}
.bk ol,.bk ul{margin:0;padding:0}
.bk img{max-width:100%}
.bk h1{font-size:30px;line-height:1.2;font-weight:800;color:var(--bk-ink)}
.bk h2{font-size:20px;line-height:1.3;font-weight:750;color:var(--bk-ink)}
.bk h3{font-size:16px;line-height:1.35;font-weight:700;color:var(--bk-ink)}
.bk :focus-visible{outline:3px solid var(--bk-brand-line);outline-offset:2px;border-radius:8px}
.bk-page{max-width:1280px;margin:0 auto;padding:0 20px}
/* Simgelerin varsayılan boyutu; bileşenlerdeki özel boyutlar (sıfır özgüllük sayesinde) bunu ezer. */
:where(.bk [data-bk-icon] > svg){width:1.15em;height:1.15em;flex:none;vertical-align:-.18em}
.bk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- Düğme ve etiketler ---- */
.bk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 18px;border-radius:12px;border:1px solid var(--bk-line);
  background:var(--bk-surface);color:var(--bk-ink-2);font-weight:650;font-size:14px;line-height:1.2;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}
.bk-btn:hover{border-color:var(--bk-brand-line);color:var(--bk-brand-strong);background:var(--bk-surface)}
.bk-btn.is-primary{background:var(--bk-brand);border-color:var(--bk-brand);color:var(--bk-brand-ink)}
.bk-btn.is-primary:hover{background:var(--bk-brand-strong);border-color:var(--bk-brand-strong);color:var(--bk-brand-ink)}
.bk-btn.is-soft{background:var(--bk-brand-soft);border-color:transparent;color:var(--bk-brand-strong)}
.bk-btn.is-soft:hover{background:var(--bk-brand-soft);border-color:var(--bk-brand-line)}
.bk-btn.is-ghost{background:transparent;border-color:transparent;color:var(--bk-muted)}
.bk-btn.is-ghost:hover{background:var(--bk-soft);color:var(--bk-ink)}
.bk .bk-btn:disabled{opacity:.45;cursor:default;box-shadow:none}
.bk-btn.is-sm{min-height:34px;padding:6px 12px;font-size:13px;border-radius:10px}
.bk-btn.is-lg{min-height:50px;padding:12px 22px;font-size:15px}
.bk-btn svg{width:18px;height:18px;flex:none}
.bk-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--bk-soft);color:var(--bk-ink-2);font-size:13px;font-weight:600;line-height:1.3;border:1px solid transparent}
a.bk-tag:hover{border-color:var(--bk-brand-line);color:var(--bk-brand-strong);background:var(--bk-brand-soft)}
.bk-tag small{color:var(--bk-muted);font-weight:500;font-size:12px}
.bk-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.3;background:var(--bk-brand-soft);color:var(--bk-brand-strong)}
.bk-badge.is-neutral{background:var(--bk-soft);color:var(--bk-ink-2)}
.bk-badge svg{width:12px;height:12px}

/* ---- Sayfa başlığı, yol, arama ---- */
.bk-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--bk-muted);margin-bottom:18px}
.bk-crumbs a:hover{color:var(--bk-brand-strong)}
.bk-crumbs span[aria-hidden]{color:#c3c8d0}
.bk-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-bottom:22px}
.bk-head p{color:var(--bk-muted);margin-top:6px}
.bk-search{position:relative;flex:1 1 360px;max-width:520px}
/* Arama, sayfa başına kitap ve (telefonda) filtre düğmesi tek satırda */
.bk-searchbar{display:flex;align-items:center;gap:10px;flex:1 1 520px;max-width:640px}
.bk-searchbar .bk-search{flex:1 1 auto;max-width:none;min-width:0}
/* Sayfa başına kitap: arama kutusuyla aynı boyda sade düğme ve açılır menü */
.bk-sizer{position:relative;flex:none}
.bk .bk-sizer-btn{height:50px;display:inline-flex;align-items:center;gap:6px;padding:0 14px 0 16px;border:1px solid var(--bk-line);border-radius:14px;
  background:var(--bk-surface);box-shadow:var(--bk-shadow);font:inherit;font-size:14px;color:var(--bk-ink-2);cursor:pointer;white-space:nowrap;transition:border-color .15s,box-shadow .15s}
.bk .bk-sizer-btn:hover{border-color:var(--bk-brand-line)}
.bk .bk-sizer-btn[aria-expanded=true],.bk .bk-sizer-btn:focus-visible{outline:none;border-color:var(--bk-brand);box-shadow:0 0 0 4px var(--bk-brand-soft)}
.bk-sizer-btn .n{font-weight:800;color:var(--bk-ink)}
.bk-sizer-btn .u{color:var(--bk-muted)}
.bk-sizer-btn .chev{width:7px;height:7px;margin:0 2px 3px 6px;border-right:2px solid #98a2b3;border-bottom:2px solid #98a2b3;transform:rotate(45deg);transition:transform .15s}
.bk-sizer-btn[aria-expanded=true] .chev{transform:rotate(-135deg);margin-bottom:-3px}
.bk .bk-sizer-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:168px;margin:0;padding:6px;list-style:none;background:var(--bk-surface);
  border:1px solid var(--bk-line);border-radius:14px;box-shadow:var(--bk-shadow-lg)}
.bk-sizer-menu li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--bk-ink-2);cursor:pointer}
.bk-sizer-menu li:hover,.bk-sizer-menu li:focus{outline:none;background:var(--bk-soft);color:var(--bk-ink)}
.bk-sizer-menu li[aria-selected=true]{color:var(--bk-brand-strong)}
.bk-sizer-menu .ok{display:inline-flex;visibility:hidden}
.bk-sizer-menu li[aria-selected=true] .ok{visibility:visible}
.bk-sizer-menu .ok svg{width:16px;height:16px}
.bk-searchbar .bk-filter-toggle{height:50px;border-radius:14px;box-shadow:var(--bk-shadow)}
.bk-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--bk-muted);pointer-events:none}
.bk .bk-search input{width:100%;height:50px;border:1px solid var(--bk-line);border-radius:14px;background:var(--bk-surface);padding:0 44px 0 44px;font-size:15px;color:var(--bk-ink);box-shadow:var(--bk-shadow);transition:border-color .15s,box-shadow .15s}
.bk .bk-search input:focus{outline:none;border-color:var(--bk-brand);box-shadow:0 0 0 4px var(--bk-brand-soft)}
.bk-search button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--bk-muted);cursor:pointer;display:grid;place-items:center}
.bk-search button:hover{background:var(--bk-soft);color:var(--bk-ink)}

/* ---- Liste yerleşimi ---- */
.bk-layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:28px;align-items:start}
.bk-filters{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);padding:6px 16px 12px;scrollbar-width:thin}
.bk-filters-head{display:flex;align-items:center;justify-content:space-between;padding:10px 0 8px;border-bottom:1px solid var(--bk-line-2)}
.bk-filters-head h2{font-size:15px}
.bk-facet{border-bottom:1px solid var(--bk-line-2)}
.bk-facet:last-child{border-bottom:0}
.bk-facet>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 0;cursor:pointer;font-weight:700;font-size:14px;color:var(--bk-ink)}
.bk-facet>summary::-webkit-details-marker{display:none}
.bk-facet>summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--bk-muted);border-bottom:2px solid var(--bk-muted);transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s}
.bk-facet[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.bk-facet summary .bk-count{margin-left:auto;margin-right:8px}
.bk-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--bk-brand);color:var(--bk-brand-ink);font-size:11px;font-weight:800;display:inline-grid;place-items:center}
.bk-facet-body{padding:0 0 12px}
.bk .bk-facet-find{width:100%;height:36px;border:1px solid var(--bk-line);border-radius:10px;padding:0 10px;font-size:13px;margin-bottom:8px;background:var(--bk-bg)}
.bk .bk-facet-find:focus{outline:none;border-color:var(--bk-brand);background:#fff}
.bk-options{display:flex;flex-direction:column;gap:2px;max-height:264px;overflow:auto;scrollbar-width:thin}
.bk .bk-option{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;cursor:pointer;font-size:14px;font-weight:500;color:var(--bk-ink-2);margin:0;line-height:1.35}
.bk .bk-option:hover{background:var(--bk-soft)}
.bk .bk-option input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;border:1.5px solid #c3c8d0;border-radius:5px;background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .12s,border-color .12s}
.bk .bk-option input:checked{background:var(--bk-brand);border-color:var(--bk-brand)}
.bk .bk-option input:checked::after{content:"";width:5px;height:9px;border:solid var(--bk-brand-ink);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.bk .bk-option input:focus-visible{outline:3px solid var(--bk-brand-line);outline-offset:2px}
.bk-option.is-checked{color:var(--bk-ink);font-weight:650}

/* Kitapların durduğu alan: kurum renginden çok hafif bir tonla başlayan beyaz panel */
.bk-results{min-width:0;background:linear-gradient(180deg,var(--bk-brand-soft) 0,rgba(255,255,255,0) 260px),var(--bk-surface);
  border:1px solid var(--bk-line);border-radius:22px;padding:24px 24px 28px;box-shadow:var(--bk-shadow)}
.bk-results .bk-group:last-of-type{margin-bottom:10px}
.bk-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px;min-height:42px}
.bk .bk-summary{color:var(--bk-muted);font-size:14px;margin-right:auto}
.bk-summary b{color:var(--bk-ink)}
.bk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.bk-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 12px;border-radius:999px;background:var(--bk-brand-soft);color:var(--bk-brand-strong);font-size:13px;font-weight:650;border:0;cursor:pointer}
.bk-chip span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.7);font-size:14px;line-height:1}
.bk-chip:hover span{background:#fff}
.bk-chip.is-clear{background:transparent;color:var(--bk-muted);padding:0 10px}
.bk-chip.is-clear:hover{color:var(--bk-ink);text-decoration:underline}
.bk .bk-select{height:38px;border:1px solid var(--bk-line);border-radius:10px;background:#fff;padding:0 30px 0 10px;font-size:13px;color:var(--bk-ink-2)}
.bk-filter-toggle{display:none}

.bk-group{margin-bottom:34px}
.bk-group-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.bk-group-icon{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--bk-surface);color:var(--bk-brand-strong);border:1px solid var(--bk-brand-line);box-shadow:var(--bk-shadow)}
.bk-group-icon svg{width:18px;height:18px}
.bk .bk-group-head h2{min-width:0;font-size:18px;font-weight:800;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-group-count{flex:none;padding:3px 10px;border-radius:999px;background:var(--bk-surface);border:1px solid var(--bk-line);color:var(--bk-muted);font-size:12px;font-weight:700}
.bk-group-line{flex:1;min-width:16px;height:1px;background:linear-gradient(90deg,var(--bk-brand-line),rgba(0,0,0,0))}
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:22px 18px}

/* ---- Kitap kartı ---- */
/* Kitap kartı: kenarlıklı, gölgeli beyaz kart; kapak içeride, ad ve bilgi ortalı, etiketler kartın dibinde.
   Aynı sıradaki kartlar eşit yükseklikte (ızgara satırı boyunca uzar). Liste kartında detay bağlantısı .bk-card-main,
   kısayollar onun dışında; diğer ekranlardaki kartlar (benzer kitaplar, set) kartın tamamı bağlantıdır. */
.bk-card{display:flex;flex-direction:column;min-width:0;height:100%;padding:12px 12px 14px;border:1px solid var(--bk-line);border-radius:16px;
  background:var(--bk-surface);box-shadow:var(--bk-shadow);color:var(--bk-ink);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.bk-card:hover{transform:translateY(-3px);box-shadow:var(--bk-shadow-lg);border-color:var(--bk-brand-line)}
.bk-card-main{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;color:inherit}
a.bk-card{gap:8px}
.bk-card-cover{position:relative;display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:var(--bk-bg);margin-bottom:4px}
.bk-card-cover img{width:100%;height:100%;object-fit:contain;display:block}
.bk-card-title{font-size:13.5px;font-weight:600;line-height:1.4;text-align:center;color:var(--bk-ink-2);min-height:2.8em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;transition:color .15s}
.bk-card:hover .bk-card-title{color:var(--bk-brand-strong)}
.bk-card-meta{font-size:12px;color:var(--bk-muted);text-align:center;margin-top:-4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-card-flags{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid var(--bk-line-2)}
/* Telefonda (iki sütun) kart etiketleri yalnızca simge: ad title/aria-label'da; "Set" gibi nötr etiket yazılı kalır. */
@media(max-width:575px){
  .bk-card{padding:10px 10px 12px}
  .bk-card-flags{gap:6px}
  .bk-card-flags .bk-badge:not(.is-neutral) .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bk .bk-card-flags .bk-badge:not(.is-neutral){width:34px;height:34px;min-height:34px;padding:0;justify-content:center;border-radius:10px}
  .bk-card-flags .bk-badge:not(.is-neutral) svg{width:16px;height:16px}
}
.bk button.bk-badge.is-link{font:inherit;font-size:11px;font-weight:700;line-height:1.3;cursor:pointer}
.bk a.bk-badge.is-link,.bk button.bk-badge.is-link{min-height:26px;padding:4px 9px;border:1px solid var(--bk-brand-line);background:var(--bk-surface);color:var(--bk-brand-strong);transition:background .15s,color .15s,border-color .15s}
.bk a.bk-badge.is-link:hover,.bk button.bk-badge.is-link:hover{background:var(--bk-brand);border-color:var(--bk-brand);color:var(--bk-brand-ink)}
@media(max-width:575px){.bk a.bk-badge.is-link,.bk button.bk-badge.is-link{min-height:32px;padding:6px 10px}}
div.bk-card .bk-card-flags .bk-badge:not(.is-link):not(.is-neutral){background:var(--bk-soft);color:var(--bk-muted)}

/* ---- İskelet, boş durum, sayfalama ---- */
.bk-skel{position:relative;overflow:hidden;background:#e9ecf1;border-radius:10px}
.bk-skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:bk-shimmer 1.3s infinite}
@keyframes bk-shimmer{to{transform:translateX(100%)}}
.bk-skel-card .bk-skel:first-child{aspect-ratio:3/4;border-radius:12px}
.bk-skel-card .bk-skel+.bk-skel{height:12px;margin-top:10px}
.bk-skel-card .bk-skel:last-child{width:60%}
.bk-empty{text-align:center;padding:56px 20px;background:var(--bk-surface);border:1px dashed var(--bk-line);border-radius:var(--bk-radius)}
.bk-empty-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;background:var(--bk-soft);color:var(--bk-ink-2);display:grid;place-items:center}
.bk-empty-icon svg{width:26px;height:26px}
.bk-empty p{color:var(--bk-muted);margin:6px auto 18px;max-width:420px}
.bk-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:10px}
.bk-pager button{min-width:40px;height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--bk-line);background:#fff;color:var(--bk-ink-2);font-weight:650;cursor:pointer}
.bk-pager button:hover:not(:disabled){border-color:var(--bk-brand-line);color:var(--bk-brand-strong)}
.bk-pager button[aria-current]{background:var(--bk-brand);border-color:var(--bk-brand);color:var(--bk-brand-ink)}
.bk-pager button:disabled{opacity:.4;cursor:default}
.bk-pager .gap{color:var(--bk-muted);padding:0 4px}
.bk-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
.bk-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:3000;background:#101828;color:#fff;border-radius:12px;padding:11px 18px;font-size:14px;box-shadow:var(--bk-shadow-lg)}

/* ---- Telefon: alttan açılan filtre paneli ---- */
.bk-backdrop{display:none}
@media(max-width:991px){
  .bk{padding-top:18px}
  .bk-layout{grid-template-columns:1fr}
  .bk-filter-toggle{display:inline-flex}
  .bk-filters{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:2001;max-height:82vh;border-radius:22px 22px 0 0;border:0;padding:0 18px 18px;
    transform:translateY(105%);transition:transform .25s ease;box-shadow:0 -12px 40px rgba(16,24,40,.25)}
  .bk-filters.is-open{transform:none}
  .bk-filters-head{position:sticky;top:0;background:#fff;z-index:1;padding:16px 0 12px}
  .bk-filters-foot{position:sticky;bottom:-18px;background:#fff;padding:12px 0 18px;margin-bottom:-18px;display:flex;gap:10px}
  .bk-filters-foot .bk-btn{flex:1}
  .bk .bk-filters,html[data-bk-style] #bkBooks .bk-filters{background:var(--bk-surface);border-radius:22px 22px 0 0;padding:0 18px 18px;overscroll-behavior:contain}
  .bk-filters-head,.bk-filters-foot{background:var(--bk-surface)}
  .bk-filters-head h2{margin-right:auto}
  .bk-filters-head{gap:8px}
  .bk .bk-filters-head #bkFiltersClose{flex:none;width:40px;height:40px;padding:0;justify-content:center}
  .bk-backdrop.is-open{display:block;position:fixed;inset:0;z-index:2000;background:rgba(16,24,40,.45)}
  .bk-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 14px}
}
@media(min-width:992px){.bk-filters-foot{display:none}}
@media(max-width:575px){
  .bk h1{font-size:24px}
  .bk-searchbar{flex-basis:100%;max-width:none;gap:8px;flex-wrap:wrap}
  .bk-searchbar .bk-search{flex:1 1 100%}
  .bk-sizer{flex:1 1 auto}
  .bk .bk-sizer-btn{width:100%;height:44px;justify-content:center}
  .bk .bk-sizer-menu{left:0;right:0;min-width:0}
  .bk-searchbar .bk-filter-toggle{flex:1 1 auto;height:44px}
  .bk-results{padding:16px 12px 20px;border-radius:18px}
  .bk-page{padding:0 14px}
  .bk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-search{flex-basis:100%;max-width:none}
}

/* ---- Kitap detayı ---- */
.bk-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:22px;padding:32px;box-shadow:var(--bk-shadow)}
.bk-hero.is-compact{grid-template-columns:150px minmax(0,1fr);gap:28px;padding:24px;align-items:center}
.bk-hero.is-compact .bk-hero-body{gap:12px}
.bk-hero.is-compact h1{font-size:28px}
.bk-hero-cover{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#eef1f5,#e3e7ee);box-shadow:0 18px 40px -12px rgba(16,24,40,.35)}
.bk-hero-cover img{width:100%;height:100%;object-fit:contain;display:block}
.bk-hero-body{display:flex;flex-direction:column;gap:16px;min-width:0}
.bk-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--bk-brand-strong)}
.bk-hero h1{font-size:32px;overflow-wrap:anywhere}
.bk-facts{display:flex;flex-wrap:wrap;gap:8px}
.bk-cta{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}
.bk-callout{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--bk-brand-soft);color:var(--bk-ink-2)}
.bk-callout svg{width:22px;height:22px;flex:none;color:var(--bk-brand-strong)}
.bk-callout p{flex:1;font-size:14px}
.bk-section{margin-top:34px}
.bk-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.bk-section-head p{color:var(--bk-muted);font-size:14px}
.bk-tile-group+.bk-tile-group{margin-top:22px}
.bk-tile-group>h3{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--bk-muted);margin-bottom:10px}
.bk-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.bk-tile{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:var(--bk-radius);background:var(--bk-surface);border:1px solid var(--bk-line);transition:border-color .15s,box-shadow .15s,transform .15s;min-width:0}
.bk-tile:hover{border-color:var(--bk-brand-line);box-shadow:var(--bk-shadow-lg);transform:translateY(-2px)}
.bk-tile-icon{flex:none;width:44px;height:44px;border-radius:12px;background:var(--bk-soft);color:var(--bk-ink-2);display:grid;place-items:center}
.bk-tile-icon svg{width:22px;height:22px}
.bk-tile-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.bk-tile-text strong{font-size:15px;font-weight:700;color:var(--bk-ink)}
.bk-tile-text span{font-size:13px;color:var(--bk-muted);line-height:1.45}
.bk-tile:hover .bk-tile-text strong{color:var(--bk-brand-strong)}
/* Kitap kartının içindeki içerik eylemleri: iki sütun, tek satır, açıklamasız (açıklama title'da). */
.bk-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.bk-quick .bk-tile{align-items:center;gap:12px;padding:11px 14px;border-radius:14px;background:var(--bk-bg)}
.bk-quick .bk-tile::after{content:"";flex:none;margin-left:auto;width:8px;height:8px;border-right:2px solid #b3bac5;border-top:2px solid #b3bac5;transform:rotate(45deg)}
.bk-quick .bk-tile:hover{transform:none;box-shadow:none;background:var(--bk-brand-soft)}
.bk-quick .bk-tile:hover::after{border-color:var(--bk-brand-strong)}
.bk-quick .bk-tile-icon{width:38px;height:38px;border-radius:11px}
.bk-quick .bk-tile-icon svg{width:20px;height:20px}
.bk-quick .bk-tile-text strong{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-quick .bk-tile-text span{display:none}
.bk-quick+.bk-cta,.bk-files-block+.bk-cta{padding-top:14px;border-top:1px solid var(--bk-line-2)}
/* Kitap kartının içindeki kitap dosyaları: küçük tek satırlık düğmeler; 4'ten fazlası "Tüm dosyalar" ile açılır. */
.bk .bk-mini-title{font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--bk-muted);margin:2px 0 8px}
.bk-files{display:flex;flex-wrap:wrap;gap:8px}
.bk-files:not(.is-open) .is-extra{display:none}
.bk .bk-file{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:38px;padding:7px 13px;border-radius:10px;border:1px solid var(--bk-line);
  background:var(--bk-bg);color:var(--bk-ink-2);font:inherit;font-size:13.5px;font-weight:650;line-height:1.3;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.bk .bk-file:hover{background:var(--bk-brand-soft);border-color:var(--bk-brand-line);color:var(--bk-brand-strong)}
.bk-file svg{width:16px;height:16px;flex:none;color:var(--bk-brand-strong)}
.bk .bk-file-more{background:transparent;border-style:dashed;color:var(--bk-brand-strong)}
/* Diğer eklentilerden gelen eski düğmeler (indirme uygulamaları, kitap dosyaları) bu alanda yeni düğme görünümüne uyar. */
.bk-legacy{display:flex;flex-wrap:wrap;gap:10px}
.bk-legacy hr,.bk-legacy br{display:none}
.bk-legacy .buttons{display:contents}
.bk-legacy a.btn{display:inline-flex!important;align-items:center;gap:8px;min-height:42px;margin:0!important;padding:9px 16px!important;border-radius:12px!important;border:1px solid var(--bk-line)!important;
  background:var(--bk-surface)!important;color:var(--bk-ink-2)!important;font-weight:650!important;font-size:14px!important;text-transform:none!important;box-shadow:none!important;letter-spacing:normal!important;line-height:1.2!important}
.bk-legacy a.btn:hover{border-color:var(--bk-brand-line)!important;color:var(--bk-brand-strong)!important}
.bk-legacy a.btn i{margin:0!important;color:var(--bk-brand-strong)}
.bk-prose{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);padding:24px 26px;color:var(--bk-ink-2);font-size:15.5px;line-height:1.7;overflow-wrap:anywhere}
.bk-prose img{max-width:100%;height:auto;border-radius:10px}
.bk-prose p{margin:0 0 12px}
.bk-prose ul,.bk-prose ol{padding-left:1.4em;margin:0 0 12px}
.bk-prose ul{list-style:disc}
.bk-prose ol{list-style:decimal}
.bk-legacy a.btn svg{width:18px;height:18px;color:var(--bk-brand-strong)}
.bk-prose h2,.bk-prose h3,.bk-prose h4{margin:18px 0 8px}
.bk .bk-more-link{font-size:14px;font-weight:700;color:var(--bk-brand-strong);white-space:nowrap}
.bk .bk-more-link:hover{text-decoration:underline}
/* Set şeridinde açık olan kitap */
.bk-card.is-current{border-color:var(--bk-brand);box-shadow:0 0 0 3px var(--bk-brand-soft),var(--bk-shadow)}
.bk-card.is-current .bk-card-title{color:var(--bk-brand-strong)}
.bk-card.is-current .bk-card-meta{color:var(--bk-brand-strong);font-weight:600}
.bk-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,168px);gap:18px;overflow-x:auto;padding:8px 4px 16px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.bk-rail>*{scroll-snap-align:start}
@media(max-width:860px){
  .bk-hero{grid-template-columns:1fr;padding:20px;gap:22px;border-radius:18px}
  .bk-hero-cover{width:min(220px,62vw);margin:0 auto}
  .bk-hero.is-compact{grid-template-columns:1fr}
  .bk-hero.is-compact .bk-hero-cover{width:min(150px,44vw)}
  .bk-hero.is-compact h1{font-size:23px}
  .bk-hero-body{align-items:stretch}
  .bk-hero h1{font-size:25px;text-align:center}
  .bk-hero .bk-eyebrow,.bk-hero .bk-facts{justify-content:center;text-align:center}
  .bk-cta .bk-btn{flex:1 1 100%}
  .bk-cta .bk-btn.is-ghost{flex:1 1 40%}
  .bk-legacy a.btn{flex:1 1 100%;justify-content:flex-start}
  .bk-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk .bk-file{min-width:0}
  .bk-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bk .bk-file-more{justify-content:center}
  .bk-quick{grid-template-columns:1fr}
  .bk-tiles{grid-template-columns:1fr}
  .bk-prose{padding:18px}
}

/* ---- Konu anlatımları ---- */
.bk-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.bk-topic{height:100%;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:var(--bk-radius);background:var(--bk-surface);border:1px solid var(--bk-line);transition:border-color .15s,box-shadow .15s,transform .15s}
.bk-topic:hover{border-color:var(--bk-brand-line);box-shadow:var(--bk-shadow-lg);transform:translateY(-2px)}
.bk-topic-top{display:flex;align-items:center;justify-content:space-between}
.bk-topic-n{width:34px;height:34px;border-radius:50%;background:var(--bk-soft);color:var(--bk-ink-2);display:grid;place-items:center;font-weight:800;font-size:13px}
.bk-topic-d{font:600 12px ui-monospace,Consolas,monospace;color:var(--bk-muted)}
.bk-topic strong{font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.bk-topic p{font-size:13.5px;color:var(--bk-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bk-topic-play{margin-top:auto;padding-top:4px;font-size:13px;font-weight:700;color:var(--bk-brand-strong);display:inline-flex;align-items:center;gap:6px}
.bk-topic.is-current{border-color:var(--bk-brand);box-shadow:0 0 0 3px var(--bk-brand-soft)}
/* İzleme sayfası: üstte koyu sahnede ortalanmış oynatıcı, altında ders bilgisi ve kitabın ders listesi. */
.bk.bk-watch-page{padding-top:0}
.bk-stage{background:radial-gradient(900px 420px at 50% -10%,var(--bk-brand-soft),transparent 70%),linear-gradient(180deg,#0f1115 0,#1a1d24 100%);padding:18px 20px 36px;margin-bottom:28px}
.bk-stage-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.bk-stage .bk-crumbs{align-self:stretch;justify-content:center;color:rgba(255,255,255,.62);margin-bottom:16px}
.bk-stage .bk-crumbs a:hover{color:#fff}
.bk-stage .bk-crumbs span[aria-hidden]{color:rgba(255,255,255,.35)}
.bk-stage .bk-crumbs [aria-current]{color:rgba(255,255,255,.9)}
.bk-player{width:100%;max-width:1120px;background:#0f1115;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
.bk-player iframe{display:block;width:100%;height:560px;border:0;background:#0f1115}
.bk-watch{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start;max-width:1120px;margin:0 auto}
.bk-watch.is-single{grid-template-columns:minmax(0,1fr)}
.bk-watch-info{display:flex;flex-direction:column;gap:16px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);padding:22px 24px;box-shadow:var(--bk-shadow)}
.bk-watch-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px 20px}
.bk-watch-title{display:flex;flex-direction:column;gap:10px;min-width:0}
.bk-watch-info h1{font-size:26px;overflow-wrap:anywhere}
.bk-watch-head .bk-cta{padding-top:0}
.bk .bk-watch-summary{white-space:pre-line;color:var(--bk-ink-2);padding-top:14px;border-top:1px solid var(--bk-line-2)}
.bk-watch-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bk-watch-nav a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--bk-line);background:var(--bk-surface);min-width:0}
.bk-watch-nav a:hover{border-color:var(--bk-brand-line)}
.bk-watch-nav a.next{grid-column:2;text-align:right}
.bk-watch-nav small{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--bk-muted)}
.bk-watch-nav span{font-weight:650;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-playlist{position:sticky;top:96px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);padding:16px}
.bk-playlist ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 220px);overflow:auto;scrollbar-width:thin}
.bk-playlist a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;font-weight:600}
.bk-playlist a:hover{background:var(--bk-soft)}
.bk-playlist a[aria-current]{background:var(--bk-brand-soft);color:var(--bk-brand-strong)}
.bk-playlist .n{width:28px;height:28px;border-radius:50%;background:var(--bk-soft);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--bk-muted)}
.bk-playlist a[aria-current] .n{background:var(--bk-brand);color:var(--bk-brand-ink)}
.bk-playlist .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-playlist .d{font:600 12px ui-monospace,Consolas,monospace;color:var(--bk-muted)}
@media(max-width:991px){
  .bk-watch{grid-template-columns:1fr}
  .bk-playlist{position:static}
  .bk-playlist ol{max-height:none}
}
@media(max-width:575px){
  .bk-stage{padding:12px 0 0;margin-bottom:18px}
  .bk-stage .bk-crumbs{justify-content:flex-start;padding:0 14px;margin-bottom:12px}
  .bk-player{border-radius:0;box-shadow:none}
  .bk-watch-info{padding:18px 16px}
  .bk-watch-info h1{font-size:21px}
}

/* ---- Video çözümler (SolutionPublic/Solutions, BookSolutions, test QR) ---- */
.bk-sol-crumbs{width:fit-content;max-width:100%;flex-wrap:nowrap;gap:2px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin-bottom:16px;
  padding:4px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:999px;box-shadow:var(--bk-shadow)}
.bk-sol-crumbs::-webkit-scrollbar{display:none}
.bk-sol-crumbs>*{flex:none}
.bk-sol-crumbs a,.bk-sol-crumbs .is-static{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;color:var(--bk-ink-2);font-weight:600;line-height:1.2;transition:background .15s,color .15s}
.bk .bk-sol-crumbs a:hover{background:var(--bk-brand-soft);color:var(--bk-brand-strong)}
.bk-sol-crumbs .t{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.bk-sol-crumbs span.ico{display:inline-flex;color:var(--bk-brand-strong)}
.bk-sol-crumbs .ico svg{width:15px;height:15px}
.bk-sol-crumbs .sep{display:inline-flex;color:#c3c8d0}
.bk-sol-crumbs .sep svg{width:14px;height:14px}
.bk-sol-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.bk .bk-sol-back{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--bk-line);background:var(--bk-surface);color:var(--bk-ink-2);
  display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:var(--bk-shadow);transition:background .15s,color .15s}
.bk .bk-sol-back:hover{background:var(--bk-brand-soft);color:var(--bk-brand-strong)}
.bk-sol-back svg{width:20px;height:20px}
.bk-sol-heading{min-width:0}
.bk-sol-heading h1{font-size:26px;overflow-wrap:anywhere}
.bk .bk-sol-meta{margin-top:2px;font-size:13.5px;color:var(--bk-muted)}
@media(max-width:575px){
  .bk-sol-heading h1{font-size:21px}
  .bk-sol-crumbs .t{max-width:150px}
  .bk-sol-crumbs a,.bk-sol-crumbs .is-static{padding:6px 10px}
  .bk .bk-sol-back{width:36px;height:36px}
}
.bk-rows{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);overflow:hidden}
.bk .bk-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border:0;border-bottom:1px solid var(--bk-line-2);background:transparent;color:var(--bk-ink);
  font:inherit;text-align:left;cursor:pointer;transition:background .12s}
.bk .bk-row:last-child{border-bottom:0}
.bk .bk-row:hover{background:var(--bk-bg)}
.bk-row .ic{flex:none;width:36px;height:36px;border-radius:10px;background:var(--bk-soft);color:var(--bk-ink-2);display:grid;place-items:center}
.bk-row.is-test .ic{background:var(--bk-soft);color:var(--bk-ink-2)}
.bk-row .ic svg{width:18px;height:18px}
.bk-row .ic.is-cover{width:40px;height:54px;border-radius:6px;overflow:hidden;box-shadow:var(--bk-shadow)}
.bk-row .ic.is-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bk-row .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bk-row .tx strong{font-size:15px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.bk-row .tx small{font-size:12.5px;color:var(--bk-muted)}
.bk-row .bk-badge{flex:none}
/* Soru satırları (bk-row üzerine): çözüm türü simgesi, başlık + tür, cevap, ok. */
.bk-qrow .ic{width:48px;background:var(--bk-soft);color:var(--bk-ink-2)}
.bk-qrow .ic.is-two{display:flex;align-items:center;justify-content:center;gap:3px}
.bk-qrow .ic.is-two svg{width:15px;height:15px}
.bk-qans{flex:none;padding:4px 11px;border-radius:999px;background:var(--bk-soft);font-size:12.5px;font-weight:600;color:var(--bk-muted)}
.bk-qans b{color:var(--bk-ink);font-weight:800;margin-left:2px}
.bk-qrow .go{flex:none;display:inline-flex;color:#c3c8d0;transition:color .15s,transform .15s}
.bk-qrow .go svg{width:18px;height:18px}
.bk .bk-qrow:hover .go{color:var(--bk-brand-strong);transform:translateX(2px)}
.bk-qrow.is-pending .ic{background:var(--bk-soft);color:var(--bk-muted)}
.bk-qrow.is-pending .tx strong{color:var(--bk-muted)}
.bk-rows.is-after-group{margin-top:18px}
.bk-q-group{margin-top:18px}
.bk-q-group h3{font-size:14px;margin-bottom:10px;color:var(--bk-ink-2)}
.bk-sol-empty{padding:40px 20px}
/* Çözüm penceresi */
.bk-sol-modal{position:fixed;inset:0;z-index:2050;display:flex;align-items:center;justify-content:center;padding:16px}
.bk-sol-modal[hidden]{display:none}
.bk-sol-backdrop{position:absolute;inset:0;background:rgba(16,24,40,.6)}
.bk-sol-dialog{position:relative;display:flex;flex-direction:column;width:min(1040px,100%);max-height:calc(100vh - 32px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.bk-sol-bar{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 20px;border-bottom:1px solid var(--bk-line)}
.bk-sol-bar-title{flex:1;min-width:0;display:flex;flex-direction:column}
.bk-sol-bar-title small{font-size:12px;color:var(--bk-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-sol-bar-title strong{font-size:17px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-sol-answer{flex:none;padding:6px 12px;border-radius:999px;background:var(--bk-brand-soft);color:var(--bk-brand-strong);font-size:13px;font-weight:700}
.bk-sol-bar-nav{display:flex;gap:6px}
.bk .bk-sol-close{flex:none;width:40px;height:40px;border:0;border-radius:12px;background:var(--bk-soft);color:var(--bk-ink-2);display:grid;place-items:center;cursor:pointer}
.bk .bk-sol-close:hover{background:var(--bk-line)}
.bk-sol-close svg{width:20px;height:20px}
.bk-sol-body{flex:1;min-height:0;overflow:auto;padding:16px}
.bk-sol-body .no-content{font-size:20px;text-align:center;margin:30px 0;color:var(--bk-ink-2)}
.bk-sol-loading{display:grid;place-items:center;min-height:320px;color:var(--bk-muted);font-weight:600}
@media(max-width:767px){
  .bk-sol-modal{padding:0}
  .bk-sol-dialog{width:100%;height:100%;max-height:none;border-radius:0}
  .bk-sol-bar{flex-wrap:wrap;padding:10px 12px}
  .bk-sol-bar-nav{order:3;width:100%}
  .bk-sol-bar-nav .bk-btn{flex:1}
  .bk-sol-body{padding:10px}
  .bk-qrow .go{display:none}
}
/* Kitabın konu anlatımları: pencerede ders (topics-modal.js) */
.bk-topic-dialog{width:min(1180px,100%)}
.bk-topic-player{background:#0f1115;flex:1;min-height:0;overflow:hidden}
.bk-topic-player iframe{display:block;width:100%;height:560px;border:0;background:#0f1115}
@media(max-width:767px){.bk-topic-page{display:none}.bk-topic-player{display:flex;align-items:center}}

/* ---- Kitabın aktiviteleri (ActivityPublic/BookActivities, book-activities.js) ---- */
.bk-act-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.bk-act-cover{flex:none;width:64px;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:var(--bk-soft);box-shadow:var(--bk-shadow)}
.bk-act-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bk-act-headtext{min-width:0;display:flex;flex-direction:column;gap:6px}
.bk-act-headtext h1{font-size:28px}
.bk .bk-act-headtext p{color:var(--bk-muted);font-weight:600}
.bk-act{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.bk-act-stage{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:22px;padding:24px;box-shadow:var(--bk-shadow);display:flex;flex-direction:column;gap:20px;min-width:0}
.bk-act-stagehead{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.bk-act-unit{flex-basis:100%;font-size:13px;font-weight:750;color:var(--bk-brand-strong)}
.bk-act-stagehead h2{font-size:24px;overflow-wrap:anywhere}
.bk-act-player[hidden]{display:none}
.bk .bk-act-none{color:var(--bk-muted);text-align:center;padding:32px 0}

/* Ses oynatıcısı */
.bk-audio{border-radius:18px;padding:28px 24px 22px;background:var(--bk-bg);border:1px solid var(--bk-line-2);display:flex;flex-direction:column;align-items:center;gap:22px}
.bk-audio-art{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--bk-surface);color:var(--bk-brand-strong);box-shadow:var(--bk-shadow-lg)}
.bk-audio-art svg{width:38px;height:38px}
.bk-audio.is-playing .bk-audio-art{animation:bk-pulse 1.8s ease-in-out infinite}
@keyframes bk-pulse{0%,100%{box-shadow:var(--bk-shadow-lg),0 0 0 0 var(--bk-brand-line)}50%{box-shadow:var(--bk-shadow-lg),0 0 0 12px rgba(0,0,0,0)}}
.bk-audio-controls{width:100%;max-width:620px;display:flex;align-items:center;gap:12px}
.bk .bk-audio-play{flex:none;width:56px;height:56px;border-radius:50%;border:0;background:var(--bk-brand);color:var(--bk-brand-ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--bk-shadow-lg);transition:transform .15s}
.bk .bk-audio-play:hover{transform:scale(1.05)}
.bk-audio-play svg{width:24px;height:24px}
.bk-audio-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.bk-audio-times{display:flex;justify-content:space-between;font:600 12px ui-monospace,Consolas,monospace;color:var(--bk-muted)}
.bk .bk-audio-seek{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;margin:0;cursor:pointer;
  background:linear-gradient(90deg,var(--bk-brand) var(--p,0%),var(--bk-line) var(--p,0%))}
.bk-audio-seek::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--bk-surface);border:3px solid var(--bk-brand);box-shadow:var(--bk-shadow)}
.bk-audio-seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--bk-surface);border:3px solid var(--bk-brand)}
.bk .bk-audio-btn{flex:none;min-width:40px;height:40px;padding:0 8px;border-radius:12px;border:1px solid var(--bk-line);background:var(--bk-surface);color:var(--bk-ink-2);display:grid;place-items:center;cursor:pointer;font-weight:750;font-size:13px}
.bk .bk-audio-btn:hover{border-color:var(--bk-brand-line);color:var(--bk-brand-strong)}
.bk-audio-btn svg{width:18px;height:18px}
.bk-audio.is-error .bk-audio-times span:last-child{color:#b42318}

/* Video, görsel, dış bağlantı */
.bk-act-video{border-radius:16px;overflow:hidden;background:#0f1115}
.bk-act-video video{display:block;width:100%;max-height:70vh;background:#0f1115}
.bk-act-image{display:block;border-radius:16px;overflow:hidden;background:var(--bk-bg);border:1px solid var(--bk-line-2);text-align:center;cursor:zoom-in}
.bk-act-image img{max-height:70vh;margin:0 auto;display:block}
.bk-act-external{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 20px;border-radius:18px;background:var(--bk-bg);border:1px dashed var(--bk-line);text-align:center}
.bk .bk-act-external p{color:var(--bk-muted)}
.bk-act-external-ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--bk-soft);color:var(--bk-ink-2)}
.bk-act-external-ic svg{width:30px;height:30px}
.bk-act-desc{color:var(--bk-ink-2);font-size:15.5px;line-height:1.7;overflow-wrap:anywhere;padding-top:18px;border-top:1px solid var(--bk-line-2)}
.bk-act-desc img{height:auto;border-radius:10px}
.bk .bk-act-desc p{margin:0 0 10px}
.bk-act-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}
.bk-act-count{font-size:13px;font-weight:700;color:var(--bk-muted)}

/* Liste */
.bk-act-list{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;scrollbar-width:thin;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);padding:8px}
.bk-act-group{border-bottom:1px solid var(--bk-line-2)}
.bk-act-group:last-child{border-bottom:0}
.bk-act-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px;cursor:pointer;font-weight:750;font-size:14px;color:var(--bk-ink);border-radius:10px}
.bk-act-group>summary::-webkit-details-marker{display:none}
.bk-act-group>summary:hover{background:var(--bk-soft)}
.bk-act-group>summary .t{min-width:0;overflow-wrap:anywhere}
.bk-act-group>summary .n{flex:none;min-width:26px;height:22px;padding:0 7px;border-radius:999px;background:var(--bk-soft);font-size:12px;color:var(--bk-muted);display:grid;place-items:center}
.bk-act-group[open]>summary .n{background:var(--bk-brand-soft);color:var(--bk-brand-strong)}
.bk-act-group ol{list-style:none;margin:0;padding:0 0 8px;display:flex;flex-direction:column;gap:2px}
.bk-act-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:14px;font-weight:600;color:var(--bk-ink-2)}
.bk-act-item:hover{background:var(--bk-soft)}
.bk-act-item .ic{flex:none;width:30px;height:30px;border-radius:9px;background:var(--bk-soft);color:var(--bk-muted);display:grid;place-items:center}
.bk-act-item .ic svg{width:16px;height:16px}
.bk-act-item .t{min-width:0;overflow-wrap:anywhere}
.bk-act-item[aria-current]{background:var(--bk-brand-soft);color:var(--bk-brand-strong)}
.bk-act-item[aria-current] .ic{background:var(--bk-brand);color:var(--bk-brand-ink)}
@media(max-width:991px){
  .bk-act{grid-template-columns:1fr}
  .bk-act-list{position:static;max-height:none}
}
@media(max-width:575px){
  .bk-act-head{gap:14px}
  .bk-act-headtext h1{font-size:22px}
  .bk-act-stage{padding:16px;border-radius:18px;gap:16px}
  .bk-act-stagehead h2{font-size:20px}
  .bk-audio{padding:22px 14px 18px}
  .bk-audio-controls{gap:8px}
  .bk .bk-audio-play{width:50px;height:50px}
  .bk-act-nav .bk-btn{padding:9px 12px}
}

/* ---- Pencere (<dialog>): kitap detayındaki akıllı tahta uygulamaları (BookFilePublic/_SmartBoard) ---- */
.bk button.bk-tile{width:100%;font:inherit;text-align:left;cursor:pointer;color:inherit}
.bk-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:20px;background:var(--bk-surface);color:var(--bk-ink);box-shadow:0 30px 80px -20px rgba(16,24,40,.45);overflow:auto}
.bk-dialog::backdrop{background:rgba(16,24,40,.5)}
.bk-dialog[open]{animation:bk-dialog-in .18s ease-out}
@keyframes bk-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.bk-dialog-head{display:flex;align-items:flex-start;gap:14px;padding:22px 22px 14px}
.bk-dialog-head>div{flex:1;min-width:0}
.bk-dialog-head h2{font-size:19px}
.bk .bk-dialog-head p{margin-top:4px;color:var(--bk-muted);font-size:14px}
.bk-dialog-icon{flex:none;width:44px;height:44px;border-radius:12px;background:var(--bk-soft);color:var(--bk-ink-2);display:grid;place-items:center}
.bk-dialog-icon svg{width:22px;height:22px}
.bk .bk-dialog-close{flex:none;width:36px;height:36px;border-radius:10px;border:0;background:var(--bk-soft);color:var(--bk-ink-2);display:grid;place-items:center;cursor:pointer;padding:0}
.bk .bk-dialog-close:hover{background:var(--bk-line)}
.bk-dialog-close svg{width:18px;height:18px}
.bk .bk-sb-list{list-style:none;margin:0;padding:6px 22px 22px;display:flex;flex-direction:column;gap:10px}
.bk-sb-item{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--bk-line);border-radius:14px;background:var(--bk-bg)}
.bk-sb-ic{flex:none;width:40px;height:40px;border-radius:11px;background:var(--bk-surface);color:var(--bk-brand-strong);display:grid;place-items:center;box-shadow:var(--bk-shadow)}
.bk-sb-ic svg{width:19px;height:19px}
.bk-sb-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bk-sb-text strong{font-size:14.5px;font-weight:700;overflow-wrap:anywhere}
.bk-sb-text small{font-size:12.5px;color:var(--bk-muted)}
.bk-sb-item .bk-btn{flex:none}
.bk .bk-sb-empty{padding:4px 22px 24px;color:var(--bk-muted);font-size:14px}
.bk-dialog.is-inline{position:static;width:auto;box-shadow:none;border:1px solid var(--bk-line);margin-top:10px}
.bk-dialog.is-inline .bk-dialog-close{display:none}
@media(max-width:575px){
  .bk-dialog{border-radius:18px}
  .bk-dialog-head{padding:18px 16px 10px}
  .bk .bk-sb-list{padding:4px 16px 16px}
  .bk-sb-item{flex-wrap:wrap}
  .bk-sb-item .bk-btn{width:100%}
}

/* ---- Örnek kütüphanesi (BookPublic/SharingLibrary, sharing-library.js): sınıf/ders seçimi ---- */
.bk-pick{margin-bottom:18px}
.bk-pick .bk-mini-title{margin-bottom:10px}
.bk-choices{display:flex;flex-wrap:wrap;gap:8px}
.bk .bk-choice{min-height:40px;padding:8px 16px;border:1px solid var(--bk-line);border-radius:999px;background:var(--bk-surface);color:var(--bk-ink-2);
  font:inherit;font-size:14px;font-weight:650;cursor:pointer;box-shadow:var(--bk-shadow);transition:background .15s,border-color .15s,color .15s}
.bk .bk-choice:hover{border-color:var(--bk-brand-line);color:var(--bk-brand-strong)}
.bk .bk-choice[aria-pressed=true]{background:var(--bk-brand);border-color:var(--bk-brand);color:var(--bk-brand-ink)}
.bk .bk-sl-back{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--bk-line);background:var(--bk-surface);color:var(--bk-ink-2);display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:var(--bk-shadow)}
.bk .bk-sl-back:hover{color:var(--bk-brand-strong);border-color:var(--bk-brand-line)}
.bk-sl-back svg{width:18px;height:18px}
#bkSample .bk-results{margin-top:6px}
@media(max-width:575px){
  .bk-choices{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:2px 14px 6px}
  .bk-choices::-webkit-scrollbar{display:none}
  .bk .bk-choice{flex:none;min-height:38px;padding:7px 14px}
}

/* ==== Kitap listesi (Stitch tasarımı): üst bant (arama + sayfa başına + görünüm), araç satırı, ızgara/liste ==== */
.bk#bkBooks,.bk#bkSolutions{padding-top:0}
/* Video çözümler: aynı üst bant; başlık bandın içinde, liste bandın altında */
#bkSolutions .bk-band .bk-sol-head{margin-bottom:0}
#bkSolutions .bk-rows{border-radius:18px;box-shadow:var(--bk-shadow)}
/* Üst bant: gri geçiş + sağ üstte kurum renginde hafif ışıma + sağa doğru belirginleşen nokta deseni */
.bk-band{position:relative;overflow:hidden;padding:22px 0 24px;margin-bottom:28px;border-bottom:1px solid var(--bk-line-2);
  background:linear-gradient(180deg,rgb(157 157 157 / 10%) 0,rgba(255,255,255,.6) 70%,var(--bk-bg) 100%)}
.bk-band::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(16,24,40,.09) 1px,transparent 1.3px);background-size:18px 18px;
  -webkit-mask-image:linear-gradient(90deg,transparent 45%,#000 100%);mask-image:linear-gradient(90deg,transparent 45%,#000 100%)}
.bk-band>.bk-page{position:relative;z-index:1}
/* Başlık satırı: simge kutusu (ya da geri düğmesi) + başlık + bilgi etiketi */
.bk-band-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;min-width:0}
.bk .bk-band-icon{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;padding:0;background:var(--bk-surface);border:1px solid var(--bk-line);
  color:var(--bk-brand-strong);box-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 20px -10px rgba(16,24,40,.25)}
.bk-band-icon svg{width:22px;height:22px}
.bk button.bk-band-icon{cursor:pointer;color:var(--bk-ink-2);transition:color .15s,border-color .15s,background .15s}
.bk button.bk-band-icon:hover{color:var(--bk-brand-strong);border-color:var(--bk-brand-line);background:var(--bk-surface)}
.bk-band-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;min-width:0}
.bk .bk-band-title h1{font-size:30px;letter-spacing:-.5px;line-height:1.15;overflow-wrap:anywhere}
.bk .bk-band-meta{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--bk-surface);border:1px solid var(--bk-line);
  font-size:12.5px;font-weight:700;color:var(--bk-ink-2);box-shadow:var(--bk-shadow);margin:0;white-space:nowrap}
#bkSolutions .bk-band .bk-sol-crumbs{margin-bottom:16px}
#bkSolutions .bk-band-head{margin-bottom:0}
.bk-band-bar{display:flex;align-items:center;gap:10px}
.bk-band-bar .bk-search{flex:0 1 760px;max-width:none;min-width:0}
/* Sayfa başına kitap ve görünüm düğmeleri sağa yaslı */
.bk-band-bar .bk-sizer{margin-left:auto}
.bk .bk-search-lg input{height:48px;border-radius:14px;font-size:15px;padding-left:48px}
.bk-search-lg svg{left:18px;width:22px;height:22px}
#bkBooks .bk-results{background:none;border:0;box-shadow:none;padding:0;border-radius:0}
#bkBooks .bk-toolbar{margin-bottom:22px;min-height:0}
#bkBooks .bk-toolbar:not(:has(.bk-chips:not([hidden]))){margin-bottom:0}
#bkBooks .bk-toolbar .bk-chips{flex:1;margin:0;min-width:0}
#bkBooks .bk-sizer-btn{height:48px;border-radius:14px}
.bk-view{display:inline-flex;align-items:center;height:48px;padding:4px;border:1px solid var(--bk-line);border-radius:14px;background:var(--bk-surface);box-shadow:var(--bk-shadow)}
.bk .bk-view button{width:40px;height:38px;border:0;border-radius:9px;background:transparent;color:var(--bk-muted);display:grid;place-items:center;cursor:pointer;padding:0}
.bk .bk-view button[aria-pressed=true]{background:var(--bk-brand-soft);color:var(--bk-brand-strong)}
.bk-view svg{width:18px;height:18px}
/* Kenar panel başlığı ve "1 seçili" */
#bkBooks .bk-filters{padding:8px 20px 14px;border-radius:18px;box-shadow:var(--bk-shadow)}
.bk-filters-head h2{display:inline-flex;align-items:center;gap:8px;font-size:17px}
.bk-filters-head h2 svg{width:20px;height:20px;color:var(--bk-brand-strong)}
.bk .bk-link-btn{border:0;background:none;padding:4px 0;font:inherit;font-size:13.5px;font-weight:700;color:var(--bk-brand-strong);cursor:pointer}
.bk .bk-link-btn:hover{text-decoration:underline}
.bk-count.is-soft{width:auto;padding:0 8px;background:var(--bk-brand-soft);color:var(--bk-brand-strong);font-weight:700}
/* Grup başlığı: yumuşak daire simge, büyük ad, sade sayı */
#bkBooks .bk-group-icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--bk-line);box-shadow:none;background:var(--bk-surface);color:var(--bk-ink-2)}
#bkBooks .bk-group-head h2{font-size:22px}
#bkBooks .bk-group-count{border:0;background:transparent;padding:0 4px;font-size:13.5px;font-weight:600}
#bkBooks .bk-group-line{background:var(--bk-line)}
/* Kart: biraz daha geniş, başlık koyu */
#bkBooks .bk-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px 20px}
#bkBooks .bk-card-title{font-size:14.5px;color:var(--bk-ink)}
#bkBooks .bk-card-cover{padding:10px;background:var(--bk-bg)}
#bkBooks .bk-card-cover img{border-radius:6px;filter:drop-shadow(0 6px 10px rgba(16,24,40,.14))}
/* Liste görünümü: kapak solda, ad ve bilgi ortada, kısayollar sağda */
#bkList.is-list .bk-grid{grid-template-columns:1fr;gap:12px}
#bkList.is-list .bk-card{flex-direction:row;align-items:center;gap:18px;padding:12px 16px}
#bkList.is-list .bk-card-main{flex:1;min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:4px;align-items:center}
#bkList.is-list .bk-card-cover{grid-row:1/3;width:64px;padding:4px;margin:0}
#bkList.is-list .bk-card-title{text-align:left;min-height:0;align-self:end;-webkit-line-clamp:1}
#bkList.is-list .bk-card-meta{text-align:left;margin:0;align-self:start}
#bkList.is-list .bk-card-flags{flex:none;margin:0;padding:0;border:0;justify-content:flex-end;max-width:45%}
#bkList.is-list .bk-card:hover{transform:none}
@media(max-width:991px){
  .bk-band{padding:16px 0 20px;margin-bottom:18px}
  .bk .bk-band-title h1{font-size:26px}
  .bk .bk-band-icon{width:44px;height:44px;border-radius:13px}
  .bk-band-icon svg{width:20px;height:20px}
  #bkBooks .bk-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px}
}
@media(max-width:575px){
  .bk .bk-band-title h1{font-size:22px}
  .bk-band-head{gap:12px;margin-bottom:16px}
  .bk .bk-band-icon{width:42px;height:42px;border-radius:12px}
  .bk .bk-band-meta{height:26px;font-size:12.5px;padding:0 10px}
  .bk .bk-search-lg input{height:46px;font-size:15px}
  .bk-band-bar{gap:8px}
  .bk-band-bar .bk-search{flex:1 1 auto}
  #bkBooks .bk-sizer{flex:none}
  #bkBooks .bk-sizer-btn{height:46px;padding:0 12px;border-radius:14px}
  #bkBooks .bk-sizer-btn .u{display:none}
  #bkBooks .bk-sizer-menu{left:auto;right:0;min-width:150px}
  .bk-view{display:none}
  #bkBooks .bk-toolbar{gap:8px}
  #bkBooks .bk-toolbar .bk-chips{flex:1 1 100%}
  #bkBooks .bk-searchbar .bk-filter-toggle{flex:1 1 100%;height:44px}
  #bkBooks .bk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}

/* ==== Üst bant: diğer sayfalar (kitap detayı, aktiviteler, konu anlatımları, örnek kitaplar) ==== */
.bk.has-band{padding-top:0}
.bk-band-head:last-child{margin-bottom:0}
.bk-band-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.bk .bk-band-sub{font-size:13.5px;font-weight:650;color:var(--bk-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk a.bk-band-sub:hover{color:var(--bk-brand-strong)}
.bk-band-cover{flex:none;width:46px;aspect-ratio:3/4;border-radius:9px;overflow:hidden;background:var(--bk-surface);border:1px solid var(--bk-line);
  box-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 20px -10px rgba(16,24,40,.3)}
.bk-band-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bk-band-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.bk .bk-btn.is-icon{width:44px;min-width:44px;padding:0}
.bk .bk-btn.is-icon svg{width:19px;height:19px}
/* Kitap detayı: kart bandın içinde (bant alt çizgisiz, kartın arkasında geçiş) */
.bk-band.is-detail{padding-bottom:6px;border-bottom:0}
.bk-band.is-detail .bk-hero{position:relative}
.bk-tag.is-type{background:var(--bk-surface);border-color:var(--bk-line);color:var(--bk-ink);font-weight:700}
.bk-cta-end{margin-left:auto;display:inline-flex;gap:8px}
/* Konu anlatımları ve aktiviteler: bandın altı doğrudan içerik */
#bkTopics .bk-topics{margin-top:4px}
#bkActivities .bk-act{margin-top:4px}
@media(max-width:575px){
  .bk-band-cover{width:40px;border-radius:8px}
  .bk-band-head{flex-wrap:wrap}
  .bk-band-actions{flex:1 1 100%;margin-left:0}
  .bk-band-actions .bk-btn:not(.is-icon){flex:1}
  .bk-cta-end{margin-left:0}
}

/* ==== Başlık kartı: üst bant düz şerit değil, zeminde duran beyaz kart (kitap detayı hariç; orada kitap kartı var) ====
   Kart .bk-page'in ::before'udur (görünümlerde ek sarmalayıcı yok). Solda kurum renginde simge kutusu, başlık, sade bilgi etiketi;
   sağda soluklaşan nokta deseni; ikinci satır (arama, düğmeler) ince çizgiyle ayrılır. */
.bk-band{background:none;border-bottom:0;overflow:visible}
.bk-band::after{display:none}
.bk-band:not(.is-detail){padding:24px 0 0;margin-bottom:24px}
.bk-band:not(.is-detail)>.bk-page{padding:22px 46px}
.bk-band:not(.is-detail)>.bk-page::before{content:"";position:absolute;z-index:-1;inset:0 20px;border-radius:22px;border:1px solid var(--bk-line);box-shadow:var(--bk-shadow);
  background:linear-gradient(90deg,var(--bk-surface) 60%,rgba(255,255,255,0) 100%),radial-gradient(rgba(16,24,40,.11) 1px,transparent 1.3px) 0 0/16px 16px,var(--bk-surface)}
.bk-band.is-detail{padding-top:20px}
.bk .bk-band-title h1{font-size:28px}
.bk span.bk-band-icon{background:var(--bk-brand);border-color:var(--bk-brand);color:var(--bk-brand-ink);box-shadow:0 10px 20px -12px var(--bk-brand)}
.bk .bk-band-meta{background:var(--bk-soft);border-color:transparent;box-shadow:none;color:var(--bk-ink-2)}
.bk-band-head{margin-bottom:16px}
.bk-band-bar{border-top:1px solid var(--bk-line-2);padding-top:16px}
.bk .bk-band .bk-search input,.bk .bk-band .bk-sizer-btn,.bk-band .bk-view{background:var(--bk-bg);box-shadow:none}
.bk .bk-band .bk-search input:focus{background:var(--bk-surface);box-shadow:0 0 0 4px var(--bk-brand-soft)}
.bk .bk-band .bk-sizer-btn[aria-expanded=true],.bk .bk-band .bk-sizer-btn:focus-visible{background:var(--bk-surface);box-shadow:0 0 0 4px var(--bk-brand-soft)}
.bk-band .bk-sol-crumbs{background:var(--bk-bg);box-shadow:none}
@media(max-width:991px){
  .bk .bk-band-title h1{font-size:24px}
  .bk-band:not(.is-detail){padding-top:18px;margin-bottom:18px}
}
@media(max-width:575px){
  .bk .bk-band-title h1{font-size:21px}
  .bk-band:not(.is-detail){padding-top:14px;margin-bottom:16px}
  .bk-band:not(.is-detail)>.bk-page{padding:16px 28px}
  .bk-band:not(.is-detail)>.bk-page::before{inset:0 14px;border-radius:18px}
  .bk-band-bar{padding-top:12px}
}

/* ==== Kitap listesi kartındaki içerik kısayolları: kutusuz; kesik çizgili ayırıcının altında büyük simge, altında küçük gri ad ====
   Erişilebilen kısayol koyu simge (üzerine gelince kurum rengi); erişilemeyen soluk. */
#bkBooks .bk-card-flags{gap:4px;justify-content:space-around;align-items:flex-start;margin-top:12px;padding-top:12px;border-top:1px dashed #d5d9e0}
#bkBooks .bk-card-flags .bk-badge{flex:1 1 0;max-width:96px;min-width:0;width:auto;height:auto;min-height:0;flex-direction:column;justify-content:flex-start;gap:6px;
  padding:4px 2px;border:0;border-radius:10px;background:none;box-shadow:none;color:var(--bk-muted);font-family:inherit;font-size:11.5px;font-weight:400;line-height:1.25;text-align:center}
#bkBooks .bk-card-flags .bk-badge svg{width:28px;height:28px;stroke-width:1.6;color:var(--bk-ink)}
#bkBooks .bk-card-flags .bk-badge .t{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;overflow-wrap:anywhere}
#bkBooks .bk-card-flags .bk-badge.is-link{cursor:pointer;transition:background .15s,color .15s}
#bkBooks .bk-card-flags .bk-badge.is-link:hover{background:var(--bk-soft);color:var(--bk-brand-strong)}
#bkBooks .bk-card-flags .bk-badge.is-link:hover svg{color:var(--bk-brand-strong)}
#bkBooks .bk-card-flags .bk-badge:not(.is-link){background:none;color:#a3abb8}
#bkBooks .bk-card-flags .bk-badge:not(.is-link) svg{color:#c3c8d0}
#bkBooks .bk-card-title{font-size:14.5px;font-weight:700}
#bkList.is-list .bk-card-flags{max-width:none;flex-wrap:nowrap;margin:0;padding:0;border:0;gap:10px}
#bkList.is-list .bk-card-flags .bk-badge{flex:0 0 72px}
#bkList.is-list .bk-card-flags .bk-badge svg{width:24px;height:24px}
@media(max-width:575px){
  #bkBooks .bk-card-flags{margin-top:10px;padding-top:10px}
  #bkBooks .bk-card-flags .bk-badge{font-size:10px;gap:4px;padding:2px 1px}
  #bkBooks .bk-card-flags .bk-badge svg{width:24px;height:24px}
}

/* ==== Tema seçenekleri (yönetim paneli → Ayarlar → Genel Site Teması; PublicTheme.Assets <html>'e öznitelik yazar) ====
   Ana renk ve sayfa zemini değişken olarak gelir (--bk-brand…, --bk-bg). Varsayılanlar: data-bk-head=card, cards=elevated, corners=round. */
/* Başlık stili: gri şerit */
html[data-bk-head=band] .bk-band:not(.is-detail){padding:22px 0 24px;margin-bottom:28px;border-bottom:1px solid var(--bk-line-2);
  background:linear-gradient(180deg,rgb(157 157 157 / 10%) 0,rgba(255,255,255,.6) 70%,var(--bk-bg) 100%)}
html[data-bk-head=band] .bk-band:not(.is-detail)>.bk-page{padding:0 20px}
html[data-bk-head=band] .bk-band:not(.is-detail)>.bk-page::before{display:none}
html[data-bk-head=band] .bk .bk-band .bk-search input,html[data-bk-head=band] .bk .bk-band .bk-sizer-btn,html[data-bk-head=band] .bk-band .bk-view,html[data-bk-head=band] .bk-band .bk-sol-crumbs{background:var(--bk-surface);box-shadow:var(--bk-shadow)}
html[data-bk-head=band] .bk-band-bar{border-top:0;padding-top:0}
/* Başlık stili: sade (kartsız, zeminsiz) */
html[data-bk-head=plain] .bk-band:not(.is-detail){padding:24px 0 0;margin-bottom:22px}
html[data-bk-head=plain] .bk-band:not(.is-detail)>.bk-page{padding:0 20px}
html[data-bk-head=plain] .bk-band:not(.is-detail)>.bk-page::before{display:none}
html[data-bk-head=plain] .bk .bk-band .bk-search input,html[data-bk-head=plain] .bk .bk-band .bk-sizer-btn,html[data-bk-head=plain] .bk-band .bk-view,html[data-bk-head=plain] .bk-band .bk-sol-crumbs{background:var(--bk-surface);box-shadow:var(--bk-shadow)}
html[data-bk-head=plain] .bk-band-bar{border-top:0;padding-top:0}
@media(max-width:575px){
  html[data-bk-head=band] .bk-band:not(.is-detail)>.bk-page,html[data-bk-head=plain] .bk-band:not(.is-detail)>.bk-page{padding:0 14px}
}
/* Kart stili */
html[data-bk-cards=flat] .bk :is(.bk-card,.bk-hero,.bk-filters,.bk-rows,.bk-topic,.bk-act-stage,.bk-act-list,.bk-watch-info,.bk-playlist,.bk-empty),
html[data-bk-cards=flat] .bk-band:not(.is-detail)>.bk-page::before{box-shadow:none}
html[data-bk-cards=flat] .bk .bk-card:hover{box-shadow:none}
html[data-bk-cards=borderless] .bk :is(.bk-card,.bk-hero,.bk-filters,.bk-rows,.bk-topic,.bk-act-stage,.bk-act-list,.bk-watch-info,.bk-playlist),
html[data-bk-cards=borderless] .bk-band:not(.is-detail)>.bk-page::before{border-color:transparent;box-shadow:0 1px 2px rgba(16,24,40,.06),0 6px 18px -8px rgba(16,24,40,.18)}
/* Köşeler */
html[data-bk-corners=soft] .bk :is(.bk-card,.bk-hero,.bk-filters,.bk-rows,.bk-topic,.bk-act-stage,.bk-act-list,.bk-watch-info,.bk-playlist,.bk-empty,.bk-dialog,.bk-sol-dialog,.bk-audio,.bk-prose,.bk-player),
html[data-bk-corners=soft] .bk-band:not(.is-detail)>.bk-page::before{border-radius:10px}
html[data-bk-corners=soft] .bk :is(.bk-btn,.bk-card-cover,.bk-tile,.bk-tile-icon,.bk-band-icon,.bk-sizer-btn,.bk-view,.bk-file,.bk-sb-item,.bk-callout,.bk-sizer-menu),
html[data-bk-corners=soft] .bk .bk-search input{border-radius:8px}
html[data-bk-corners=square] .bk :is(.bk-card,.bk-hero,.bk-filters,.bk-rows,.bk-topic,.bk-act-stage,.bk-act-list,.bk-watch-info,.bk-playlist,.bk-empty,.bk-dialog,.bk-sol-dialog,.bk-audio,.bk-prose,.bk-player),
html[data-bk-corners=square] .bk-band:not(.is-detail)>.bk-page::before{border-radius:4px}
html[data-bk-corners=square] .bk :is(.bk-btn,.bk-card-cover,.bk-tile,.bk-tile-icon,.bk-band-icon,.bk-sizer-btn,.bk-view,.bk-file,.bk-sb-item,.bk-callout,.bk-sizer-menu,.bk-choice,.bk-chip,.bk-badge,.bk-tag,.bk-band-meta,.bk-sol-crumbs),
html[data-bk-corners=square] .bk .bk-search input{border-radius:3px}

/* ==== Kütüphane (SmartBook SBookPublic/Index): uygulama kutucukları + çevrim dışı kitap dosyaları ==== */
#bkLib .bk-page>.bk-section:first-child{margin-top:0}
/* Branş kütüphaneleri: ders kartları (geniş ekranda iki yan yana), kartta platform satırları */
.bk-lib-branches{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:16px}
.bk-lib-branch{display:flex;flex-direction:column;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);box-shadow:var(--bk-shadow);overflow:hidden}
.bk-lib-branch-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--bk-line-2)}
.bk-lib-branch-icon{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--bk-brand-soft);color:var(--bk-brand-strong)}
.bk-lib-branch-icon svg{width:18px;height:18px}
.bk .bk-lib-branch-head h3{margin:0;font-size:16px;font-weight:750}
.bk .bk-lib-rows{list-style:none;margin:0;padding:6px}
.bk-lib-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:inherit;transition:background .12s}
.bk-lib-row:hover{background:var(--bk-bg)}
.bk-lib-row-icon{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--bk-soft);color:var(--bk-ink-2);font-size:17px}
.bk-lib-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bk-lib-row-text strong{font-size:14.5px;font-weight:700;color:var(--bk-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-lib-row-text span{font-size:12.5px;color:var(--bk-muted)}
.bk-lib-row-get{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--bk-line);border-radius:999px;background:var(--bk-surface);
  font-size:13px;font-weight:700;color:var(--bk-ink-2);transition:background .15s,color .15s,border-color .15s}
.bk-lib-row-get svg{width:15px;height:15px}
.bk-lib-row:hover .bk-lib-row-get{background:var(--bk-brand);border-color:var(--bk-brand);color:var(--bk-brand-ink)}
.bk-lib-branches{grid-auto-flow:row dense}
.bk-lib-branch.is-wide{grid-column:1/-1}
.bk .bk-lib-branch.is-wide .bk-lib-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:2px 8px}
html[data-bk-corners=square] .bk :is(.bk-lib-branch,.bk-lib-row,.bk-lib-row-icon,.bk-lib-branch-icon){border-radius:4px}
.bk-tile.bk-lib-app{align-items:center}
.bk-lib-app .bk-tile-icon{font-size:20px}
.bk-lib-get{flex:none;margin-left:auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bk-soft);color:var(--bk-ink-2);transition:background .15s,color .15s}
.bk-lib-get svg{width:17px;height:17px}
.bk-lib-app:hover .bk-lib-get{background:var(--bk-brand);color:var(--bk-brand-ink)}
.bk-lib-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.bk-lib-filters .bk-search{position:relative;flex:1 1 280px;max-width:none;min-width:0}
.bk .bk-lib-filters .bk-search input{height:44px;border-radius:12px;box-shadow:none;padding-right:14px}
.bk .bk-lib-filters .bk-select{flex:0 1 210px;height:44px;border-radius:12px;font-size:14px}
.bk-lib-group{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);overflow:hidden}
.bk-lib-group+.bk-lib-group{margin-top:10px}
.bk-lib-group>summary{display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;list-style:none;font-size:15px;font-weight:750;color:var(--bk-ink)}
.bk-lib-group>summary::-webkit-details-marker{display:none}
.bk-lib-group>summary::after{content:"";flex:none;margin-left:auto;width:8px;height:8px;border-right:2px solid #98a2b3;border-top:2px solid #98a2b3;transform:rotate(45deg);transition:transform .15s}
.bk-lib-group>summary:hover{background:var(--bk-bg)}
.bk-lib-group[open]>summary{border-bottom:1px solid var(--bk-line-2)}
.bk-lib-group[open]>summary::after{transform:rotate(135deg)}
.bk .bk-lib-book{display:flex;align-items:center;gap:14px;margin:0;padding:10px 18px;border-bottom:1px solid var(--bk-line-2);cursor:pointer;font-weight:400;transition:background .12s}
.bk .bk-lib-book:last-child{border-bottom:0}
.bk .bk-lib-book:hover{background:var(--bk-bg)}
.bk .bk-lib-book:has(input:checked){background:var(--bk-brand-soft)}
.bk-lib-book input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--bk-brand);cursor:pointer}
.bk-lib-book img{flex:none;width:42px;height:58px;object-fit:cover;border-radius:6px;border:1px solid var(--bk-line);background:var(--bk-soft)}
.bk-lib-book .t{flex:1;min-width:0;font-size:14.5px;font-weight:650;color:var(--bk-ink)}
.bk-lib-book .l{flex:none;max-width:40%;text-align:right;font-size:13px;color:var(--bk-muted)}
.bk-lib-bar{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px 10px 18px;border:1px solid var(--bk-line);border-radius:var(--bk-radius);
  background:var(--bk-surface);box-shadow:var(--bk-shadow-lg)}
.bk-lib-bar strong{flex:1;min-width:0;font-size:14px;font-weight:700}
html[data-bk-corners=soft] .bk :is(.bk-lib-group,.bk-lib-bar){border-radius:10px}
html[data-bk-corners=square] .bk :is(.bk-lib-group,.bk-lib-bar){border-radius:4px}
@media(max-width:575px){
  .bk .bk-lib-filters .bk-select{flex:1 1 140px}
  .bk .bk-lib-book{padding:10px 14px;gap:12px}
  .bk-lib-book .l{display:none}
  .bk-lib-bar{bottom:10px;padding:8px 8px 8px 14px}
  .bk-lib-bar #libClear{display:none}
}

/* ==== Kitaplık (FlipBook/BookShelf, bookshelf.js): ahşap kitaplık ====
   Her sınıf bir dolap (.bk-shelf-case): koyu ahşap çerçeve, üstte sınıf adının yazdığı pirinç levha, ahşap damarlı açık arka pano.
   Kitaplar ızgarada durur; her hücre kapağın altına kendi raf tahtası parçasını çizer, satırdaki parçalar birleşip tek raf olur
   (hücreler arası boşluk yok; son kitabın tahtası sağa taşar, dolap kırpar). Kitap adı rafın altında, tam olarak (2 satır).
   Renkler --bk-shelf-* değişkenlerinden. */
.bk#bkShelf{
  --bk-shelf-frame:linear-gradient(180deg,#8b5d38 0,#6f4728 100%);
  --bk-shelf-back:#f3e9da;
  --bk-shelf-grain:repeating-linear-gradient(90deg,rgba(120,78,38,.045) 0 1px,transparent 1px 7px,rgba(120,78,38,.03) 7px 9px,transparent 9px 17px);
  --bk-shelf-top:#c99a68;
  --bk-shelf-front:linear-gradient(180deg,#b07c48 0,#8a5a32 100%)}
#bkShelf .bk-pick{margin-bottom:14px}
.bk-shelf{margin-top:10px}
.bk-shelf-case{position:relative;overflow:hidden;padding:0 0 16px;border:12px solid transparent;border-radius:14px;
  background:var(--bk-shelf-grain) padding-box,linear-gradient(180deg,rgba(80,48,20,.10) 0,rgba(80,48,20,0) 60px) padding-box,linear-gradient(var(--bk-shelf-back),var(--bk-shelf-back)) padding-box,var(--bk-shelf-frame) border-box;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 18px 36px -22px rgba(60,35,12,.55),0 2px 4px rgba(60,35,12,.18)}
.bk-shelf-case::before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(60,35,12,.25),inset 10px 0 18px -14px rgba(60,35,12,.45),inset -10px 0 18px -14px rgba(60,35,12,.45)}
.bk-shelf-case+.bk-shelf-case{margin-top:30px}
/* Sınıf levhası: dolabın üst ortasında pirinç plaka */
.bk .bk-shelf-title{display:table;margin:14px auto 0;padding:5px 18px;border-radius:6px;background:linear-gradient(180deg,#e9cf8f 0,#c9a560 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 2px 4px rgba(60,35,12,.35);font-size:14px;font-weight:800;letter-spacing:.3px;color:#4a3214;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.bk .bk-shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0;padding:0 6px;list-style:none}
.bk-shelf-item{min-width:0;padding:14px 16px 0}
.bk-shelf-book{display:flex;flex-direction:column;align-items:center;text-align:center;color:inherit}
/* Kapak doğrudan tahtanın üstünde durur; tahta: üst yüzey + kalın ön kenar + alttaki gölge */
.bk-shelf-cover{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:188px;padding:0 8% 16px}
.bk-shelf-cover::before{content:"";position:absolute;left:-16px;right:-16px;bottom:12px;height:6px;background:var(--bk-shelf-top)}
.bk-shelf-cover::after{content:"";position:absolute;left:-16px;right:-16px;bottom:-2px;height:14px;background:var(--bk-shelf-front);
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 10px 14px -8px rgba(60,35,12,.55)}
.bk-shelf-item:last-child .bk-shelf-cover::before,.bk-shelf-item:last-child .bk-shelf-cover::after{right:-200vw}
.bk-shelf-cover img{position:relative;z-index:1;display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:2px 5px 5px 2px;
  box-shadow:inset 3px 0 0 rgba(0,0,0,.12),0 1px 2px rgba(40,24,8,.2),5px 6px 14px -6px rgba(40,24,8,.55);transform-origin:50% 100%;transition:transform .2s ease,box-shadow .2s ease}
.bk-shelf-book:hover .bk-shelf-cover img,.bk-shelf-book:focus-visible .bk-shelf-cover img{transform:translateY(-6px) rotate(-1deg);box-shadow:0 1px 2px rgba(40,24,8,.2),8px 16px 22px -10px rgba(40,24,8,.6)}
.bk .bk-shelf-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:12px;min-height:2.7em;font-size:13.5px;font-weight:700;line-height:1.35;color:#3b2a18}
.bk-shelf-book:hover .bk-shelf-name{color:var(--bk-brand-strong)}
.bk .bk-shelf-lesson{margin-top:2px;font-size:12px;color:#8a7358}
#bkShelf .bk-empty p{margin-top:6px;color:var(--bk-muted)}
@media(max-width:991px){
  .bk .bk-shelf-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
  .bk-shelf-cover{height:172px}
}
@media(max-width:575px){
  .bk-shelf-case{border-width:9px;border-radius:12px}
  .bk .bk-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 2px}
  .bk-shelf-item{padding:12px 10px 0}
  .bk-shelf-cover{height:158px}
  .bk-shelf-cover::before,.bk-shelf-cover::after{left:-10px;right:-10px}
  .bk .bk-shelf-name{font-size:12.5px;margin-top:10px}
}

/* Kitaplıkta set: kapağın arkasında iki kitap daha görünür, kapakta "Set · n kitap" etiketi; tıklayınca setin rafı açılır. */
.bk button.bk-shelf-book{width:100%;padding:0;border:0;background:none;font:inherit;cursor:pointer}
.bk-shelf-item.is-set .bk-shelf-cover img{box-shadow:inset 3px 0 0 rgba(0,0,0,.12),5px -5px 0 -1px #e8dcc7,5px -5px 0 0 rgba(60,35,12,.25),10px -10px 0 -1px #dccdb2,10px -10px 0 0 rgba(60,35,12,.22),5px 6px 14px -6px rgba(40,24,8,.55)}
.bk-shelf-set{position:absolute;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap;
  box-shadow:0 4px 10px -4px rgba(0,0,0,.5)}
.bk-shelf-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 14px}
.bk-shelf-crumb span{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--bk-muted)}
.bk-shelf-crumb strong{font-size:18px;font-weight:800;color:var(--bk-ink)}

/* ==== Karşılama alanı (Slider/SliderPublic/Welcome.cshtml): ana sayfada slider yokken ====
   Solda logo, kurum adı, açıklama ve kısayollar; sağda kurumun kitaplarından yelpaze gibi açılmış kapaklar.
   Zemin kurum renginin açık tonu ve hafif bir ışık; kapak yoksa metin ortalanır. */
.bk.bkw{position:relative;overflow:hidden;padding:0;background:radial-gradient(1200px 420px at 85% 40%,var(--bk-brand-soft),transparent 70%),
  linear-gradient(180deg,var(--bk-surface) 0,var(--bk-bg) 100%);border-bottom:1px solid var(--bk-line-2)}
.bkw-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;min-height:440px;padding-top:56px;padding-bottom:56px}
.bkw:not(.has-covers) .bkw-in{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;min-height:360px}
.bkw-text{display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:600px}
.bkw:not(.has-covers) .bkw-text{align-items:center}
.bkw-logo{display:block;height:64px;width:auto;max-width:220px;object-fit:contain}
.bk .bkw-title{font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.025em;color:var(--bk-ink);text-wrap:balance}
.bk .bkw-desc{font-size:clamp(15px,1.4vw,18px);line-height:1.55;color:var(--bk-ink-2);max-width:52ch;text-wrap:pretty}
.bkw-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.bkw:not(.has-covers) .bkw-actions{justify-content:center}
.bkw-actions .bk-btn:not(.is-primary){background:var(--bk-surface)}
/* Kapak yelpazesi */
.bkw-covers{position:relative;height:360px}
.bkw-cover{position:absolute;bottom:0;left:50%;width:auto;height:300px;max-width:220px;object-fit:cover;border-radius:4px 10px 10px 4px;
  box-shadow:inset 4px 0 0 rgba(0,0,0,.1),0 2px 4px rgba(16,24,40,.12),0 30px 50px -24px rgba(16,24,40,.55);transform-origin:50% 100%;
  transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.bkw-cover.c0{z-index:5;transform:translateX(-50%)}
.bkw-cover.c1{z-index:4;transform:translateX(-110%) rotate(-9deg) scale(.92)}
.bkw-cover.c2{z-index:4;transform:translateX(10%) rotate(9deg) scale(.92)}
.bkw-cover.c3{z-index:3;transform:translateX(-165%) rotate(-17deg) scale(.82)}
.bkw-cover.c4{z-index:3;transform:translateX(65%) rotate(17deg) scale(.82)}
.bkw-covers:hover .bkw-cover.c0{transform:translateX(-50%) translateY(-10px)}
.bkw-covers:hover .bkw-cover.c1{transform:translateX(-120%) rotate(-11deg) scale(.92)}
.bkw-covers:hover .bkw-cover.c2{transform:translateX(20%) rotate(11deg) scale(.92)}
.bkw-covers:hover .bkw-cover.c3{transform:translateX(-180%) rotate(-19deg) scale(.82)}
.bkw-covers:hover .bkw-cover.c4{transform:translateX(80%) rotate(19deg) scale(.82)}
/* Yönetici ipucu */
.bk .bkw-admin{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 18px;padding:10px 14px;border:1px dashed var(--bk-brand-line);border-radius:12px;
  background:var(--bk-surface);font-size:13px;color:var(--bk-ink-2)}
.bkw-admin a{font-weight:700;color:var(--bk-brand-strong)!important;text-decoration:underline!important}
.bkw-admin svg{width:17px;height:17px;color:var(--bk-brand-strong)}
@media(max-width:991px){
  .bkw-in{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding-top:40px;padding-bottom:40px;text-align:center;justify-items:center}
  .bkw-text{align-items:center}
  .bkw-actions{justify-content:center}
  .bkw-covers{width:100%;height:270px}
  .bkw-cover{height:220px;max-width:160px}
}
@media(max-width:575px){
  .bkw-logo{height:52px}
  .bkw-in{padding-top:30px;padding-bottom:30px}
  .bkw-actions .bk-btn{flex:1 1 100%}
  .bkw-covers{height:220px}
  .bkw-cover{height:180px;max-width:130px}
  .bkw-cover.c3,.bkw-cover.c4{display:none}
}
@media(prefers-reduced-motion:reduce){.bkw-cover{transition:none}}

/* ==== Akıllı tahta uygulamaları (SmartBook/SmartBoardPublic/Index) ====
   Süzgeç satırı bandın altında; kitaplar sınıf başlıkları altında satır kartları: kapak, ad ve ders, sağda platform düğmeleri. */
.bk-sbp-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.bk-sbp-filters .bk-search{flex:1 1 280px;max-width:420px}
.bk-sbp-filters .bk-select{flex:0 1 200px;height:44px}
.bk-sbp-seg{display:inline-flex;padding:3px;border:1px solid var(--bk-line);border-radius:12px;background:var(--bk-surface)}
.bk-sbp-seg label{margin:0;cursor:pointer}
.bk-sbp-seg input{position:absolute;opacity:0;pointer-events:none}
.bk-sbp-seg span{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:9px;font-size:13.5px;font-weight:650;color:var(--bk-muted)}
.bk-sbp-seg input:checked+span{background:var(--bk-brand-soft);color:var(--bk-brand-strong)}
.bk-sbp-seg input:focus-visible+span{outline:2px solid var(--bk-brand);outline-offset:1px}
.bk-sbp-group{margin-top:28px}
.bk-sbp-group:first-child{margin-top:4px}
.bk .bk-sbp-group-title{margin:0 0 12px;font-size:18px;font-weight:750}
.bk-sbp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:12px}
.bk-sbp-book{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"cover info" "cover actions";gap:4px 14px;align-items:start;padding:12px 14px;
  background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);box-shadow:var(--bk-shadow)}
.bk-sbp-book[hidden],.bk-sbp-group[hidden],.bk-sbp-btn[hidden]{display:none}
.bk-sbp-cover{grid-area:cover;display:block;align-self:center}
.bk-sbp-cover img{display:block;width:56px;height:74px;object-fit:contain;border-radius:4px;background:var(--bk-bg)}
.bk-sbp-info{grid-area:info;min-width:0;display:flex;flex-direction:column;gap:2px}
.bk-sbp-title{font-size:15px;font-weight:700;line-height:1.3;color:var(--bk-ink)!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.bk-sbp-title:hover{color:var(--bk-brand-strong)!important}
.bk-sbp-meta{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--bk-muted)}
.bk-sbp-set{padding:1px 7px;border-radius:999px;background:var(--bk-brand-soft);color:var(--bk-brand-strong);font-size:11px;font-weight:750}
.bk-sbp-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.bk-sbp-btn{display:inline-flex;align-items:center;gap:7px;max-width:100%;height:34px;padding:0 10px 0 11px;border:1px solid var(--bk-line);border-radius:999px;background:var(--bk-surface);
  font-size:13px;font-weight:650;color:var(--bk-ink-2)!important;transition:background .15s,border-color .15s,color .15s}
.bk-sbp-btn .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-sbp-btn .fa{font-size:14px;color:var(--bk-muted)}
.bk-sbp-get{display:inline-flex;opacity:.7}
.bk-sbp-get svg{width:14px;height:14px}
.bk-sbp-btn:hover{background:var(--bk-brand);border-color:var(--bk-brand);color:var(--bk-brand-ink)!important}
.bk-sbp-btn:hover .fa,.bk-sbp-btn:hover .bk-sbp-get{color:inherit;opacity:1}
.bk-sbp-btn.is-online{border-style:dashed}
.bk-sbp-btn:focus-visible{outline:2px solid var(--bk-brand);outline-offset:2px}
.bk-lib-more{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 18px;border:1px solid var(--bk-line);border-radius:var(--bk-radius);background:var(--bk-surface);color:inherit!important}
.bk-lib-more:hover{border-color:var(--bk-brand-line)}
.bk-lib-more .bk-tile-icon{flex:none}
.bk-lib-more strong{display:block;font-size:15px}
.bk-lib-more small{display:block;font-size:13px;color:var(--bk-muted)}
.bk-lib-more>[data-bk-icon=right]{margin-left:auto;color:var(--bk-muted)}
.bk-sb-more{display:block;margin:12px 4px 0;font-size:13px;font-weight:650;color:var(--bk-brand-strong)!important}
html[data-bk-corners=square] .bk :is(.bk-sbp-book,.bk-sbp-seg,.bk-lib-more){border-radius:4px}
@media(max-width:575px){
  .bk-sbp-filters .bk-search,.bk-sbp-filters .bk-select{flex:1 1 100%;max-width:none}
  .bk-sbp-seg{width:100%}
  .bk-sbp-seg label{flex:1}
  .bk-sbp-seg span{justify-content:center;padding:0 6px}
  .bk-sbp-book{grid-template-columns:44px minmax(0,1fr);padding:10px 12px}
  .bk-sbp-cover img{width:44px;height:58px}
}

/* ==== Kitap kapağı: kitap görünümü (mockup) — Genel Site Teması → Kitap kapağı görünümü; html[data-bk-cover=mockup] ====
   Kitap listesi kartları ve kitap detayı. Kapak resmi .bk-book içindedir: düz kapakta bu sarmalayıcı etkisizdir (display:contents).
   Mockup'ta kapak kendi oranında, kırpılmadan ve köşeleri yuvarlatılmadan durur (kapaklar düz kenarlı basılır); .bk-book resmin
   boyutunu alır: solda sırt kıvrımı ve ışık (::before, resmin üstünde), sağda ve altta sayfa kenarları (::after, arkasında), gölge.
   Resmin en büyük boyutu kapak kutusundan gelir (container sorgusu birimleri cqw/cqh). */
.bk-book{display:contents}
html[data-bk-cover=mockup] .bk .bk-card-cover,html[data-bk-cover=mockup] .bk .bk-hero-cover{container-type:size;display:flex;align-items:center;justify-content:center;overflow:visible}
html[data-bk-cover=mockup] .bk-book{position:relative;display:block;flex:none;isolation:isolate;line-height:0;transition:transform .2s ease}
html[data-bk-cover=mockup] .bk .bk-book img{display:block;width:auto!important;height:auto!important;max-width:100cqw;max-height:100cqh;object-fit:fill;border-radius:0!important;filter:none!important;
  box-shadow:0 1px 1px rgba(16,24,40,.18),0 4px 8px -2px rgba(16,24,40,.18),0 18px 30px -14px rgba(16,24,40,.55)}
/* Sırt: soldaki kıvrım çizgisi ve ışık, üstte hafif parlaklık (köşeler düz) */
html[data-bk-cover=mockup] .bk-book::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.26) 0,rgba(0,0,0,.06) 1.4%,rgba(255,255,255,.24) 2.4%,rgba(255,255,255,.05) 4%,rgba(0,0,0,.08) 5.2%,rgba(0,0,0,0) 8.5%),
    linear-gradient(118deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.04) 28%,rgba(255,255,255,0) 46%)}
/* Sayfa kenarları: kapağın sağında ve altında ince yaprak çizgileri */
html[data-bk-cover=mockup] .bk-book::after{content:"";position:absolute;z-index:-1;top:3px;right:-5px;bottom:-4px;left:4px;
  background:repeating-linear-gradient(90deg,#fbfaf7 0 1px,#e6e1d8 1px 2px) right/6px 100% no-repeat,repeating-linear-gradient(180deg,#fbfaf7 0 1px,#e6e1d8 1px 2px) bottom/100% 5px no-repeat,#f3f0ea;
  box-shadow:0 1px 1px rgba(16,24,40,.15),2px 10px 18px -8px rgba(16,24,40,.45)}
/* Kart: kitabın gölgesine yer, üzerine gelince hafif yükselir */
html[data-bk-cover=mockup] .bk .bk-card-cover{padding:12px 18px 16px}
html[data-bk-cover=mockup] .bk .bk-card:hover .bk-book{transform:translateY(-3px)}
html[data-bk-cover=mockup] #bkList.is-list .bk-card-cover{padding:4px 8px 6px}
html[data-bk-cover=mockup] #bkList.is-list .bk-book::after{right:-3px;bottom:-3px}
/* Detay: büyük kapak, arka zemin yok */
html[data-bk-cover=mockup] .bk .bk-hero-cover{background:none;box-shadow:none;border-radius:0;padding:6px 16px 18px}
html[data-bk-cover=mockup] .bk .bk-hero-cover .bk-book img{box-shadow:0 1px 2px rgba(16,24,40,.2),0 8px 14px -4px rgba(16,24,40,.22),0 34px 50px -22px rgba(16,24,40,.6)}
html[data-bk-cover=mockup] .bk .bk-hero-cover .bk-book::after{top:4px;right:-8px;bottom:-7px;left:6px;background-size:9px 100%,100% 8px,auto}
@media(prefers-reduced-motion:reduce){html[data-bk-cover=mockup] .bk-book{transition:none}}

/* ==== Görünüm tarzı: Vitrin (Genel Site Teması → Görünüm tarzı; html[data-bk-style=showcase]) ====
   Pano havasını kırar: beyaz zemin, tam genişlikte kurum rengi tonunda başlık şeridi (kart ve simge kutusu yok), büyük başlıklar,
   kutusuz kenar paneli ve listeler. Kitap kartlarına dokunulmaz. Bu tarzda başlık stili ayarı (data-bk-head) uygulanmaz;
   köşe ve renk ayarları geçerlidir. --bk-page: ayardaki sayfa zemini (PublicTheme.Assets), yoksa beyaz. */
html[data-bk-style=showcase] .bk{background:var(--bk-page,#fff)}
html[data-bk-style=showcase] .bk-band{background:linear-gradient(180deg,var(--bk-brand-soft) 0,rgba(255,255,255,0) 130%)}
html[data-bk-style=showcase] .bk-band:not(.is-detail){padding:40px 0 34px;margin-bottom:34px;border-bottom:1px solid var(--bk-line-2)}
html[data-bk-style=showcase] .bk-band:not(.is-detail)>.bk-page{padding:0 20px}
html[data-bk-style=showcase] .bk-band:not(.is-detail)>.bk-page::before{display:none}
html[data-bk-style=showcase] .bk span.bk-band-icon{display:none}
html[data-bk-style=showcase] .bk .bk-band-title h1{font-size:40px;letter-spacing:-1px;line-height:1.1}
html[data-bk-style=showcase] .bk-band-head{margin-bottom:24px}
html[data-bk-style=showcase] .bk-band-head:last-child{margin-bottom:0}
html[data-bk-style=showcase] .bk-band-bar{border-top:0;padding-top:0}
html[data-bk-style=showcase] .bk .bk-band .bk-search input,html[data-bk-style=showcase] .bk .bk-band .bk-sizer-btn,html[data-bk-style=showcase] .bk-band .bk-view,
html[data-bk-style=showcase] .bk-band .bk-sol-crumbs{background:var(--bk-surface);box-shadow:none}
html[data-bk-style=showcase] .bk .bk-band-meta{background:var(--bk-surface);border-color:var(--bk-line)}
html[data-bk-style=showcase] .bk-band-cover{width:62px;border-radius:10px}
/* Kutusuz paneller */
@media(min-width:992px){html[data-bk-style=showcase] #bkBooks .bk-filters{background:none;border:0;box-shadow:none;border-radius:0;padding:0 8px 0 0}}
/* Satır listeleri (video çözümler): kenarlıklı kutu kalır, beyaz zeminde gölge gereksiz. */
html[data-bk-style=showcase] .bk .bk-rows,html[data-bk-style=showcase] #bkSolutions .bk-rows{box-shadow:none}
html[data-bk-style=showcase] .bk .bk-row:hover{background:var(--bk-soft)}
html[data-bk-style=showcase] .bk-results{background:none;border:0;box-shadow:none;padding:0;border-radius:0}
/* Büyük bölüm başlıkları, ferah aralıklar */
html[data-bk-style=showcase] .bk .bk-section-head h2{font-size:26px;letter-spacing:-.4px}
html[data-bk-style=showcase] .bk-section{margin-top:48px}
html[data-bk-style=showcase] .bk-section-head{margin-bottom:18px}
html[data-bk-style=showcase] #bkBooks .bk-group-head h2,html[data-bk-style=showcase] .bk .bk-group-head h2{font-size:26px;letter-spacing:-.4px}
html[data-bk-style=showcase] .bk .bk-group-icon{display:none}
html[data-bk-style=showcase] .bk-group{margin-bottom:44px}
@media(max-width:991px){
  html[data-bk-style=showcase] .bk-band:not(.is-detail){padding:28px 0 24px;margin-bottom:24px}
  html[data-bk-style=showcase] .bk .bk-band-title h1{font-size:32px}
}
@media(max-width:575px){
  html[data-bk-style=showcase] .bk-band:not(.is-detail){padding:22px 0 20px;margin-bottom:20px}
  html[data-bk-style=showcase] .bk-band:not(.is-detail)>.bk-page{padding:0 14px}
  html[data-bk-style=showcase] .bk .bk-band-title h1{font-size:27px;letter-spacing:-.6px}
  html[data-bk-style=showcase] .bk-band-head{margin-bottom:16px}
  html[data-bk-style=showcase] .bk .bk-section-head h2,html[data-bk-style=showcase] #bkBooks .bk-group-head h2,html[data-bk-style=showcase] .bk .bk-group-head h2{font-size:21px}
  html[data-bk-style=showcase] .bk-section{margin-top:34px}
  html[data-bk-style=showcase] .bk-band-cover{width:48px}
}

/* ---- Vitrin: sayfa başlığı düzeni ----
   Düz, çok açık kurum rengi zemin (alt çizgi yok); sağda kurum renginde ince çizgili kitap deseni (maske; ışıma değil);
   başlığın üstünde kısa vurgu çizgisi; sayı etiketi hap değil sade yazı; kapaklı başlıklarda (aktiviteler, konu anlatımları)
   kitap adı başlığın üstünde küçük satır, kapak daha büyük. Kitap detayında şerit karta doğru solar. */
html[data-bk-style=showcase] .bk-band:not(.is-detail){padding:44px 0 40px;margin-bottom:36px;border-bottom:0;
  background:var(--bk-brand-soft);background:color-mix(in srgb,var(--bk-brand) 7%,var(--bk-page,#fff))}
html[data-bk-style=showcase] .bk-band.is-detail{background:linear-gradient(180deg,color-mix(in srgb,var(--bk-brand) 7%,var(--bk-page,#fff)) 0,rgba(255,255,255,0) 100%)}
html[data-bk-style=showcase] .bk-band:not(.is-detail)::after{content:"";display:block;position:absolute;inset:0 0 0 auto;width:min(46%,560px);pointer-events:none;background:var(--bk-brand);opacity:.13;
  background-image:none;-webkit-mask:var(--bk-band-art) right 28px center/auto 150% no-repeat;mask:var(--bk-band-art) right 28px center/auto 150% no-repeat}
.bk{--bk-band-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 300' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(-12 150 160)'%3E%3Crect x='70' y='50' width='150' height='210' rx='12'/%3E%3Cpath d='M96 50v210M122 104h70M122 132h46'/%3E%3C/g%3E%3Cg transform='rotate(7 300 150)'%3E%3Crect x='225' y='30' width='160' height='225' rx='12'/%3E%3Cpath d='M253 30v225M281 90h76M281 120h76M281 150h44'/%3E%3C/g%3E%3Cg transform='rotate(19 430 170)'%3E%3Crect x='372' y='78' width='130' height='184' rx='12'/%3E%3Cpath d='M396 78v184M420 128h56M420 154h34'/%3E%3C/g%3E%3C/svg%3E")}
html[data-bk-style=showcase] .bk .bk-band-title h1::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--bk-brand);margin-bottom:16px}
html[data-bk-style=showcase] .bk .bk-band-text h1::before,html[data-bk-style=showcase] .bk .bk-sol-heading h1::before{display:none}
html[data-bk-style=showcase] .bk-band-title{align-items:flex-end;gap:6px 16px}
html[data-bk-style=showcase] .bk .bk-band-meta{height:auto;padding:0 0 7px;border:0;border-radius:0;background:none;box-shadow:none;font-size:15px;font-weight:600;color:var(--bk-muted)}
html[data-bk-style=showcase] .bk-band-head{gap:20px;margin-bottom:26px}
html[data-bk-style=showcase] .bk-band-head:last-child{margin-bottom:0}
html[data-bk-style=showcase] .bk-band-cover{width:78px;border-radius:10px;box-shadow:0 2px 4px rgba(16,24,40,.08),0 16px 28px -14px rgba(16,24,40,.45)}
html[data-bk-style=showcase] .bk-band-text{gap:8px}
html[data-bk-style=showcase] .bk .bk-band-sub{order:-1;font-size:14px;font-weight:700;color:var(--bk-brand-strong)}
html[data-bk-style=showcase] .bk .bk-band .bk-search input{height:52px;border-color:transparent;box-shadow:0 1px 2px rgba(16,24,40,.06),0 10px 24px -14px rgba(16,24,40,.28)}
html[data-bk-style=showcase] .bk .bk-band .bk-search input:focus{border-color:var(--bk-brand);box-shadow:0 0 0 4px var(--bk-brand-soft)}
html[data-bk-style=showcase] #bkBooks .bk-sizer-btn,html[data-bk-style=showcase] .bk-band .bk-view{height:52px;border-color:transparent;box-shadow:0 1px 2px rgba(16,24,40,.06),0 10px 24px -14px rgba(16,24,40,.28)}
html[data-bk-style=showcase] .bk button.bk-band-icon{border-radius:50%;box-shadow:none}
@media(max-width:991px){
  html[data-bk-style=showcase] .bk-band:not(.is-detail){padding:30px 0 28px;margin-bottom:26px}
  html[data-bk-style=showcase] .bk-band:not(.is-detail)::after{display:none}
  html[data-bk-style=showcase] .bk-band-cover{width:64px}
}
@media(max-width:575px){
  html[data-bk-style=showcase] .bk-band:not(.is-detail){padding:22px 0 22px;margin-bottom:20px}
  html[data-bk-style=showcase] .bk .bk-band-title h1::before{width:32px;margin-bottom:12px}
  html[data-bk-style=showcase] .bk-band-head{gap:14px;margin-bottom:18px}
  html[data-bk-style=showcase] .bk .bk-band-meta{font-size:13.5px;padding-bottom:4px}
  html[data-bk-style=showcase] .bk-band-cover{width:54px}
  html[data-bk-style=showcase] .bk .bk-band .bk-search input,html[data-bk-style=showcase] #bkBooks .bk-sizer-btn{height:48px}
}
/* Video çözümlerde başlık kitap/test adı olabilir (uzun); daha küçük. */
html[data-bk-style=showcase] .bk .bk-sol-heading h1{font-size:30px;letter-spacing:-.5px}
@media(max-width:575px){html[data-bk-style=showcase] .bk .bk-sol-heading h1{font-size:22px}}

/* ---- Sayfaya göre başlık deseni (Vitrin şeridi ve "renkli panel" başlığı; varsayılan: kapalı kitaplar). Yeni sayfa için kök kimliğine --bk-band-art verilir. ---- */
#bkSolutions,#bkTopics,#bkWatch{--bk-band-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 300' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(-9 160 150)'%3E%3Crect x='40' y='62' width='232' height='150' rx='14'/%3E%3Cpath d='M136 108v58l50-29z'/%3E%3Cpath d='M40 244h150'/%3E%3Ccircle cx='206' cy='244' r='8'/%3E%3Cpath d='M222 244h50'/%3E%3C/g%3E%3Cg transform='rotate(8 400 160)'%3E%3Crect x='300' y='84' width='196' height='128' rx='14'/%3E%3Cpath d='M380 122v52l44-26z'/%3E%3Cpath d='M300 242h70'/%3E%3Ccircle cx='386' cy='242' r='7'/%3E%3Cpath d='M400 242h96'/%3E%3C/g%3E%3C/svg%3E")}
#bkSample{--bk-band-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 300' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(-7 170 160)'%3E%3Cpath d='M170 84c-30-22-70-26-112-18v168c42-8 82-4 112 18 30-22 70-26 112-18V66c-42-8-82-4-112 18zM170 84v168M86 112c20-3 38 0 56 8M86 144c20-3 38 0 56 8M86 176c20-3 38 0 56 8M198 120c18-8 36-11 56-8M198 152c18-8 36-11 56-8'/%3E%3C/g%3E%3Cg transform='translate(268 56) rotate(11 170 160) scale(.74)'%3E%3Cpath d='M170 84c-30-22-70-26-112-18v168c42-8 82-4 112 18 30-22 70-26 112-18V66c-42-8-82-4-112 18zM170 84v168M86 112c20-3 38 0 56 8M86 144c20-3 38 0 56 8M86 176c20-3 38 0 56 8M198 120c18-8 36-11 56-8M198 152c18-8 36-11 56-8'/%3E%3C/g%3E%3C/svg%3E")}
#bkLib{--bk-band-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 300' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(-7 170 150)'%3E%3Crect x='44' y='52' width='250' height='166' rx='14'/%3E%3Cpath d='M126 262h86M169 218v44'/%3E%3Cpath d='M169 92v74M138 136l31 31 31-31'/%3E%3C/g%3E%3Cg transform='rotate(10 420 160)'%3E%3Crect x='356' y='56' width='124' height='212' rx='18'/%3E%3Cpath d='M404 242h28'/%3E%3Cpath d='M418 106v62M394 146l24 24 24-24'/%3E%3C/g%3E%3C/svg%3E")}
#bkActivities{--bk-band-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 300' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(-10 130 170)'%3E%3Crect x='52' y='94' width='156' height='156' rx='18'/%3E%3Cpath d='M96 172h68M130 138v68'/%3E%3C/g%3E%3Ccircle cx='318' cy='120' r='78'/%3E%3Ccircle cx='318' cy='120' r='34'/%3E%3Cg transform='rotate(8 440 210)'%3E%3Cpath d='M372 276l68-128 68 128z'/%3E%3C/g%3E%3C/svg%3E")}

/* ==== Modern başlık seçenekleri (Sayfa başlığı stili: hero, minimal) — Panel ve Vitrin tarzlarının ikisinde de geçerlidir ====
   html:root öneki, Vitrin kurallarının (html[data-bk-style=showcase] …) önüne geçmek içindir. Kitap detayı (.is-detail) hariç. */
/* -- Renkli panel: kurum renginde, yuvarlak köşeli geniş panel; beyaz başlık, sağda soluk desen -- */
html:root[data-bk-head=hero] .bk-band:not(.is-detail){padding:24px 0 0;margin-bottom:32px;background:none;border-bottom:0}
html:root[data-bk-head=hero] .bk-band:not(.is-detail)::after{display:none}
html:root[data-bk-head=hero] .bk-band:not(.is-detail)>.bk-page{padding:40px 60px 38px}
html:root[data-bk-head=hero] .bk-band:not(.is-detail)>.bk-page::before{content:"";display:block;position:absolute;z-index:-1;inset:0 20px;border:0;border-radius:28px;
  background:linear-gradient(120deg,var(--bk-brand) 0,var(--bk-brand-strong) 100%);box-shadow:0 26px 44px -30px var(--bk-brand-strong)}
html:root[data-bk-head=hero] .bk-band:not(.is-detail)>.bk-page::after{content:"";position:absolute;z-index:-1;inset:0 20px 0 auto;width:min(46%,540px);border-radius:0 28px 28px 0;pointer-events:none;
  background:var(--bk-brand-ink);opacity:.16;-webkit-mask:var(--bk-band-art) right 24px center/auto 150% no-repeat;mask:var(--bk-band-art) right 24px center/auto 150% no-repeat}
html:root[data-bk-head=hero] .bk span.bk-band-icon{display:none}
html:root[data-bk-head=hero] .bk .bk-band-title h1{color:var(--bk-brand-ink);font-size:38px;letter-spacing:-.8px;line-height:1.1}
html:root[data-bk-head=hero] .bk .bk-band-title h1::before{display:none}
html:root[data-bk-head=hero] .bk-band-title{align-items:center;gap:6px 14px}
html:root[data-bk-head=hero] .bk .bk-band-meta{height:28px;padding:0 12px;border:0;border-radius:999px;background:rgba(255,255,255,.18);box-shadow:none;color:var(--bk-brand-ink);font-size:13px;font-weight:700}
html:root[data-bk-head=hero] .bk-band-head{gap:18px;margin-bottom:24px}
html:root[data-bk-head=hero] .bk-band-head:last-child{margin-bottom:0}
html:root[data-bk-head=hero] .bk .bk-band-sub{order:-1;font-size:14px;font-weight:700;color:var(--bk-brand-ink);opacity:.85}
html:root[data-bk-head=hero] .bk a.bk-band-sub:hover{color:var(--bk-brand-ink);opacity:1;text-decoration:underline}
html:root[data-bk-head=hero] .bk-band-cover{width:72px;border-radius:10px;border-color:rgba(255,255,255,.55);box-shadow:0 14px 26px -14px rgba(0,0,0,.55)}
html:root[data-bk-head=hero] .bk button.bk-band-icon{border-radius:50%;border-color:transparent;background:rgba(255,255,255,.18);color:var(--bk-brand-ink);box-shadow:none}
html:root[data-bk-head=hero] .bk button.bk-band-icon:hover{background:rgba(255,255,255,.3);color:var(--bk-brand-ink);border-color:transparent}
html:root[data-bk-head=hero] .bk-band-bar{border-top:0;padding-top:0}
html:root[data-bk-head=hero] .bk .bk-band .bk-search input,html:root[data-bk-head=hero] .bk .bk-band .bk-sizer-btn,html:root[data-bk-head=hero] #bkBooks .bk-sizer-btn,html:root[data-bk-head=hero] .bk-band .bk-view{
  height:50px;background:#fff;border-color:transparent;box-shadow:0 12px 24px -16px rgba(0,0,0,.5)}
html:root[data-bk-head=hero] .bk .bk-band .bk-search input:focus{border-color:transparent;box-shadow:0 0 0 4px rgba(255,255,255,.35)}
html:root[data-bk-head=hero] .bk-band .bk-sol-crumbs{background:rgba(255,255,255,.16);border-color:transparent;box-shadow:none}
html:root[data-bk-head=hero] .bk-band .bk-sol-crumbs,html:root[data-bk-head=hero] .bk-band .bk-sol-crumbs *{color:var(--bk-brand-ink)}
html:root[data-bk-head=hero] .bk-band-actions .bk-btn.is-primary{background:#fff;border-color:#fff;color:var(--bk-brand-strong)}
html:root[data-bk-head=hero] .bk-band-actions .bk-btn.is-icon{background:rgba(255,255,255,.18);border-color:transparent;color:var(--bk-brand-ink)}
html:root[data-bk-head=hero] .bk .bk-sol-heading h1{font-size:30px}
/* -- Büyük başlık: zemin ve kutu yok; çok büyük başlık, sonunda kurum renginde nokta; altta ince çizgi -- */
html:root[data-bk-head=minimal] .bk-band:not(.is-detail){padding:46px 0 0;margin-bottom:30px;background:none;border-bottom:0}
html:root[data-bk-head=minimal] .bk-band:not(.is-detail)::after{display:none}
html:root[data-bk-head=minimal] .bk-band:not(.is-detail)>.bk-page{padding:0 20px 28px}
html:root[data-bk-head=minimal] .bk-band:not(.is-detail)>.bk-page::before{content:"";display:block;position:absolute;z-index:0;inset:auto 20px 0 20px;height:1px;border:0;border-radius:0;box-shadow:none;background:var(--bk-line)}
html:root[data-bk-head=minimal] .bk span.bk-band-icon{display:none}
html:root[data-bk-head=minimal] .bk .bk-band-title h1{font-size:50px;font-weight:800;letter-spacing:-1.6px;line-height:1.05}
html:root[data-bk-head=minimal] .bk .bk-band-title h1::before{display:none}
html:root[data-bk-head=minimal] .bk .bk-band-title h1::after{content:".";color:var(--bk-brand)}
html:root[data-bk-head=minimal] .bk .bk-sol-heading h1{font-size:32px;letter-spacing:-.6px}
html:root[data-bk-head=minimal] .bk .bk-sol-heading h1::after{content:none}
html:root[data-bk-head=minimal] .bk-band-title{align-items:flex-end;gap:6px 16px}
html:root[data-bk-head=minimal] .bk .bk-band-meta{height:auto;padding:0 0 9px;border:0;border-radius:0;background:none;box-shadow:none;font-size:15px;font-weight:600;color:var(--bk-muted)}
html:root[data-bk-head=minimal] .bk .bk-sol-heading .bk-band-meta{padding-bottom:5px}
html:root[data-bk-head=minimal] .bk-band-head{gap:20px;margin-bottom:24px}
html:root[data-bk-head=minimal] .bk-band-head:last-child{margin-bottom:0}
html:root[data-bk-head=minimal] .bk .bk-band-sub{order:-1;font-size:14px;font-weight:700;color:var(--bk-brand-strong)}
html:root[data-bk-head=minimal] .bk-band-cover{width:76px;border-radius:10px}
html:root[data-bk-head=minimal] .bk button.bk-band-icon{border-radius:50%;box-shadow:none}
html:root[data-bk-head=minimal] .bk-band-bar{border-top:0;padding-top:0}
html:root[data-bk-head=minimal] .bk .bk-band .bk-search input,html:root[data-bk-head=minimal] .bk .bk-band .bk-sizer-btn,html:root[data-bk-head=minimal] #bkBooks .bk-sizer-btn,html:root[data-bk-head=minimal] .bk-band .bk-view{
  height:48px;background:var(--bk-soft);border-color:transparent;box-shadow:none}
html:root[data-bk-head=minimal] .bk .bk-band .bk-search input:focus{background:var(--bk-surface);border-color:var(--bk-brand);box-shadow:0 0 0 4px var(--bk-brand-soft)}
html:root[data-bk-head=minimal] .bk-band .bk-sol-crumbs{background:var(--bk-soft);box-shadow:none}
@media(max-width:991px){
  html:root[data-bk-head=hero] .bk-band:not(.is-detail){padding-top:16px;margin-bottom:24px}
  html:root[data-bk-head=hero] .bk-band:not(.is-detail)>.bk-page{padding:30px 46px}
  html:root[data-bk-head=hero] .bk-band:not(.is-detail)>.bk-page::after{display:none}
  html:root[data-bk-head=hero] .bk .bk-band-title h1{font-size:32px}
  html:root[data-bk-head=minimal] .bk-band:not(.is-detail){padding-top:30px;margin-bottom:24px}
  html:root[data-bk-head=minimal] .bk .bk-band-title h1{font-size:40px;letter-spacing:-1.2px}
}
@media(max-width:575px){
  html:root[data-bk-head=hero] .bk-band:not(.is-detail){padding-top:12px;margin-bottom:18px}
  html:root[data-bk-head=hero] .bk-band:not(.is-detail)>.bk-page{padding:22px 30px}
  html:root[data-bk-head=hero] .bk-band:not(.is-detail)>.bk-page::before{inset:0 14px;border-radius:20px}
  html:root[data-bk-head=hero] .bk .bk-band-title h1{font-size:26px;letter-spacing:-.5px}
  html:root[data-bk-head=hero] .bk .bk-sol-heading h1,html:root[data-bk-head=minimal] .bk .bk-sol-heading h1{font-size:22px}
  html:root[data-bk-head=hero] .bk-band-head,html:root[data-bk-head=minimal] .bk-band-head{gap:14px;margin-bottom:16px}
  html:root[data-bk-head=hero] .bk-band-cover,html:root[data-bk-head=minimal] .bk-band-cover{width:52px}
  html:root[data-bk-head=minimal] .bk-band:not(.is-detail){padding-top:22px;margin-bottom:18px}
  html:root[data-bk-head=minimal] .bk-band:not(.is-detail)>.bk-page{padding:0 14px 20px}
  html:root[data-bk-head=minimal] .bk-band:not(.is-detail)>.bk-page::before{inset:auto 14px 0 14px}
  html:root[data-bk-head=minimal] .bk .bk-band-title h1{font-size:32px;letter-spacing:-1px}
  html:root[data-bk-head=minimal] .bk .bk-band-meta{font-size:13.5px;padding-bottom:5px}
}

/* ==== Hesap formları (DevApp.Public Account: giriş, kayıt) — ortak parçalar ====
   .bk-field (etiket + alan + hata), .bk-input, .bk-pass (göster/gizle düğmeli parola), .bk-check (onay kutusu),
   .bk-note (bilgi kutusu: varsayılan kurum tonunda, is-warn uyarı, is-error hata). Odakta parıltı yok, koyu çerçeve.
   Yazı tipi Inter; görünümler Google Fonts'tan yükler. */
.bk.bk-login,.bk.bk-reg{font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
.bk-login-card,.bk-reg-card{margin:0 auto;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:20px;box-shadow:var(--bk-shadow)}
.bk-login-icon,.bk-reg-icon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bk-brand-soft);color:var(--bk-brand-strong)}
.bk-login-icon svg,.bk-reg-icon svg{width:22px;height:22px}
.bk-note{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;border:1px solid var(--bk-brand-line);border-radius:12px;background:var(--bk-brand-soft);color:var(--bk-ink-2);font-size:14px;line-height:1.45}
.bk-note>[data-bk-icon]{flex:none;display:grid;color:var(--bk-brand-strong)}
.bk-note svg{width:18px;height:18px;margin-top:1px}
.bk-note>div{flex:1;min-width:0}
.bk-note strong{font-weight:600}
.bk-note.is-warn{background:#fffaeb;border-color:#fedf89;color:#93370d}
.bk-note.is-error{background:#fef3f2;border-color:#fecdca;color:#b42318}
.bk-note.is-warn>[data-bk-icon],.bk-note.is-error>[data-bk-icon]{color:inherit}
.bk .bk-note ul{list-style:none}
.bk .bk-note ul.bk-note-list{margin-top:4px;padding-left:18px;list-style:disc}
.bk-field{margin-bottom:18px}
.bk .bk-field>label,.bk .bk-label{display:block;margin:0 0 8px;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--bk-ink-2)}
.bk-req{margin-left:2px;color:#b42318}
.bk-opt{margin-left:4px;font-size:12.5px;font-weight:400;color:var(--bk-muted)}
.bk .bk-hint{display:block;margin-top:6px;font-size:12.5px;line-height:1.4;color:var(--bk-muted)}
.bk .bk-input{display:block;width:100%;height:50px;padding:0 14px;border:1px solid #d0d5dd;border-radius:12px;background:var(--bk-surface);color:var(--bk-ink);font:inherit;font-size:15px;box-shadow:none;transition:border-color .15s}
.bk .bk-input::placeholder{color:#98a2b3;opacity:1}
.bk .bk-input:focus{outline:2px solid var(--bk-ink);outline-offset:-2px;border-color:var(--bk-ink)}
.bk .bk-input.is-invalid{border-color:#f04438}
.bk .bk-input.is-invalid:focus{outline-color:#b42318;border-color:#b42318}
.bk-field .field-validation-error,.bk .bk-field-error{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:#b42318}
.bk-pass{position:relative}
.bk .bk-pass .bk-input{padding-right:52px}
.bk .bk-pass-eye{position:absolute;right:3px;top:3px;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--bk-muted);cursor:pointer;display:grid;place-items:center}
.bk .bk-pass-eye:hover{background:var(--bk-soft);color:var(--bk-ink)}
.bk-pass-eye span{display:grid}
.bk-pass-eye svg{width:20px;height:20px}
.bk .bk-check,.bk .bk-field>label.bk-check{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:14px;font-weight:400;line-height:1.5;color:var(--bk-ink-2);cursor:pointer}
.bk-check input[type=checkbox]{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--bk-brand);cursor:pointer}
.bk-check input[type=checkbox].is-invalid{outline:2px solid #f04438;outline-offset:1px}
.bk .bk-check a{color:var(--bk-brand-strong);font-weight:600}
.bk .bk-check a:hover{text-decoration:underline}

/* ---- Giriş (Account/Login): zeminde ortalı tek kart ---- */
.bk.bk-login{padding:56px 16px 88px}
.bk-login-card{max-width:440px;padding:36px}
.bk-login-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.bk .bk-login-head h1{font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.bk-login-captcha{margin-bottom:18px}
.bk-login-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 12px}
.bk .bk-login-row .bk-check{align-items:center;min-height:44px}
.bk-login-row .bk-check input[type=checkbox]{margin:0}
.bk .bk-login-forgot{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--bk-brand-strong)}
.bk .bk-login-forgot:hover{text-decoration:underline}
.bk-login-card .bk-btn.is-lg{width:100%;font-weight:600}
.bk .bk-login-alt{border-color:#d0d5dd}
.bk-login-or{display:flex;align-items:center;gap:12px;margin:22px 0 20px;font-size:13px;color:var(--bk-muted)}
.bk-login-or::before,.bk-login-or::after{content:"";flex:1;height:1px;background:var(--bk-line)}
/* Harici giriş yöntemleri (ExternalAuth/ExternalMethods) kendi HTML'ini basar; yalnızca çizgi ve düğme boyu uydurulur. */
.bk-login-external hr{margin:22px 0 16px;border:0;border-top:1px solid var(--bk-line)}
.bk-login-external .btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:12px!important;font-size:15px;font-weight:600}

/* ---- Kayıt (Account/Register: öğrenci, öğretmen, kurum yöneticisi) ve kayıt sonucu (Account/RegisterResult) ---- */
.bk.bk-reg{padding:48px 16px 88px}
.bk-reg-card{max-width:760px;padding:36px 40px 32px}
.bk-reg-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-bottom:22px}
.bk-reg-title{display:flex;align-items:center;gap:14px;min-width:0}
.bk .bk-reg-title h1{font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
/* Kurum / öğretmen kaydı arasında geçiş */
.bk-reg-tabs{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:var(--bk-soft)}
.bk .bk-reg-tab{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--bk-muted);white-space:nowrap;transition:background .15s,color .15s}
.bk .bk-reg-tab:hover{color:var(--bk-ink)}
.bk .bk-reg-tab.is-active{background:var(--bk-surface);color:var(--bk-ink);box-shadow:var(--bk-shadow)}
.bk-reg-section{padding:22px 0;border-top:1px solid var(--bk-line-2)}
.bk-reg-body>.bk-reg-section:first-of-type{padding-top:4px;border-top:0}
.bk .bk-reg-section h2{margin-bottom:16px;font-size:15px;line-height:1.4;font-weight:700}
.bk-reg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bk-reg-grid>.bk-field{min-width:0;margin:0}
.bk-reg-grid>.is-full{grid-column:1/-1}
.bk-reg-consents{display:flex;flex-direction:column;gap:12px}
.bk-reg-consents>.bk-field{margin:0}
.bk .bk-reg-consent.is-muted .bk-check{font-size:13px;color:var(--bk-muted)}
.bk-reg-consent .bk-field-error{margin-left:28px}
.bk-reg-captcha{margin-top:16px}
.bk-reg-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:22px;border-top:1px solid var(--bk-line-2)}
.bk .bk-reg-login{font-size:14px;color:var(--bk-muted)}
.bk .bk-reg-login a{font-weight:600;color:var(--bk-brand-strong)}
.bk .bk-reg-login a:hover{text-decoration:underline}
.bk .bk-reg-submit{min-width:200px;font-weight:600}
.bk .bk-reg-submit.is-loading:disabled{opacity:.85;cursor:progress}
.bk-reg-spinner{display:none;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bk-spin .7s linear infinite}
.bk-reg-submit.is-loading .bk-reg-spinner{display:inline-block}
@keyframes bk-spin{to{transform:rotate(360deg)}}
/* select2 gelmeden önce kısa süre görünen asıl liste */
.bk .bk-reg-select{display:block;width:100%;height:50px;padding:0 12px;border:1px solid #d0d5dd;border-radius:12px;background:var(--bk-surface);color:var(--bk-ink);font:inherit;font-size:15px}
.bk .bk-reg-select[multiple]{height:auto;min-height:50px}
/* Belge */
.bk .bk-field>label.bk-reg-file{position:relative;display:flex;align-items:center;gap:10px;height:50px;margin:0;padding:0 5px 0 14px;border:1px solid #d0d5dd;border-radius:12px;background:var(--bk-surface);
  font-size:15px;font-weight:400;color:var(--bk-muted);cursor:pointer;transition:border-color .15s,background .15s}
.bk .bk-field>label.bk-reg-file:hover{border-color:#98a2b3}
.bk .bk-field>label.bk-reg-file.is-dragover{border-color:var(--bk-brand);background:var(--bk-brand-soft)}
.bk .bk-field>label.bk-reg-file:focus-within{outline:2px solid var(--bk-ink);outline-offset:-2px;border-color:var(--bk-ink)}
.bk .bk-field>label.bk-reg-file.is-invalid{border-color:#f04438}
.bk-reg-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.bk-reg-file>[data-bk-icon]{flex:none;display:grid;color:var(--bk-muted)}
.bk-reg-file svg{width:18px;height:18px}
.bk-reg-file.is-selected>[data-bk-icon]{color:var(--bk-brand-strong)}
.bk-reg-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-reg-file.is-selected .bk-reg-file-name{color:var(--bk-ink)}
.bk-reg-file-btn{flex:none;padding:8px 14px;border-radius:9px;background:var(--bk-soft);font-size:13.5px;font-weight:600;color:var(--bk-ink-2)}
.bk-reg-file-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.bk .bk-reg-file-remove{flex:none;margin-top:6px;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--bk-muted);cursor:pointer}
.bk .bk-reg-file-remove:hover{color:#b42318}
/* select2 (il, ilçe, okul, sınıf, branş) */
.bk-reg .select2-container{width:100%!important;font-size:15px}
.bk-reg .select2-container--default .select2-selection--single,
.bk-reg .select2-container--default .select2-selection--multiple{min-height:50px;border:1px solid #d0d5dd;border-radius:12px;background:var(--bk-surface);outline:0;transition:border-color .15s}
.bk-reg .select2-container--default .select2-selection--single{height:50px}
.bk-reg .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 38px 0 14px;line-height:48px;color:var(--bk-ink)}
.bk-reg .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#98a2b3}
.bk-reg .select2-container--default .select2-selection--single .select2-selection__arrow{top:1px;right:8px;height:48px}
.bk-reg .select2-container--default .select2-selection--multiple{padding:4px 8px 8px;cursor:text}
.bk-reg .select2-container--default .select2-selection--multiple .select2-selection__rendered{display:block;padding:0}
.bk-reg .select2-container--default .select2-selection--multiple .select2-selection__choice{margin:4px 6px 0 0;padding:3px 10px;border:0;border-radius:999px;background:var(--bk-brand-soft)!important;
  font-size:13px;font-weight:600;line-height:1.5;color:var(--bk-brand-strong)}
.bk-reg .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-right:5px;color:inherit;opacity:.7}
.bk-reg .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:inherit;opacity:1}
.bk-reg .select2-container--default .select2-search--inline .select2-search__field{margin-top:8px;padding-left:6px;font:inherit;font-size:15px}
.bk-reg .select2-container--default .select2-search--inline .select2-search__field::placeholder{color:#98a2b3}
.bk-reg .select2-container--default.select2-container--focus .select2-selection,
.bk-reg .select2-container--default.select2-container--open .select2-selection{border-color:var(--bk-ink);border-radius:12px;box-shadow:inset 0 0 0 1px var(--bk-ink)}
.bk-reg .select2-selection:focus{outline:none}
.bk-reg .select2-container--default.select2-container--disabled .select2-selection{background:var(--bk-soft);cursor:not-allowed}
.bk-reg .select2-container.is-invalid .select2-selection{border-color:#f04438}
/* Açılır liste gövdeye eklenir (.bk dışında, değişkenler yok): renkler sabit, seçim nötr gri. */
.bk-select2-drop.select2-dropdown{overflow:hidden;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 12px 32px -8px rgba(16,24,40,.18);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14.5px}
.bk-select2-drop.select2-dropdown--below{margin-top:4px}
.bk-select2-drop.select2-dropdown--above{margin-top:-4px}
.bk-select2-drop .select2-search--dropdown{padding:8px}
.bk-select2-drop .select2-search--dropdown .select2-search__field{height:40px;padding:0 10px;border:1px solid #d0d5dd;border-radius:9px;font:inherit;outline:0}
.bk-select2-drop .select2-search--dropdown .select2-search__field:focus{border-color:#101828}
.bk-select2-drop .select2-results__option{padding:9px 14px;line-height:1.4;color:#344054}
.bk-select2-drop .select2-results__option[aria-selected=true]{background:#f2f4f7;font-weight:600;color:#101828}
.bk-select2-drop .select2-results__option--highlighted[aria-selected]{background:#eaecf0;color:#101828}
/* Kayıt sonucu: onay / e-posta doğrulaması bekleniyor, kayıt kapalı */
.bk-reg-card.bk-reg-done{max-width:480px;padding:40px 36px;text-align:center}
.bk-reg-done .bk-reg-icon{width:56px;height:56px;margin:0 auto 18px;border-radius:16px}
.bk-reg-done .bk-reg-icon svg{width:26px;height:26px}
.bk-reg-done .bk-reg-icon.is-warn{background:#fffaeb;color:#b54708}
.bk .bk-reg-done h1{font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.bk .bk-reg-done p{margin:10px auto 24px;max-width:380px;font-size:15px;line-height:1.55;color:var(--bk-ink-2)}

/* ---- Hesap formları: tema seçenekleri ve telefon ---- */
html[data-bk-cards=flat] .bk :is(.bk-login-card,.bk-reg-card){box-shadow:none}
html[data-bk-cards=borderless] .bk :is(.bk-login-card,.bk-reg-card){border-color:transparent;box-shadow:0 1px 2px rgba(16,24,40,.06),0 6px 18px -8px rgba(16,24,40,.18)}
html[data-bk-corners=soft] .bk :is(.bk-login-card,.bk-reg-card){border-radius:10px}
html[data-bk-corners=soft] .bk :is(.bk-input,.bk-login-icon,.bk-reg-icon,.bk-note,.bk-pass-eye,.bk-reg-select,.bk-reg-file,.bk-reg-tabs,.bk-reg-tab),
html[data-bk-corners=soft] .bk-reg .select2-container--default .select2-selection{border-radius:8px}
html[data-bk-corners=square] .bk :is(.bk-login-card,.bk-reg-card){border-radius:4px}
html[data-bk-corners=square] .bk :is(.bk-input,.bk-login-icon,.bk-reg-icon,.bk-note,.bk-pass-eye,.bk-reg-select,.bk-reg-file,.bk-reg-tabs,.bk-reg-tab),
html[data-bk-corners=square] .bk-reg .select2-container--default .select2-selection{border-radius:3px}
@media(max-width:575px){
  .bk.bk-login,.bk.bk-reg{padding:20px 14px 40px}
  .bk-login-card{padding:24px 20px;border-radius:18px}
  .bk-reg-card{padding:24px 20px;border-radius:18px}
  .bk-reg-card.bk-reg-done{padding:32px 20px}
  .bk-login-head,.bk-reg-title{gap:12px}
  .bk-login-head{margin-bottom:22px}
  .bk-login-icon,.bk-reg-head .bk-reg-icon{width:40px;height:40px;border-radius:11px}
  .bk-login-icon svg,.bk-reg-head .bk-reg-icon svg{width:20px;height:20px}
  .bk .bk-login-head h1,.bk .bk-reg-title h1,.bk .bk-reg-done h1{font-size:20px}
  .bk-reg-tabs{display:flex;width:100%}
  .bk .bk-reg-tab{flex:1}
  .bk-reg-grid{grid-template-columns:minmax(0,1fr)}
  .bk-reg-actions{flex-direction:column-reverse;align-items:stretch;text-align:center}
  .bk .bk-reg-submit{width:100%}
  /* iOS 16px altındaki alanlara odaklanınca sayfayı yakınlaştırır. */
  .bk .bk-input,.bk .bk-reg-select,
  .bk-reg .select2-container--default .select2-selection--single .select2-selection__rendered,
  .bk-reg .select2-container--default .select2-search--inline .select2-search__field,
  .bk-select2-drop .select2-search--dropdown .select2-search__field{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .bk-reg-spinner{animation-duration:1.4s}
}

/* ---- Parola sıfırlama ve iki adımlı doğrulama (Account/ResetPasswordRequest, ResetPassword; AuthVerify/VerifyCode, SetupAuthenticator) ----
   Tek sütunlu olanlar giriş kartını (.bk-login-card) kullanır; Authenticator kurulumu iki sütunlu geniş karttır. */
.bk .bk-login-lead{margin:-10px 0 20px;font-size:14px;line-height:1.5;color:var(--bk-muted)}
.bk .bk-input.is-code{height:60px;padding:0 0 0 .4em;text-align:center;font-size:26px;font-weight:700;letter-spacing:.4em;font-variant-numeric:tabular-nums}
.bk .bk-input.is-code::placeholder{color:#d0d5dd}
.bk-login-foot{display:flex;justify-content:center;margin-top:12px}
.bk .bk-login-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:600;color:var(--bk-ink-2)}
.bk .bk-login-back:hover{color:var(--bk-ink)}
.bk-login-back svg{width:18px;height:18px}
.bk-login-timer{margin-top:20px;padding-top:12px;border-top:1px solid var(--bk-line-2);text-align:center;font-size:14px;line-height:1.5;color:var(--bk-muted)}
.bk-login-timer>div{min-height:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 6px}
.bk-login-timer strong{color:var(--bk-ink);font-variant-numeric:tabular-nums}
.bk .bk-link-btn{min-height:44px;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--bk-brand-strong);cursor:pointer}
.bk .bk-link-btn:hover{text-decoration:underline}
.bk-reg-card.bk-2fa{max-width:820px}
.bk-2fa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.bk-2fa-step{min-width:0}
.bk-2fa-step+.bk-2fa-step{padding-left:32px;border-left:1px solid var(--bk-line-2)}
.bk .bk-2fa-step h2{margin-bottom:6px;font-size:15px;line-height:1.4;font-weight:700}
.bk .bk-2fa-step>p{margin-bottom:18px;font-size:14px;line-height:1.5;color:var(--bk-muted)}
.bk-2fa-qr{width:200px;margin:0 auto 20px;padding:12px;border:1px solid var(--bk-line);border-radius:14px;background:#fff}
.bk-2fa-qr svg{display:block;width:100%!important;height:auto!important}
.bk-2fa-key{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 14px;border:1px dashed #d0d5dd;border-radius:12px;background:var(--bk-bg)}
.bk-2fa-key code{flex:1;min-width:0;padding:0;background:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;letter-spacing:.06em;word-break:break-all;color:var(--bk-ink)}
.bk .bk-2fa-copy{flex:none;width:40px;height:40px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--bk-muted);cursor:pointer;display:grid;place-items:center}
.bk .bk-2fa-copy:hover{background:var(--bk-soft);color:var(--bk-ink)}
.bk-2fa-copy svg{width:18px;height:18px}
.bk-2fa .bk-btn.is-lg{width:100%;font-weight:600}
.bk .bk-2fa-later{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;font-size:14px;font-weight:600;color:var(--bk-muted)}
.bk .bk-2fa-later:hover{color:var(--bk-ink)}
html[data-bk-corners=soft] .bk :is(.bk-2fa-qr,.bk-2fa-key){border-radius:8px}
html[data-bk-corners=square] .bk :is(.bk-2fa-qr,.bk-2fa-key){border-radius:3px}
@media(max-width:767px){
  .bk-2fa-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .bk-2fa-step+.bk-2fa-step{padding:24px 0 0;border-left:0;border-top:1px solid var(--bk-line-2)}
}

/* ==== Bayiler (DevApp.Plugins.Dealers Dealer/Index + Content/js/dealers.js) ====
   Başlık şeridinde arama ve il listesi; altında bayisi olan illerin boyandığı harita (jqvmap), ardından bayi kartları.
   Haritada bayisi olan il kurum renginin açık tonunda, seçili il tam renkte (renkleri dealers.js verir). 767px altında harita gizlenir, il listesi kalır. */
#bkDealers{--bk-band-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 300' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(-8 150 150)'%3E%3Cpath d='M150 252s-78-62-78-126a78 78 0 0 1 156 0c0 64-78 126-78 126z'/%3E%3Ccircle cx='150' cy='126' r='28'/%3E%3C/g%3E%3Cg transform='rotate(9 390 170)'%3E%3Cpath d='M390 262s-56-44-56-90a56 56 0 0 1 112 0c0 46-56 90-56 90z'/%3E%3Ccircle cx='390' cy='172' r='20'/%3E%3C/g%3E%3Cpath d='M60 284c80-20 160 10 240-6s120-26 190-8'/%3E%3C/svg%3E")}
.bk-dl-bar{flex-wrap:wrap}
.bk .bk-dl-select{flex:0 0 230px;height:50px;padding:0 42px 0 16px;border:1px solid var(--bk-line);border-radius:14px;box-shadow:var(--bk-shadow);
  background:var(--bk-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center/18px no-repeat;
  font:inherit;font-size:15px;color:var(--bk-ink);-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.bk .bk-dl-select:hover{border-color:var(--bk-brand-line)}
.bk .bk-dl-select:focus{outline:none;border-color:var(--bk-brand);box-shadow:0 0 0 4px var(--bk-brand-soft)}
/* Harita */
.bk-dl-map{position:relative;margin-bottom:28px;padding:18px 18px 14px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);box-shadow:var(--bk-shadow)}
.bk-dl-vmap{height:clamp(280px,34vw,440px)}
.bk-dl-vmap path{cursor:default}
.bk-dl-vmap path.is-has{cursor:pointer}
.bk-dl-map .jqvmap-zoomin,.bk-dl-map .jqvmap-zoomout{left:auto;right:4px;width:36px;height:36px;padding:0;border:1px solid var(--bk-line);border-radius:10px;background:var(--bk-surface);box-shadow:var(--bk-shadow);
  color:var(--bk-ink-2);font-size:20px;font-weight:500;line-height:34px;text-align:center;-webkit-user-select:none;user-select:none;transition:color .15s,border-color .15s}
.bk-dl-map .jqvmap-zoomin{top:4px}
.bk-dl-map .jqvmap-zoomout{top:46px}
.bk-dl-map .jqvmap-zoomin:hover,.bk-dl-map .jqvmap-zoomout:hover{border-color:var(--bk-brand-line);color:var(--bk-brand-strong)}
.bk-dl-legend{display:flex;flex-wrap:wrap;gap:6px 20px;padding-top:10px;border-top:1px solid var(--bk-line-2);font-size:13px;color:var(--bk-muted)}
.bk-dl-legend span{display:inline-flex;align-items:center;gap:8px}
.bk-dl-legend i{width:12px;height:12px;border-radius:4px;background:#e4e7ec}
.bk-dl-legend i.is-has{background:var(--bk-brand-soft);background:color-mix(in srgb,var(--bk-brand) 30%,#fff)}
.bk-dl-legend i.is-sel{background:var(--bk-brand)}
/* Harita ipucu gövdeye eklenir (.bk dışında); renkler sabit. */
.jqvmap-label{padding:6px 10px;border-radius:8px;background:#101828;color:#fff;font:600 13px/1.3 "Inter","Segoe UI",system-ui,sans-serif;box-shadow:0 8px 20px -8px rgba(16,24,40,.45);z-index:1000}
/* Liste */
.bk-dl-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px}
.bk .bk-dl-head h2{font-size:20px}
.bk .bk-dl-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px 0 14px;border:1px solid var(--bk-brand-line);border-radius:999px;background:var(--bk-brand-soft);
  color:var(--bk-brand-strong);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s}
.bk .bk-dl-chip:hover{border-color:var(--bk-brand)}
.bk-dl-chip>span{display:grid}
.bk-dl-chip svg{width:16px;height:16px}
.bk-dl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;transition:opacity .15s}
.bk-dl-grid.is-loading{opacity:.55}
.bk-dl-skel{height:190px;border-radius:var(--bk-radius)}
.bk-dl-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-radius);box-shadow:var(--bk-shadow)}
.bk .bk-dl-card h3{font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.bk-dl-row{display:flex;align-items:flex-start;gap:10px;min-width:0;font-size:14px;line-height:1.5;color:var(--bk-ink-2)}
.bk-dl-row>span{flex:none;display:grid;margin-top:2px;color:var(--bk-muted)}
.bk-dl-row svg{width:16px;height:16px}
.bk .bk-dl-where{display:flex;flex-direction:column;gap:2px;min-width:0;list-style:none}
.bk-dl-where strong{margin-right:6px;font-weight:650;color:var(--bk-ink)}
.bk-dl-where span{color:var(--bk-muted)}
.bk .bk-dl-row.is-address p{min-width:0;color:var(--bk-muted);overflow-wrap:anywhere}
.bk-dl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}
.bk-dl-actions .bk-btn>span,.bk-dl-phone>span{display:inline-grid}
.bk-dl-actions .bk-btn svg,.bk-dl-phone svg{width:16px;height:16px}
.bk-dl-phone{display:inline-flex;align-items:center;gap:8px;min-height:34px;font-size:14px;color:var(--bk-ink-2)}
.bk-dl-empty{grid-column:1/-1}
.bk-dl-empty .bk-btn{margin-top:16px}
#dlPager{margin-top:24px}
html[data-bk-cards=flat] .bk :is(.bk-dl-card,.bk-dl-map){box-shadow:none}
html[data-bk-cards=borderless] .bk :is(.bk-dl-card,.bk-dl-map){border-color:transparent;box-shadow:0 1px 2px rgba(16,24,40,.06),0 6px 18px -8px rgba(16,24,40,.18)}
html[data-bk-corners=soft] .bk :is(.bk-dl-card,.bk-dl-map,.bk-dl-skel){border-radius:10px}
html[data-bk-corners=soft] .bk .bk-dl-select{border-radius:8px}
html[data-bk-corners=square] .bk :is(.bk-dl-card,.bk-dl-map,.bk-dl-skel){border-radius:4px}
html[data-bk-corners=square] .bk .bk-dl-select{border-radius:3px}
@media(max-width:991px){
  .bk-dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .bk-dl-map{display:none}
}
@media(max-width:575px){
  .bk-dl-bar{gap:8px}
  .bk .bk-dl-select{flex:1 1 100%;font-size:16px}
  .bk-dl-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .bk-dl-card{padding:16px}
  .bk .bk-dl-head h2{font-size:18px}
}