/*
  Slider, yeni genel site teması (Views/SliderPublic/ShowSliderModern.cshtml, bks.js).
  Şerit yatay kaydırmalı (scroll-snap): dokunmatikte doğal sürükleme, klavyede ok tuşları. Yükseklik ilk resmin oranından gelir
  (bks.js --bks-ratio yazar; o gelene kadar 16:5, telefonda 4:3), diğer resimler bu kutuya kırpılarak sığar.
  .is-boxed: Site ayarlarındaki "Slider kutulu" açıksa sayfa genişliğinde, yuvarlak köşeli.
*/
.bks-wrap{--bks-r:0px;--bks-ink:#fff;--bks-shade:rgba(15,23,42,.42)}
.bks-wrap.is-boxed{--bks-r:20px;max-width:1280px;margin:0 auto;padding:20px 20px 0}
.bks-wrap *,.bks-wrap *::before,.bks-wrap *::after{box-sizing:border-box}

.bks{position:relative;overflow:hidden;border-radius:var(--bks-r);background:#eef0f3;isolation:isolate}
.bks-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;
  aspect-ratio:var(--bks-ratio,16/5);outline:none}
.bks-track::-webkit-scrollbar{display:none}
.bks-track:focus-visible{box-shadow:inset 0 0 0 3px rgba(255,255,255,.9)}
.bks-slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;min-width:0}
.bks-media{display:block;width:100%;height:100%}
.bks-media img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}

/* Yazılı slayt: resim üstünde başlık, açıklama ve düğme. Okunurluk için yazı tarafında geçişli gölge (beyaz yazı) ya da açık
   örtü (koyu yazı). Yer: bks-pos-0 sol, 1 orta, 2 sağ. Yazı boyutları slayt genişliğine göre ölçeklenir (container sorgusu). */
