/* =====================================================================
   Bilensoft ana sayfa — açık tema, katmanlı 3D derinlik
   Sınıf öneki: .bs-*  (header/menü stilleri site-nav.css içindedir)
   ===================================================================== */
:root {
  --bs-lac: #0b2150;
  --bs-lac-2: #16357a;
  --bs-lac-3: #2a54b0;
  --bs-kir: #e1251b;
  --bs-kir-2: #c81e15;
  --bs-alt: #ffd25e;
  --bs-zemin: #f4f7fc;
  --bs-zemin-2: #eaf0fa;
  --bs-kart: #ffffff;
  --bs-yazi: #0f1b33;
  --bs-yazi-2: #4a5876;
  --bs-yazi-3: #56637d;
  --bs-cizgi: rgba(11, 33, 80, .09);
  --bs-cizgi-2: rgba(11, 33, 80, .16);
  --bs-golge-1: 0 1px 2px rgba(11, 33, 80, .06), 0 4px 14px -6px rgba(11, 33, 80, .12);
  --bs-golge-2: 0 2px 4px rgba(11, 33, 80, .05), 0 18px 40px -18px rgba(11, 33, 80, .28);
  --bs-golge-3: 0 4px 10px rgba(11, 33, 80, .06), 0 40px 80px -30px rgba(11, 33, 80, .40);
  --bs-r: 22px;
  --bs-r-s: 14px;
  --bs-max: 1240px;
  --bs-gut: clamp(16px, 4vw, 32px);
  --bs-ease: cubic-bezier(.22, 1, .36, 1);
  --bs-f-bas: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;
  --bs-f-govde: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---------- Temel ---------- */
body.bs-page {
  background: var(--bs-zemin);
  color: var(--bs-yazi);
  font-family: var(--bs-f-govde);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.bs-main { display: block; overflow-x: clip; }
.bs-main :where(h1, h2, h3) { font-family: var(--bs-f-bas); letter-spacing: -.02em; color: var(--bs-lac); margin: 0; }
.bs-main :where(p) { margin: 0; }
.bs-main :where(a) { color: inherit; }
.bs-main :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
.bs-main em { font-style: normal; background: linear-gradient(100deg, var(--bs-kir-2) 0%, var(--bs-kir) 55%, #b51a12 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.bs-main :focus-visible { outline: 3px solid var(--bs-lac); outline-offset: 3px; box-shadow: 0 0 0 6px rgba(255, 210, 94, .85); border-radius: 10px; }
.bs-wrap { width: 100%; max-width: calc(var(--bs-max) + var(--bs-gut) * 2); margin: 0 auto; padding-left: var(--bs-gut); padding-right: var(--bs-gut); }

/* ---------- Butonlar ---------- */
.bs-btn {
  --g: 0 10px 24px -10px rgba(11, 33, 80, .45);
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 50px; padding: 0 22px; border-radius: 14px; border: 1px solid transparent;
  font: 700 15px/1 var(--bs-f-govde); text-decoration: none; cursor: pointer; white-space: nowrap;
  transform: translateY(0); box-shadow: var(--g);
  transition: transform .25s var(--bs-ease), box-shadow .25s var(--bs-ease), background-color .2s, color .2s, border-color .2s;
}
.bs-btn:hover { transform: translateY(-2px); }
.bs-btn:active { transform: translateY(0) scale(.98); }
.bs-btn small { font-weight: 600; opacity: .75; font-size: 12.5px; }
.bs-btn .bi-arrow-right { transition: transform .25s var(--bs-ease); }
.bs-btn:hover .bi-arrow-right { transform: translateX(4px); }
.bs-btn--kirmizi { background: linear-gradient(180deg, #f0352a, var(--bs-kir) 55%, var(--bs-kir-2)); color: #fff; --g: 0 1px 0 rgba(255,255,255,.25) inset, 0 12px 26px -10px rgba(225, 37, 27, .7); }
.bs-btn--kirmizi:hover { color: #fff; --g: 0 1px 0 rgba(255,255,255,.25) inset, 0 18px 34px -12px rgba(225, 37, 27, .8); }
.bs-btn--lacivert { background: linear-gradient(180deg, var(--bs-lac-2), var(--bs-lac)); color: #fff; }
.bs-btn--lacivert:hover { color: #fff; }
.bs-btn--acik { background: #fff; color: var(--bs-lac); border-color: var(--bs-cizgi-2); --g: var(--bs-golge-1); }
.bs-btn--acik:hover { color: var(--bs-lac); border-color: var(--bs-lac-2); }
.bs-btn--cam { background: rgba(255, 255, 255, .72); color: var(--bs-lac); border-color: rgba(11, 33, 80, .14); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); --g: var(--bs-golge-1); }
.bs-btn--cam:hover { background: #fff; color: var(--bs-lac); }
.bs-btn--buyuk { min-height: 58px; padding: 0 28px; font-size: 16px; border-radius: 16px; }
.bs-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14.5px; color: var(--bs-lac-2); text-decoration: none; }
.bs-link:hover { color: var(--bs-kir); }
.bs-link .bi { transition: transform .25s var(--bs-ease); }
.bs-link:hover .bi { transform: translateX(3px); }
.bs-ok {
  width: 46px; height: 46px; display: inline-grid; place-items: center; flex: none;
  border-radius: 50%; border: 1px solid var(--bs-cizgi-2); background: rgba(255,255,255,.85); color: var(--bs-lac);
  font-size: 18px; cursor: pointer; box-shadow: var(--bs-golge-1);
  transition: transform .25s var(--bs-ease), background .2s, color .2s;
}
.bs-ok:hover { background: var(--bs-lac); color: #fff; transform: translateY(-2px); }
.bs-etiket {
  display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px !important;
  font: 800 12.5px/1 var(--bs-f-govde); letter-spacing: .14em; text-transform: uppercase; color: var(--bs-kir);
}
.bs-etiket::before { content: ""; width: 22px; height: 2px; border-radius: 2px; background: currentColor; }
.bs-etiket--acik { color: var(--bs-alt); }
.bs-etiket--kucuk { margin-bottom: 8px !important; font-size: 11.5px; }
.bs-devam { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 16px; font-weight: 700; font-size: 14px; color: var(--bs-lac-2); }
.bs-devam .bi { transition: transform .3s var(--bs-ease); }

/* ---------- Kart + 3D eğim ---------- */
.bs-kart {
  position: relative; display: flex; flex-direction: column;
  background: var(--bs-kart); border: 1px solid var(--bs-cizgi); border-radius: var(--bs-r);
  box-shadow: var(--bs-golge-1); text-decoration: none; color: var(--bs-yazi);
  transition: box-shadow .4s var(--bs-ease), border-color .3s, transform .5s var(--bs-ease);
}
[data-egim] {
  --rx: 0deg; --ry: 0deg; --tz: 0px;
  transform: perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--tz));
  transform-style: preserve-3d; will-change: transform;
}
.bs-kart[data-egim]:hover { --tz: 6px; box-shadow: var(--bs-golge-3); border-color: rgba(22, 53, 122, .2); color: var(--bs-yazi); }
.bs-kart:hover .bs-devam { color: var(--bs-kir); }
.bs-kart:hover .bs-devam .bi { transform: translateX(4px); }
.bs-kart::after { /* parlama */
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0;
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), rgba(255, 255, 255, .7), transparent 42%);
  transition: opacity .3s;
}
.bs-kart[data-egim]:hover::after { opacity: 1; }

/* ---------- Bölüm iskeleti ---------- */
.bs-bolum { position: relative; padding: clamp(64px, 9vw, 112px) 0; }
.bs-bolum--ince { padding: clamp(48px, 6vw, 80px) 0; }
.bs-bolum--zemin { background: linear-gradient(180deg, #fff 0%, var(--bs-zemin-2) 100%); border-top: 1px solid var(--bs-cizgi); border-bottom: 1px solid var(--bs-cizgi); }
.bs-bolum__bas { max-width: 720px; margin: 0 auto clamp(32px, 4vw, 52px); text-align: center; }
.bs-bolum__bas h2, .bs-h2 { font-size: clamp(30px, 4.2vw, 48px); font-weight: 800; line-height: 1.08; }
.bs-h2 { font-family: var(--bs-f-bas); color: var(--bs-lac); letter-spacing: -.02em; margin: 0; }
.bs-bolum__bas > p:not(.bs-etiket) { margin-top: 16px; font-size: 17px; line-height: 1.65; color: var(--bs-yazi-2); }
.bs-bolum__bas--yan { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; text-align: left; flex-wrap: wrap; }
.bs-bolum__arac { display: flex; align-items: center; gap: 10px; }
.bs-bolum__arac .bs-link { margin-right: 8px; }

/* Kaydırınca beliren öğeler — JS gerektirmez, desteklemeyen tarayıcıda doğrudan görünür */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .bs-goster { animation: bsBelir linear both; animation-timeline: view(); animation-range: entry 0% entry 38%; }
  }
}
@keyframes bsBelir { from { opacity: 0; translate: 0 34px; scale: .97; } to { opacity: 1; translate: 0 0; scale: 1; } }

/* =====================================================================
   HERO SLIDER
   ===================================================================== */
.bs-hero {
  --hz: #f4f7fc; --hz-2: #e7eefb; --h-yazi: var(--bs-lac); --h-yazi-2: var(--bs-yazi-2);
  position: relative; isolation: isolate; overflow: hidden;
  background: radial-gradient(1200px 600px at 85% -10%, #fff 0%, transparent 60%), linear-gradient(160deg, var(--hz) 0%, var(--hz-2) 100%);
  transition: background .9s var(--bs-ease);
  padding: clamp(36px, 5vw, 64px) 0 26px;
}
.bs-hero[data-tema="lacivert"] { --hz: #0b2150; --hz-2: #061536; --h-yazi: #fff; --h-yazi-2: rgba(226, 234, 252, .82); background: radial-gradient(1000px 520px at 80% 0%, rgba(42, 84, 176, .55) 0%, transparent 62%), radial-gradient(700px 400px at 0% 100%, rgba(225, 37, 27, .22) 0%, transparent 60%), linear-gradient(160deg, var(--hz), var(--hz-2)); }
.bs-hero[data-tema="kirmizi"] { --hz: #fff3f1; --hz-2: #fde3df; }
.bs-hero__zemin { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.bs-blob { position: absolute; border-radius: 50%; filter: blur(60px); opacity: .55; animation: bsYuz 18s ease-in-out infinite alternate; }
.bs-blob--1 { width: 520px; height: 520px; right: -120px; top: -160px; background: radial-gradient(circle, rgba(42, 84, 176, .45), transparent 70%); }
.bs-blob--2 { width: 420px; height: 420px; left: -140px; bottom: -160px; background: radial-gradient(circle, rgba(225, 37, 27, .28), transparent 70%); animation-delay: -6s; }
.bs-blob--3 { width: 300px; height: 300px; left: 42%; top: 30%; background: radial-gradient(circle, rgba(255, 210, 94, .35), transparent 70%); animation-delay: -12s; }
@keyframes bsYuz { to { transform: translate3d(40px, 30px, 0) scale(1.12); } }
.bs-izgara {
  position: absolute; inset: auto 0 0 0; height: 60%;
  background-image: linear-gradient(rgba(11, 33, 80, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 33, 80, .07) 1px, transparent 1px);
  background-size: 56px 56px; transform: perspective(700px) rotateX(62deg); transform-origin: bottom;
  -webkit-mask-image: linear-gradient(to top, #000 10%, transparent 85%); mask-image: linear-gradient(to top, #000 10%, transparent 85%);
}
.bs-hero[data-tema="lacivert"] .bs-izgara { background-image: linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px); }
.bs-hero__3d { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; opacity: 0; transition: opacity 1.2s ease; }
.bs-hero__3d.is-hazir { opacity: 1; }

.bs-hero__slaytlar { display: grid; }
.bs-slayt { grid-area: 1 / 1; visibility: hidden; opacity: 0; transition: opacity .7s var(--bs-ease), visibility 0s linear .7s; }
.bs-slayt.is-aktif { visibility: visible; opacity: 1; transition: opacity .7s var(--bs-ease), visibility 0s; z-index: 1; }
.bs-slayt__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; gap: clamp(28px, 5vw, 72px); min-height: clamp(440px, 62vh, 600px); }
.bs-slayt__metin > * { transition: transform .9s var(--bs-ease), opacity .9s var(--bs-ease); }
.bs-slayt:not(.is-aktif) .bs-slayt__metin > * { transform: translateY(26px); opacity: 0; }
.bs-slayt.is-aktif .bs-slayt__metin > :nth-child(2) { transition-delay: .06s; }
.bs-slayt.is-aktif .bs-slayt__metin > :nth-child(3) { transition-delay: .12s; }
.bs-slayt.is-aktif .bs-slayt__metin > :nth-child(4) { transition-delay: .18s; }
.bs-slayt.is-aktif .bs-slayt__metin > :nth-child(5) { transition-delay: .24s; }
.bs-ust {
  display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px;
  padding: 7px 14px 7px 10px; border-radius: 999px; font: 700 13px/1.2 var(--bs-f-govde); letter-spacing: .02em;
  color: var(--bs-lac-2); background: rgba(255, 255, 255, .78); border: 1px solid var(--bs-cizgi); box-shadow: var(--bs-golge-1);
}
.bs-ust .bi { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--bs-kir); color: #fff; font-size: 12px; }
h1.bs-slayt__baslik .bs-ust { display: flex; width: max-content; max-width: 100%; letter-spacing: .02em; }
.bs-slayt__baslik { font-size: clamp(36px, 5.4vw, 66px); font-weight: 800; line-height: 1.03; color: var(--h-yazi) !important; text-wrap: balance; }
.bs-slayt__aciklama { margin-top: 20px !important; max-width: 560px; font-size: clamp(16px, 1.4vw, 18.5px); line-height: 1.65; color: var(--h-yazi-2); }
.bs-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px !important; }
.bs-cipler li { display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; border-radius: 999px; font-size: 13.5px; font-weight: 700; color: var(--bs-lac); background: #fff; border: 1px solid var(--bs-cizgi); box-shadow: var(--bs-golge-1); }
.bs-cipler .bi { color: var(--bs-kir); font-size: 15px; }
.bs-slayt__butonlar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.bs-hero[data-tema="lacivert"] .bs-ust { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .18); color: #fff; box-shadow: none; }
.bs-hero[data-tema="lacivert"] .bs-cipler li { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .16); color: #fff; box-shadow: none; }
.bs-hero[data-tema="lacivert"] .bs-cipler .bi { color: var(--bs-alt); }
.bs-hero[data-tema="lacivert"] .bs-btn--cam { background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .28); }
.bs-hero[data-tema="lacivert"] .bs-btn--cam:hover { background: #fff; color: var(--bs-lac); }
.bs-hero[data-tema="lacivert"] .bs-main em, .bs-hero[data-tema="lacivert"] em { background: linear-gradient(100deg, var(--bs-alt), #ffb347); -webkit-background-clip: text; background-clip: text; }

/* Slayt görsel alanı */
.bs-slayt__gorsel { position: relative; display: grid; place-items: center; perspective: 1200px; }
.bs-slayt__gorsel > * { transition: transform 1.1s var(--bs-ease), opacity .9s var(--bs-ease); }
.bs-slayt:not(.is-aktif) .bs-slayt__gorsel > * { opacity: 0; transform: perspective(1200px) rotateY(-18deg) translateX(40px) scale(.92); }
.bs-cerceve {
  position: relative; margin: 0; padding: 10px; border-radius: 28px;
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,255,255,.6)); border: 1px solid rgba(255, 255, 255, .9);
  box-shadow: var(--bs-golge-3), 0 0 0 1px var(--bs-cizgi);
}
.bs-cerceve img { display: block; width: 100%; max-width: 560px; height: auto; max-height: 460px; object-fit: cover; border-radius: 20px; }
.bs-cerceve--oyun { background: linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.04)); border-color: rgba(255, 255, 255, .22); box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255,255,255,.08), 0 0 80px -20px rgba(255, 210, 94, .35); }
.bs-cerceve__rozet { position: absolute; left: -14px; top: 24px; display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 12px; background: var(--bs-alt); color: var(--bs-lac); font-weight: 800; font-size: 13px; box-shadow: 0 14px 30px -12px rgba(255, 180, 0, .8); transform: translateZ(40px); }

/* Kart yığını (metin slaytı) */
.bs-yigin { position: relative; width: min(100%, 440px); aspect-ratio: 1 / 1.02; transform-style: preserve-3d; }
.bs-yigin__kart { position: absolute; inset: 0; border-radius: 28px; border: 1px solid rgba(255,255,255,.9); }
.bs-yigin__kart--arka { transform: translate3d(58px, -44px, -60px) rotate(8deg); background: linear-gradient(145deg, var(--bs-lac-2), var(--bs-lac)); opacity: .9; box-shadow: var(--bs-golge-2); }
.bs-yigin__kart--orta { transform: translate3d(30px, -22px, -30px) rotate(4deg); background: linear-gradient(145deg, #ff6a50, var(--bs-kir)); opacity: .92; box-shadow: var(--bs-golge-2); }
.bs-yigin__kart--on { display: flex; flex-direction: column; padding: 30px; background: rgba(255, 255, 255, .92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: var(--bs-golge-3); }
.bs-yigin__etiket { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; color: var(--bs-yazi-3); }
.bs-yigin__etiket .bi { color: var(--bs-kir); }
.bs-yigin__baslik { display: block; margin: 8px 0 18px; font: 800 30px/1.1 var(--bs-f-bas); color: var(--bs-lac); letter-spacing: -.02em; }
.bs-yigin ul { display: grid; gap: 10px; }
.bs-yigin li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--bs-zemin); border: 1px solid var(--bs-cizgi); font-weight: 700; color: var(--bs-lac); font-size: 15px; transform: translateZ(calc(20px + var(--i) * 4px)); }
.bs-slayt.is-aktif .bs-yigin li { animation: bsSatir .8s var(--bs-ease) both; animation-delay: calc(.3s + var(--i) * .08s); }
@keyframes bsSatir { from { opacity: 0; transform: translateX(24px); } }
.bs-yigin li .bi { margin-left: auto; color: #18a058; }
.bs-yigin__no { font: 800 12px/1 var(--bs-f-bas); color: var(--bs-kir); opacity: .8; }
.bs-yuzen { position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 14px; background: #fff; box-shadow: var(--bs-golge-2); font-weight: 800; font-size: 13.5px; color: var(--bs-lac); transform: translateZ(70px); animation: bsSalin 6s ease-in-out infinite; }
.bs-yuzen .bi { color: var(--bs-kir); font-size: 17px; }
.bs-yuzen--1 { left: -38px; bottom: 16%; }
.bs-yuzen--2 { right: -22px; top: 8%; animation-delay: -3s; }
@keyframes bsSalin { 50% { translate: 0 -10px; } }

/* Uzaktan destek penceresi (alpemix slaytı) */
.bs-pencere { width: min(100%, 460px); border-radius: 22px; overflow: hidden; background: rgba(255, 255, 255, .94); border: 1px solid rgba(255,255,255,.95); box-shadow: var(--bs-golge-3); backdrop-filter: blur(14px); }
.bs-pencere__ust { display: flex; align-items: center; gap: 7px; padding: 14px 18px; background: linear-gradient(180deg, var(--bs-lac-2), var(--bs-lac)); color: #fff; }
.bs-pencere__ust span { width: 11px; height: 11px; border-radius: 50%; background: #ff5f57; }
.bs-pencere__ust span:nth-child(2) { background: #febc2e; }
.bs-pencere__ust span:nth-child(3) { background: #28c840; }
.bs-pencere__ust b { margin-left: 8px; font-size: 13.5px; }
.bs-adimlar { display: grid; gap: 4px; padding: 16px; }
.bs-adimlar li { display: flex; gap: 14px; align-items: flex-start; padding: 14px; border-radius: 14px; }
.bs-adimlar li:hover { background: var(--bs-zemin); }
.bs-adimlar .bi { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(145deg, #ff5a3c, var(--bs-kir)); color: #fff; font-size: 18px; box-shadow: 0 10px 20px -10px rgba(225,37,27,.8); }
.bs-adimlar b { display: block; color: var(--bs-lac); font-size: 15.5px; }
.bs-adimlar small { display: block; margin-top: 3px; color: var(--bs-yazi-2); font-size: 13.5px; line-height: 1.5; }
.bs-pencere__alt { display: flex; align-items: center; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--bs-cizgi); font-weight: 800; color: var(--bs-lac); background: var(--bs-zemin); }

/* Kontroller */
.bs-hero__kontrol { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; }
.bs-noktalar { display: flex; gap: 6px; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.bs-noktalar::-webkit-scrollbar { display: none; }
.bs-nokta { flex: 1 1 0; min-width: 92px; max-width: 180px; padding: 10px 4px 8px; background: none; border: 0; text-align: left; cursor: pointer; color: var(--h-yazi-2); }
.bs-nokta__ad { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12.5px; font-weight: 700; margin-bottom: 8px; transition: color .3s; }
.bs-nokta__cubuk { display: block; height: 4px; border-radius: 4px; background: rgba(11, 33, 80, .12); overflow: hidden; }
.bs-hero[data-tema="lacivert"] .bs-nokta__cubuk { background: rgba(255, 255, 255, .18); }
.bs-nokta__cubuk i { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--bs-kir), #ff7a4d); }
.bs-nokta.is-aktif .bs-nokta__ad { color: var(--h-yazi); }
.bs-nokta.is-gecti .bs-nokta__cubuk i { width: 100%; }
.bs-nokta.is-aktif .bs-nokta__cubuk i { animation: bsIlerle var(--sure, 7s) linear forwards; }
.bs-hero.is-durdu .bs-nokta.is-aktif .bs-nokta__cubuk i { animation-play-state: paused; }
@keyframes bsIlerle { from { width: 0; } to { width: 100%; } }
.bs-oklar { display: flex; gap: 8px; }
.bs-hero[data-tema="lacivert"] .bs-ok { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.25); color: #fff; }
.bs-hero[data-tema="lacivert"] .bs-ok:hover { background: #fff; color: var(--bs-lac); }

/* =====================================================================
   CANLI ŞERİT
   ===================================================================== */
.bs-serit { position: relative; z-index: 3; display: flex; align-items: center; background: #fff; border-top: 1px solid var(--bs-cizgi); border-bottom: 1px solid var(--bs-cizgi); box-shadow: 0 10px 30px -22px rgba(11,33,80,.35); }
.bs-serit__etiket { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; flex: none; padding: 0 22px; height: 54px; background: var(--bs-lac); color: #fff; font: 800 13.5px/1 var(--bs-f-govde); letter-spacing: .02em; clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%); padding-right: 32px; }
.bs-nabiz { position: relative; width: 9px; height: 9px; border-radius: 50%; background: #3ddc84; }
.bs-nabiz::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 2px solid #3ddc84; animation: bsNabiz 1.8s ease-out infinite; }
@keyframes bsNabiz { from { transform: scale(.4); opacity: 1; } to { transform: scale(1.6); opacity: 0; } }
.bs-serit__pencere { display: flex; flex: 1; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.bs-serit__liste { display: flex; flex: none; gap: 10px; padding: 0 10px 0 0; animation: bsKay var(--kay, 60s) linear infinite; }
.bs-serit:hover .bs-serit__liste, .bs-serit:focus-within .bs-serit__liste { animation-play-state: paused; }
@keyframes bsKay { to { transform: translateX(-100%); } }
.bs-serit__oge > * { display: inline-flex; align-items: center; gap: 9px; height: 54px; padding: 0 14px; white-space: nowrap; font-size: 14px; color: var(--bs-yazi-2); text-decoration: none; }
.bs-serit__oge .bi { color: var(--bs-lac-2); font-size: 16px; }
.bs-serit__oge b { color: var(--bs-lac); }
.bs-serit__oge--oyun > *, .bs-serit__oge--destek > * { height: 38px; margin: 8px 0; border-radius: 999px; font-weight: 700; }
.bs-serit__oge--oyun > * { background: linear-gradient(90deg, #fff6d8, #ffe9a6); color: #6a4a00; border: 1px solid #f5d77a; }
.bs-serit__oge--oyun .bi { color: #b07800; }
.bs-serit__oge--destek > * { background: #ffeceb; color: var(--bs-kir-2); border: 1px solid #f8c9c5; }
.bs-serit__oge--destek .bi { color: var(--bs-kir); }
.bs-serit__oge a:hover { filter: brightness(.97); color: var(--bs-lac); }

/* =====================================================================
   HIZLI İŞLEMLER + RAKAMLAR
   ===================================================================== */
.bs-hizli { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.bs-hizli__oge {
  display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 18px; text-align: left;
  background: #fff; border: 1px solid var(--bs-cizgi); border-radius: 18px; box-shadow: var(--bs-golge-1);
  color: var(--bs-lac); text-decoration: none; font: inherit; cursor: pointer;
  transition: transform .35s var(--bs-ease), box-shadow .35s var(--bs-ease), border-color .3s;
}
.bs-hizli__oge:hover { transform: translateY(-4px); box-shadow: var(--bs-golge-2); border-color: rgba(22, 53, 122, .22); color: var(--bs-lac); }
.bs-hizli__oge .bi { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 10px; border-radius: 12px; background: var(--bs-zemin-2); color: var(--bs-lac-2); font-size: 18px; transition: transform .4s var(--bs-ease); }
.bs-hizli__oge:hover .bi { transform: translateZ(0) rotate(-8deg) scale(1.08); }
.bs-hizli__oge b { font-size: 14.5px; }
.bs-hizli__oge small { font-size: 12.5px; color: var(--bs-yazi-3); }
.bs-hizli__oge--vurgu { background: linear-gradient(150deg, var(--bs-lac-2), var(--bs-lac)); border-color: transparent; color: #fff; }
.bs-hizli__oge--vurgu:hover { color: #fff; }
.bs-hizli__oge--vurgu .bi { background: var(--bs-kir); color: #fff; }
.bs-hizli__oge--vurgu small { color: rgba(255,255,255,.75); }

.bs-rakamlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 28px; padding: 0; }
.bs-rakam { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; padding: 26px 28px; }
.bs-rakam + .bs-rakam::before { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: var(--bs-cizgi-2); }
.bs-rakam b { font: 800 clamp(34px, 4vw, 48px)/1 var(--bs-f-bas); color: var(--bs-lac); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.bs-rakam > span { font: 800 28px/1 var(--bs-f-bas); color: var(--bs-kir); margin-left: 2px; }
.bs-rakam small { flex-basis: 100%; margin-top: 8px; font-size: 14px; font-weight: 600; color: var(--bs-yazi-2); }

/* =====================================================================
   ÇÖZÜMLER
   ===================================================================== */
.bs-cozumler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.bs-cozum { padding: 28px; min-height: 250px; overflow: hidden; }
.bs-cozum__ikon { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 20px; border-radius: 16px; background: linear-gradient(145deg, var(--bs-zemin), #dfe8f8); color: var(--bs-lac-2); font-size: 24px; box-shadow: inset 0 1px 0 #fff, 0 10px 20px -12px rgba(11,33,80,.45); transform: translateZ(30px); transition: background .3s, color .3s; }
.bs-cozum:hover .bs-cozum__ikon { background: linear-gradient(145deg, #ff5a3c, var(--bs-kir)); color: #fff; }
.bs-cozum h3 { font-size: 21px; font-weight: 700; transform: translateZ(20px); }
.bs-cozum p { margin-top: 10px; font-size: 14.5px; line-height: 1.6; color: var(--bs-yazi-2); }
.bs-cozum--one { grid-column: span 2; grid-row: span 2; padding: 36px; background: radial-gradient(500px 300px at 100% 0%, rgba(42,84,176,.5), transparent 60%), linear-gradient(155deg, var(--bs-lac-2), var(--bs-lac) 70%); border-color: transparent; color: #fff; }
.bs-cozum--one:hover { color: #fff; }
.bs-cozum--one h3 { color: #fff; font-size: clamp(26px, 3vw, 36px); }
.bs-cozum--one p { color: rgba(226, 234, 252, .85); font-size: 16px; max-width: 460px; }
.bs-cozum--one .bs-cozum__ikon { width: 68px; height: 68px; font-size: 30px; background: var(--bs-kir); color: #fff; box-shadow: 0 16px 30px -12px rgba(225,37,27,.8); }
.bs-cozum--one .bs-devam { color: var(--bs-alt); }
.bs-cozum--one:hover .bs-devam { color: #fff; }
.bs-cozum--one::before { content: ""; position: absolute; right: -60px; bottom: -60px; width: 260px; height: 260px; border-radius: 50%; border: 40px solid rgba(255, 255, 255, .05); }
.bs-cozum__mod { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px !important; }
.bs-cozum__mod li { padding: 7px 12px; border-radius: 10px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .16); font-size: 13px; font-weight: 700; }

/* =====================================================================
   e-DÖNÜŞÜM
   ===================================================================== */
#e-donusum { padding-top: 0; }
.bs-ed {
  position: relative; display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center;
  padding: clamp(32px, 5vw, 60px) !important; border-radius: 32px; overflow: hidden; color: #fff;
  background: radial-gradient(600px 300px at 0% 0%, rgba(225,37,27,.35), transparent 60%), radial-gradient(700px 400px at 100% 100%, rgba(42,84,176,.65), transparent 60%), linear-gradient(140deg, #0e2a63, var(--bs-lac) 60%, #071838);
  box-shadow: var(--bs-golge-3);
  max-width: calc(var(--bs-max));
}
.bs-ed h2 { color: #fff; font-size: clamp(28px, 3.6vw, 42px); font-weight: 800; line-height: 1.1; }
.bs-ed h2 em { background: linear-gradient(100deg, var(--bs-alt), #ffb347); -webkit-background-clip: text; background-clip: text; }
.bs-ed__sol > p:not(.bs-etiket) { margin-top: 16px; color: rgba(226, 234, 252, .85); font-size: 16.5px; line-height: 1.65; }
.bs-ed .bs-btn--acik { background: rgba(255,255,255,.1); color: #fff; border-color: rgba(255,255,255,.3); box-shadow: none; }
.bs-ed .bs-btn--acik:hover { background: #fff; color: var(--bs-lac); }
.bs-ed__sag { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; perspective: 900px; }
.bs-ed__kart { display: flex; flex-direction: column; gap: 4px; padding: 22px; border-radius: 18px; text-decoration: none; color: #fff; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); backdrop-filter: blur(8px); transition: transform .45s var(--bs-ease), background .3s; }
.bs-ed__kart:nth-child(odd) { transform: rotateY(8deg) translateZ(0); }
.bs-ed__kart:nth-child(even) { transform: rotateY(-8deg) translateY(18px); }
.bs-ed__kart:hover { transform: rotateY(0) translateY(-4px) translateZ(20px); background: rgba(255, 255, 255, .16); color: #fff; }
.bs-ed__kart .bi { font-size: 24px; color: var(--bs-alt); margin-bottom: 10px; }
.bs-ed__kart b { font-size: 16px; }
.bs-ed__kart small { color: rgba(226, 234, 252, .75); font-size: 13px; }

/* =====================================================================
   SEKTÖR RAYI
   ===================================================================== */
.bs-ray {
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 280px); gap: 16px;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: max(var(--bs-gut), calc((100vw - var(--bs-max)) / 2));
  padding: 10px max(var(--bs-gut), calc((100vw - var(--bs-max)) / 2)) 34px; scrollbar-width: none; perspective: 1400px;
}
.bs-ray::-webkit-scrollbar { display: none; }
.bs-sektor { scroll-snap-align: start; padding: 24px; min-height: 230px; }
.bs-sektor__ikon { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 18px; border-radius: 14px; background: linear-gradient(145deg, #fff1ef, #ffe0dc); color: var(--bs-kir); font-size: 22px; transform: translateZ(26px); }
.bs-sektor h3 { font-size: 18.5px; font-weight: 700; }
.bs-sektor p { margin-top: 8px; font-size: 14px; line-height: 1.55; color: var(--bs-yazi-2); }

/* =====================================================================
   UZAKTAN DESTEK
   ===================================================================== */
.bs-uzak {
  position: relative; display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(28px, 4vw, 56px); align-items: center;
  padding: clamp(30px, 5vw, 56px); border-radius: 32px; overflow: hidden; color: #fff;
  background: radial-gradient(500px 280px at 100% 0%, rgba(255,210,94,.25), transparent 60%), linear-gradient(140deg, #d8251c, var(--bs-kir-2) 55%, #9d150e);
  box-shadow: 0 40px 80px -36px rgba(200, 30, 21, .7);
}
.bs-uzak::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px); background-size: 22px 22px; -webkit-mask-image: linear-gradient(90deg, transparent, #000); mask-image: linear-gradient(90deg, transparent, #000); pointer-events: none; }
.bs-uzak > * { position: relative; }
.bs-uzak h2 { color: #fff; font-size: clamp(28px, 3.6vw, 42px); font-weight: 800; line-height: 1.1; }
.bs-uzak h2 em { background: linear-gradient(100deg, #fff, var(--bs-alt)); -webkit-background-clip: text; background-clip: text; }
.bs-uzak__metin > p:not(.bs-etiket):not(.bs-uzak__not) { margin-top: 16px; font-size: 16.5px; line-height: 1.65; color: rgba(255, 240, 238, .9); }
.bs-uzak .bs-btn--kirmizi { background: #fff; color: var(--bs-kir-2); --g: 0 18px 30px -14px rgba(0,0,0,.45); }
.bs-uzak .bs-btn--kirmizi:hover { color: var(--bs-kir-2); }
.bs-uzak .bs-btn--cam { background: rgba(255,255,255,.12); color: #fff; border-color: rgba(255,255,255,.35); }
.bs-uzak .bs-btn--cam:hover { background: #fff; color: var(--bs-kir-2); }
.bs-uzak__not { margin-top: 20px !important; font-size: 14px; color: rgba(255, 240, 238, .85); }
.bs-uzak__not a { color: #fff; font-weight: 800; }
.bs-uzak__adimlar { display: grid; gap: 12px; counter-reset: a; }
.bs-uzak__adimlar li { display: flex; gap: 16px; padding: 18px 20px; border-radius: 18px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); backdrop-filter: blur(6px); transition: transform .4s var(--bs-ease), background .3s; }
.bs-uzak__adimlar li:hover { transform: translateX(-6px); background: rgba(255, 255, 255, .16); }
.bs-uzak__adimlar span { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: #fff; color: var(--bs-kir-2); font: 800 17px/1 var(--bs-f-bas); }
.bs-uzak__adimlar b { display: block; font-size: 16px; }
.bs-uzak__adimlar small { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.5; color: rgba(255, 240, 238, .85); }

/* =====================================================================
   SÜREÇ
   ===================================================================== */
.bs-surec { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; counter-reset: s; }
.bs-surec::before { content: ""; position: absolute; left: 6%; right: 6%; top: 56px; height: 2px; background: repeating-linear-gradient(90deg, var(--bs-cizgi-2) 0 8px, transparent 8px 16px); }
.bs-surec li { padding: 28px; }
.bs-surec__no { position: absolute; right: 22px; top: 18px; font: 800 44px/1 var(--bs-f-bas); color: rgba(11, 33, 80, .06); }
.bs-surec .bi { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 20px; border-radius: 50%; background: #fff; border: 2px solid var(--bs-kir); color: var(--bs-kir); font-size: 22px; box-shadow: 0 0 0 8px var(--bs-zemin-2); transform: translateZ(30px); }
.bs-surec h3 { font-size: 19px; font-weight: 700; }
.bs-surec p { margin-top: 8px; font-size: 14.5px; line-height: 1.6; color: var(--bs-yazi-2); }

/* =====================================================================
   OYUNLAR
   ===================================================================== */
.bs-oyunlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.bs-oyun { overflow: hidden; background: linear-gradient(170deg, #0f2a64, var(--bs-lac) 55%, #07163a); border-color: transparent; color: #fff; }
.bs-oyun:hover { color: #fff; }
.bs-oyun__gorsel { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.bs-oyun__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--bs-ease); }
.bs-oyun:hover .bs-oyun__gorsel img { transform: scale(1.06); }
.bs-oyun__gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(7, 22, 58, .9)); }
.bs-oyun__oyna { position: absolute; z-index: 1; left: 50%; top: 50%; display: grid; place-items: center; width: 74px; height: 74px; margin: -37px 0 0 -37px; border-radius: 50%; background: var(--bs-alt); color: var(--bs-lac); font-size: 36px; box-shadow: 0 0 0 10px rgba(255, 210, 94, .25), 0 20px 40px -10px rgba(0,0,0,.6); transition: transform .4s var(--bs-ease); }
.bs-oyun:hover .bs-oyun__oyna { transform: scale(1.1); }
.bs-oyun__govde { display: flex; flex-direction: column; gap: 12px; padding: 26px 28px 30px; flex: 1; }
.bs-oyun .bs-etiket { color: var(--bs-alt); }
.bs-oyun h3 { font-size: 26px; font-weight: 800; color: #fff; }
.bs-oyun h3 a { text-decoration: none; color: inherit; }
.bs-oyun h3 em { background: linear-gradient(100deg, var(--bs-alt), #ffb347); -webkit-background-clip: text; background-clip: text; font-size: .7em; margin-left: 4px; }
.bs-oyun__govde > p { color: rgba(226, 234, 252, .82); font-size: 15px; line-height: 1.6; }
.bs-oyun__sira { display: grid; gap: 6px; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.bs-oyun__sira li { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.bs-oyun__sira b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700; }
.bs-oyun__sira em { margin-left: auto; font-style: normal; font-weight: 800; color: var(--bs-alt); background: none; -webkit-background-clip: initial; background-clip: initial; font-variant-numeric: tabular-nums; }
.bs-oyun .bs-btn { align-self: flex-start; margin-top: 6px; background: var(--bs-alt); color: var(--bs-lac); --g: 0 14px 28px -12px rgba(255, 190, 40, .8); }
.bs-oyun .bs-btn:hover { color: var(--bs-lac); }

/* =====================================================================
   AFİŞLER
   ===================================================================== */
.bs-afisler { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; padding-bottom: clamp(48px, 6vw, 80px); }
.bs-afis { display: block; border-radius: var(--bs-r); overflow: hidden; box-shadow: var(--bs-golge-2); transition: transform .5s var(--bs-ease), box-shadow .5s var(--bs-ease); }
.bs-afis:hover { transform: translateY(-6px) rotateX(3deg); box-shadow: var(--bs-golge-3); }
.bs-afis img { display: block; width: 100%; height: auto; }

/* =====================================================================
   REFERANSLAR
   ===================================================================== */
.bs-logolar { display: flex; overflow: hidden; padding: 6px 0 4px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.bs-logolar__liste { display: flex; flex: none; gap: 16px; padding-right: 16px; animation: bsKay 70s linear infinite; }
.bs-logolar:hover .bs-logolar__liste, .bs-logolar:focus-within .bs-logolar__liste { animation-play-state: paused; }
.bs-logo { display: flex; align-items: center; gap: 12px; height: 84px; min-width: 220px; padding: 0 22px; border-radius: 18px; background: #fff; border: 1px solid var(--bs-cizgi); box-shadow: var(--bs-golge-1); text-decoration: none; transition: transform .4s var(--bs-ease), box-shadow .4s; }
.bs-logo:hover { transform: translateY(-4px); box-shadow: var(--bs-golge-2); }
.bs-logo img { width: auto; max-width: 120px; max-height: 52px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s; }
.bs-logo:hover img { filter: none; opacity: 1; }
.bs-logo__harf { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(145deg, var(--bs-lac-2), var(--bs-lac)); color: #fff; font: 800 15px/1 var(--bs-f-bas); }
.bs-logo__ad { max-width: 150px; font-size: 13.5px; font-weight: 700; color: var(--bs-lac); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bs-logolar + .bs-logolar { margin-top: 16px; }

/* =====================================================================
   HABERLER + VİDEOLAR
   ===================================================================== */
.bs-icerik { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(28px, 4vw, 56px); align-items: start; }
.bs-icerik .bs-bolum__bas { margin-bottom: 24px; }
.bs-icerik .bs-bolum__bas h2, .bs-icerik .bs-h2 { font-size: clamp(26px, 3vw, 34px); }
.bs-haber--ana { overflow: hidden; }
.bs-haber__gorsel { display: block; aspect-ratio: 16 / 8; overflow: hidden; background: var(--bs-zemin-2); }
.bs-haber__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--bs-ease); }
.bs-haber--ana:hover .bs-haber__gorsel img { transform: scale(1.05); }
.bs-haber__govde { display: flex; flex-direction: column; padding: 24px 26px 26px; }
.bs-haber__govde time { font-size: 13px; font-weight: 700; color: var(--bs-kir); }
.bs-haber__govde h3 { margin-top: 8px; font-size: 22px; font-weight: 700; line-height: 1.25; }
.bs-haber__govde p { margin-top: 10px; color: var(--bs-yazi-2); font-size: 14.5px; line-height: 1.6; }
.bs-haber__liste { display: grid; gap: 10px; margin-top: 14px !important; }
.bs-haber__liste a { display: flex; align-items: center; gap: 16px; padding: 12px 16px; border-radius: 16px; background: #fff; border: 1px solid var(--bs-cizgi); text-decoration: none; color: var(--bs-lac); font-weight: 700; font-size: 15px; transition: transform .35s var(--bs-ease), box-shadow .35s; }
.bs-haber__liste a:hover { transform: translateX(6px); box-shadow: var(--bs-golge-2); color: var(--bs-lac); }
.bs-haber__liste time { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: 12px; background: var(--bs-zemin-2); font-size: 11.5px; font-weight: 700; color: var(--bs-yazi-3); line-height: 1.1; text-align: center; }
.bs-haber__liste time b { display: block; font: 800 19px/1 var(--bs-f-bas); color: var(--bs-lac); }
.bs-haber__liste span { flex: 1; min-width: 0; line-height: 1.35; }
.bs-haber__liste .bi { color: var(--bs-yazi-3); }
.bs-video__liste { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bs-video { overflow: hidden; }
.bs-video__resim { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.bs-video__resim img { width: 100%; height: 100%; object-fit: cover; opacity: .92; transition: transform .8s var(--bs-ease), opacity .3s; }
.bs-video:hover .bs-video__resim img { transform: scale(1.06); opacity: 1; }
.bs-video__resim .bi { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; background: var(--bs-kir); color: #fff; font-size: 22px; box-shadow: 0 10px 20px -6px rgba(0,0,0,.5); }
.bs-video__ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: 12px 14px 14px; font-size: 13.5px; font-weight: 700; line-height: 1.35; color: var(--bs-lac); }
.bs-yt { display: flex; align-items: center; gap: 14px; margin-top: 14px; padding: 16px 18px; border-radius: 18px; background: #fff; border: 1px solid var(--bs-cizgi); text-decoration: none; color: var(--bs-lac); box-shadow: var(--bs-golge-1); transition: transform .35s var(--bs-ease); }
.bs-yt:hover { transform: translateY(-3px); color: var(--bs-lac); }
.bs-yt > .bi:first-child { font-size: 30px; color: #ff0000; }
.bs-yt span { flex: 1; }
.bs-yt b { display: block; font-size: 15px; }
.bs-yt small { display: block; color: var(--bs-yazi-3); font-size: 13px; }

.bs-ig { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.bs-ig a { display: block; aspect-ratio: 1; border-radius: 16px; overflow: hidden; box-shadow: var(--bs-golge-1); }
.bs-ig img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--bs-ease); }
.bs-ig a:hover img { transform: scale(1.08); }

/* =====================================================================
   SSS
   ===================================================================== */
.bs-sss { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(28px, 5vw, 72px); align-items: start; }
.bs-sss__bas { position: sticky; top: 110px; }
.bs-sss__bas h2 { font-size: clamp(30px, 4vw, 46px); font-weight: 800; line-height: 1.08; }
.bs-sss__bas > p:not(.bs-etiket) { margin: 16px 0 18px; color: var(--bs-yazi-2); line-height: 1.65; }
.bs-sss__bas a:not(.bs-link) { color: var(--bs-lac-2); font-weight: 700; }
.bs-sss__liste { display: grid; gap: 12px; }
.bs-soru { border-radius: 18px; background: #fff; border: 1px solid var(--bs-cizgi); box-shadow: var(--bs-golge-1); transition: box-shadow .3s, border-color .3s; }
.bs-soru[open] { box-shadow: var(--bs-golge-2); border-color: rgba(22, 53, 122, .2); }
.bs-soru summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px; cursor: pointer; list-style: none; font: 700 16.5px/1.4 var(--bs-f-govde); color: var(--bs-lac); }
.bs-soru summary::-webkit-details-marker { display: none; }
.bs-soru summary .bi { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--bs-zemin-2); color: var(--bs-lac-2); transition: transform .35s var(--bs-ease), background .3s, color .3s; }
.bs-soru[open] summary .bi { transform: rotate(45deg); background: var(--bs-kir); color: #fff; }
.bs-soru p { padding: 0 22px 22px; color: var(--bs-yazi-2); font-size: 15px; line-height: 1.7; }

/* =====================================================================
   CTA + SİTE HARİTASI
   ===================================================================== */
.bs-cta-bolum { padding-top: clamp(56px, 8vw, 100px); padding-bottom: clamp(56px, 8vw, 100px); }
.bs-cta {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap;
  padding: clamp(30px, 5vw, 56px); border-radius: 32px; overflow: hidden;
  background: radial-gradient(600px 300px at 100% 0%, rgba(225,37,27,.12), transparent 60%), radial-gradient(500px 300px at 0% 100%, rgba(42,84,176,.14), transparent 60%), #fff;
  border: 1px solid var(--bs-cizgi); box-shadow: var(--bs-golge-3);
}
.bs-cta > div:first-child { max-width: 600px; }
.bs-cta h2 { font-size: clamp(28px, 3.6vw, 42px); font-weight: 800; line-height: 1.1; }
.bs-cta p { margin-top: 12px; color: var(--bs-yazi-2); font-size: 16px; line-height: 1.6; }
.bs-cta .bs-slayt__butonlar { margin-top: 0; }

.bs-harita { padding: clamp(40px, 6vw, 64px) 0; background: #fff; border-top: 1px solid var(--bs-cizgi); }
.bs-harita__grid { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 28px; }
.bs-harita__marka img { height: 44px; width: auto; }
.bs-harita__marka p { margin-top: 14px; color: var(--bs-yazi-2); font-size: 14px; line-height: 1.6; max-width: 300px; }
.bs-harita__marka address { margin-top: 14px; font-style: normal; font-size: 14px; line-height: 1.7; color: var(--bs-yazi-2); }
.bs-harita__marka address a { color: var(--bs-lac); font-weight: 700; text-decoration: none; }
.bs-harita__bas { margin-bottom: 14px !important; font: 800 13px/1 var(--bs-f-govde) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--bs-lac) !important; }
.bs-harita ul { display: grid; gap: 9px; }
.bs-harita li a { font-size: 14.5px; color: var(--bs-yazi-2); text-decoration: none; transition: color .2s, padding .3s var(--bs-ease); }
.bs-harita li a:hover { color: var(--bs-kir); padding-left: 4px; }

/* =====================================================================
   BİLDİRİM + SABİT BUTONLAR
   ===================================================================== */
.bs-toast { position: fixed; z-index: 3200; top: 18px; left: 50%; display: flex; align-items: center; gap: 12px; max-width: calc(100vw - 32px); padding: 14px 16px 14px 18px; border-radius: 16px; background: #fff; box-shadow: var(--bs-golge-3); border-left: 5px solid #18a058; font-weight: 600; color: var(--bs-yazi); transform: translateX(-50%); animation: bsToast .5s var(--bs-ease); }
.bs-toast--error { border-left-color: var(--bs-kir); }
.bs-toast--warning { border-left-color: #f0a500; }
.bs-toast > .bi { font-size: 20px; color: #18a058; }
.bs-toast--error > .bi { color: var(--bs-kir); }
.bs-toast--warning > .bi { color: #f0a500; }
.bs-toast button { margin-left: 6px; border: 0; background: none; color: var(--bs-yazi-3); cursor: pointer; font-size: 15px; }
.bs-toast.is-gidiyor { opacity: 0; transform: translate(-50%, -20px); transition: .4s var(--bs-ease); }
@keyframes bsToast { from { opacity: 0; transform: translate(-50%, -20px); } }

.bs-fab { position: fixed; z-index: 1040; right: 18px; display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 20px 0 16px; border: 0; border-radius: 999px; font: 700 14.5px/1 var(--bs-f-govde); color: #fff; cursor: pointer; box-shadow: 0 16px 34px -14px rgba(11,33,80,.6); transition: transform .3s var(--bs-ease), box-shadow .3s; }
.bs-fab:hover { transform: translateY(-3px); }
.bs-fab > .bi { font-size: 19px; }
.bs-fab--destek { bottom: 18px; background: linear-gradient(180deg, #f0352a, var(--bs-kir-2)); box-shadow: 0 16px 34px -14px rgba(225,37,27,.8); }
.bs-fab--ara { bottom: 80px; background: linear-gradient(180deg, var(--bs-lac-2), var(--bs-lac)); }
.bs-fab .bcc-fab-online { display: inline-block; width: 8px; height: 8px; margin-right: 4px; border-radius: 50%; background: #3ddc84; box-shadow: 0 0 0 3px rgba(61, 220, 132, .3); }

/* =====================================================================
   DUYARLI
   ===================================================================== */
@media (max-width: 1199.98px) {
  .bs-cozumler { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bs-cozum--one { grid-row: span 1; }
  .bs-hizli { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bs-harita__grid { grid-template-columns: repeat(4, 1fr); }
  .bs-harita__marka { grid-column: 1 / -1; }
}
@media (max-width: 991.98px) {
  .bs-slayt__grid { grid-template-columns: 1fr; min-height: 0; gap: 28px; }
  .bs-slayt__gorsel { order: 2; }
  .bs-yigin { width: min(100%, 360px); }
  .bs-yuzen--1 { left: -6px; }
  .bs-yuzen--2 { right: -6px; }
  .bs-nokta__ad { display: none; }
  .bs-nokta { min-width: 28px; max-width: 60px; padding: 12px 2px; }
  .bs-rakamlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bs-rakam:nth-child(3)::before { display: none; }
  .bs-ed, .bs-uzak, .bs-icerik, .bs-sss { grid-template-columns: 1fr; }
  .bs-ed { margin: 0 var(--bs-gut); width: auto; }
  .bs-sss__bas { position: static; }
  .bs-surec { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bs-surec::before { display: none; }
  .bs-oyunlar { grid-template-columns: 1fr; }
  .bs-ig { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bs-cozumler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639.98px) {
  .bs-hero { padding-top: 26px; }
  .bs-slayt--metin .bs-slayt__gorsel, .bs-slayt--alpemix .bs-slayt__gorsel { display: none; }
  .bs-cerceve img { max-height: 260px; }
  .bs-cerceve__rozet { left: 8px; top: 8px; }
  .bs-slayt__butonlar .bs-btn { flex: 1 1 100%; }
  .bs-hizli { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .bs-hizli__oge { padding: 14px; }
  .bs-rakam { padding: 18px 14px; }
  .bs-cozumler, .bs-surec { grid-template-columns: 1fr; }
  .bs-cozum--one { grid-column: auto; }
  .bs-ed__sag { grid-template-columns: 1fr 1fr; gap: 10px; }
  .bs-ed__kart, .bs-ed__kart:nth-child(odd), .bs-ed__kart:nth-child(even) { transform: none; padding: 16px; }
  .bs-video__liste { grid-template-columns: 1fr; }
  .bs-bolum__arac .bs-ok { display: none; }
  .bs-harita__grid { grid-template-columns: 1fr 1fr; }
  .bs-serit__etiket { padding: 0 22px 0 14px; font-size: 0; gap: 0; }
  .bs-serit__etiket .bs-nabiz { margin-right: 0; }
  .bs-fab span { display: none; }
  .bs-fab { width: 52px; padding: 0; justify-content: center; }
  .bs-cta .bs-btn { flex: 1 1 100%; }
}
@media (hover: none) { [data-egim] { transform: none !important; } }
@media (prefers-reduced-motion: reduce) {
  .bs-main *, .bs-main *::before, .bs-main *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .bs-serit__liste, .bs-logolar__liste { animation: none !important; }
  .bs-serit__pencere, .bs-logolar { overflow-x: auto; }
  [data-egim] { transform: none !important; }
}

.bs-main [id] { scroll-margin-top: 110px; }
.bs-oyun__gorsel img { object-position: center 30%; }
.bs-logo img { height: 52px; }
.bs-harita__btn { padding: 0; border: 0; background: none; font: inherit; font-size: 14.5px; color: var(--bs-yazi-2); cursor: pointer; transition: color .2s, padding .3s var(--bs-ease); }
.bs-harita__btn:hover { color: var(--bs-kir); padding-left: 4px; }
.bs-atla { position: fixed; left: 12px; top: -60px; z-index: 4000; padding: 12px 18px; border-radius: 12px; background: var(--bs-lac); color: #fff; font-weight: 700; text-decoration: none; transition: top .2s; }
.bs-atla:focus { top: 12px; color: #fff; outline: 3px solid var(--bs-alt); }

/* =====================================================================
   v4 — daha çarpıcı: aurora, fare ışığı, dönen kelimeler, büyük bantlar, 3D sektör halkası
   ===================================================================== */
.bs-aurora { position: absolute; inset: -30%; opacity: .5; filter: blur(70px);
  background: conic-gradient(from 0deg at 60% 40%, rgba(42,84,176,.55), rgba(225,37,27,.35), rgba(255,210,94,.45), rgba(42,84,176,.55));
  animation: bsAurora 26s linear infinite; }
@keyframes bsAurora { to { transform: rotate(360deg); } }
.bs-hero[data-tema="lacivert"] .bs-aurora { opacity: .35; }
.bs-isik { position: absolute; inset: 0; background: radial-gradient(520px circle at var(--hx, 70%) var(--hy, 30%), rgba(255,255,255,.75), transparent 60%); mix-blend-mode: soft-light; transition: opacity .4s; }
.bs-hero[data-tema="lacivert"] .bs-isik { background: radial-gradient(520px circle at var(--hx, 70%) var(--hy, 30%), rgba(120,160,255,.28), transparent 60%); mix-blend-mode: screen; }
.bs-slayt__baslik em { background-size: 220% 100% !important; animation: bsParilti 6s ease-in-out infinite; }
@keyframes bsParilti { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }

.bs-donen { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px !important; font: 700 clamp(17px, 1.7vw, 21px)/1.2 var(--bs-f-bas); color: var(--h-yazi-2); }
.bs-donen__kutu { position: relative; display: inline-block; height: 1.5em; overflow: hidden; padding: 0 12px; border-radius: 10px; background: var(--bs-lac); color: #fff; box-shadow: 0 10px 24px -12px rgba(11,33,80,.7); vertical-align: middle; }
.bs-donen__kutu > span { display: block; line-height: 1.5em; animation: bsDon 10s cubic-bezier(.7,0,.3,1) infinite; }
@keyframes bsDon { 0%,16% { transform: translateY(0); } 20%,36% { transform: translateY(-100%); } 40%,56% { transform: translateY(-200%); } 60%,76% { transform: translateY(-300%); } 80%,96% { transform: translateY(-400%); } 100% { transform: translateY(-500%); } }
.bs-hero[data-tema="lacivert"] .bs-donen__kutu { background: var(--bs-kir); }

.bs-bant { display: flex; overflow: hidden; padding: clamp(18px, 3vw, 34px) 0; background: var(--bs-zemin); transform: rotate(-1.6deg); margin: 10px -2vw; border-block: 1px solid var(--bs-cizgi); }
.bs-bant--ters { transform: rotate(1.4deg); background: var(--bs-lac); }
.bs-bant__ic { display: flex; flex: none; align-items: center; gap: clamp(18px, 3vw, 40px); padding-right: clamp(18px, 3vw, 40px); animation: bsKay 38s linear infinite; }
.bs-bant--ters .bs-bant__ic { animation-direction: reverse; }
.bs-bant span { font: 800 clamp(34px, 6vw, 86px)/1 var(--bs-f-bas); letter-spacing: -.03em; white-space: nowrap; color: transparent; -webkit-text-stroke: 1.5px rgba(11,33,80,.35); }
.bs-bant .bs-bant__dolu { color: var(--bs-lac); -webkit-text-stroke: 0; }
.bs-bant--ters span { -webkit-text-stroke-color: rgba(255,255,255,.35); }
.bs-bant--ters .bs-bant__dolu { color: #fff; }
.bs-bant i { font-style: normal; font-size: clamp(22px, 3vw, 40px); color: var(--bs-kir); }
.bs-bant--ters i { color: var(--bs-alt); }

/* 3D sektör halkası (JS .is-halka ekler; dar ekranda / hareket azaltmada normal kaydırmalı ray kalır) */
.bs-ray.is-halka { display: block; position: relative; height: 380px; overflow: visible; padding: 0; perspective: 1600px; scroll-snap-type: none; cursor: grab; touch-action: pan-y; user-select: none; }
.bs-ray.is-halka.is-tutuldu { cursor: grabbing; }
.bs-halka__ic { position: absolute; left: 50%; top: 40px; width: 230px; height: 260px; margin-left: -115px; transform-style: preserve-3d; transform: translateZ(calc(var(--r0, 600px) * -1)) rotateX(-8deg) rotateY(var(--aci, 0deg)); }
.bs-ray.is-halka .bs-sektor { position: absolute; inset: 0; width: 230px; min-height: 0; height: 250px; padding: 20px; transform: rotateY(var(--k)) translateZ(var(--r)) !important; backface-visibility: hidden; box-shadow: var(--bs-golge-2); transition: box-shadow .3s, border-color .3s, filter .3s; }
.bs-ray.is-halka .bs-sektor:hover, .bs-ray.is-halka .bs-sektor:focus-visible { box-shadow: var(--bs-golge-3); border-color: var(--bs-kir); }
.bs-halka__zemin { position: absolute; left: 50%; bottom: -10px; width: 900px; height: 160px; margin-left: -450px; border-radius: 50%; background: radial-gradient(closest-side, rgba(11,33,80,.18), transparent); filter: blur(8px); pointer-events: none; }