.bks-slide{container-type:inline-size}
.bks-media.has-cap{position:relative;color:inherit;text-decoration:none}
.bks-cap{position:absolute;inset:0;display:flex;align-items:center;padding:0 7%}
.bks-cap-in{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(6px,1.2cqw,14px);max-width:min(560px,58%)}
.bks-theme-0 .bks-cap{color:#fff;background:linear-gradient(90deg,rgba(15,23,42,.62) 0,rgba(15,23,42,.25) 55%,rgba(15,23,42,0) 80%)}
.bks-theme-1 .bks-cap{color:#0f172a;background:linear-gradient(90deg,rgba(255,255,255,.82) 0,rgba(255,255,255,.4) 55%,rgba(255,255,255,0) 80%)}
.bks-pos-1 .bks-cap{justify-content:center;text-align:center}
.bks-pos-1 .bks-cap-in{align-items:center;max-width:min(720px,80%)}
.bks-theme-0.bks-pos-1 .bks-cap{background:radial-gradient(ellipse at center,rgba(15,23,42,.5) 0,rgba(15,23,42,.2) 60%,rgba(15,23,42,.05) 100%)}
.bks-theme-1.bks-pos-1 .bks-cap{background:radial-gradient(ellipse at center,rgba(255,255,255,.75) 0,rgba(255,255,255,.3) 70%,rgba(255,255,255,0) 100%)}
.bks-pos-2 .bks-cap{justify-content:flex-end;text-align:right}
.bks-pos-2 .bks-cap-in{align-items:flex-end}
.bks-theme-0.bks-pos-2 .bks-cap{background:linear-gradient(270deg,rgba(15,23,42,.62) 0,rgba(15,23,42,.25) 55%,rgba(15,23,42,0) 80%)}
.bks-theme-1.bks-pos-2 .bks-cap{background:linear-gradient(270deg,rgba(255,255,255,.82) 0,rgba(255,255,255,.4) 55%,rgba(255,255,255,0) 80%)}
.bks-cap-title{margin:0;font-family:"Inter","Segoe UI",system-ui,sans-serif;font-size:clamp(20px,3.6cqw,52px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:inherit;
  text-wrap:balance;text-transform:none}
.bks-cap-desc{margin:0;font-family:"Inter","Segoe UI",system-ui,sans-serif;font-size:clamp(13px,1.45cqw,19px);line-height:1.45;opacity:.92;color:inherit;text-wrap:pretty}
.bks-cap-btn{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(2px,.6cqw,8px);padding:clamp(9px,1cqw,13px) clamp(16px,1.8cqw,24px);border-radius:999px;
  font-family:"Inter","Segoe UI",system-ui,sans-serif;font-size:clamp(13px,1.15cqw,16px);font-weight:700;line-height:1;text-decoration:none!important;
  background:#fff;color:#0f172a!important;box-shadow:0 10px 24px -12px rgba(0,0,0,.55);transition:transform .15s,box-shadow .15s}
.bks-theme-1 .bks-cap-btn{background:#0f172a;color:#fff!important}
.bks-cap-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
a.bks-cap-btn:hover,a.has-cap:hover .bks-cap-btn{transform:translateY(-1px);box-shadow:0 14px 28px -12px rgba(0,0,0,.6)}
a.bks-cap-btn:hover svg{transform:translateX(3px)}
a.bks-cap-btn:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@container (max-width:560px){
  .bks-cap{padding:0 6%}
  .bks-cap-in{max-width:88%}
  .bks-cap-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
}

/* Oklar: yarı saydam koyu daire, slider üzerine gelince belirir */
.bks-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:46px;height:46px;margin-top:-23px;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:var(--bks-shade);color:var(--bks-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s,background .2s,transform .2s}
.bks-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bks-arrow.is-prev{left:18px}
.bks-arrow.is-next{right:18px}
.bks:hover .bks-arrow,.bks:focus-within .bks-arrow{opacity:1}
.bks-arrow:hover{background:rgba(15,23,42,.62)}
.bks-arrow:active{transform:scale(.94)}
.bks-arrow:focus-visible{outline:3px solid #fff;outline-offset:2px;opacity:1}

/* Göstergeler: alt ortada ince çizgiler; seçili olan uzun ve otomatik geçişte dolar */
.bks-dots{position:absolute;left:50%;bottom:16px;z-index:2;display:flex;gap:4px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.28);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bks-dots button{display:grid;place-items:center;width:22px;height:14px;padding:0;border:0;background:none;cursor:pointer;transition:width .25s}
.bks-dots button span{position:relative;display:block;width:100%;height:4px;border-radius:2px;background:rgba(255,255,255,.5);overflow:hidden}
.bks-dots button[aria-current=true]{width:40px}
.bks-dots button[aria-current=true] span{background:rgba(255,255,255,.45)}
.bks-dots button[aria-current=true] span::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(1)}
.bks.is-playing .bks-dots button[aria-current=true] span::after{animation:bks-fill var(--bks-interval,6000ms) linear forwards}
.bks.is-paused .bks-dots button[aria-current=true] span::after{animation-play-state:paused}
.bks-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
@keyframes bks-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Banner: resimler yan yana kartlar (tek resimse tam genişlik) */
.bks-banners{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:1280px;margin:24px auto;padding:0 20px}
.bks-banner{display:block;overflow:hidden;border-radius:16px;background:#eef0f3;box-shadow:0 1px 2px rgba(15,23,42,.06),0 10px 24px -16px rgba(15,23,42,.35);transition:transform .2s,box-shadow .2s}
.bks-banner img{display:block;width:100%;height:auto}
a.bks-banner:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(15,23,42,.06),0 16px 30px -16px rgba(15,23,42,.45)}
/* Header: tek resim, tam genişlik */
.bks-header{display:block}
.bks-header img{display:block;width:100%;height:auto}
.bks-wrap.is-boxed .bks-header{overflow:hidden;border-radius:var(--bks-r)}

@media(max-width:767px){
  .bks-wrap.is-boxed{--bks-r:14px;padding:12px 12px 0}
  .bks-arrow{display:none}
  .bks-dots{bottom:10px;padding:5px 8px}
  .bks-dots button{width:16px}
  .bks-dots button[aria-current=true]{width:30px}
  .bks-banners{gap:12px;margin:16px auto;padding:0 12px}
}
@media(prefers-reduced-motion:reduce){
  .bks-track{scroll-behavior:auto}
  .bks-arrow,.bks-dots button{transition:none}
  .bks.is-playing .bks-dots button[aria-current=true] span::after{animation:none}
}