[x-cloak]{display:none!important}
  .sba-perde{ position:fixed; inset:0; z-index:9998; background:rgba(2,10,20,.62);
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
  .sba-panel{ position:fixed; z-index:9999; left:50%; top:12vh; transform:translateX(-50%);
    width:min(680px, calc(100vw - 28px)); max-height:76vh; display:flex; flex-direction:column;
    border-radius:20px; overflow:hidden; background:var(--panel); color:var(--ink);
    border:1px solid color-mix(in srgb, var(--sl-ink) 14%, transparent);
    box-shadow:0 30px 80px -20px rgba(0,0,0,.55); }
  /* giriş animasyonu: yalnız transform+opacity → layout kaymaz */
  .sba-gir{ transition:opacity .18s ease, transform .18s ease; }
  .sba-gir-b{ opacity:0; transform:translateX(-50%) translateY(-8px) scale(.985); }
  .sba-gir-s{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); }

  .sba-bar{ display:flex; align-items:center; gap:12px; padding:16px 18px;
    border-bottom:1px solid color-mix(in srgb, var(--sl-ink) 10%, transparent); flex-shrink:0; }
  .sba-bar-ic{ font-size:17px; color:var(--cta); flex-shrink:0; }
  .sba-giris{ flex:1; min-width:0; background:transparent; border:0;
    font:inherit; font-size:17px; font-weight:600; color:var(--ink); }
  /* tarayıcının mavi odak çerçevesi marka dışı kalıyordu → kaldırıldı, odak göstergesi
     BARIN kendisine taşındı (erişilebilirlik korunur, renk markaya uyar) */
  .sba-giris:focus, .sba-giris:focus-visible{ outline:none !important; box-shadow:none !important; }
  .sba-bar:focus-within{ box-shadow:inset 0 -2px 0 0 var(--cta); }   /* yer kaplamaz → zıplama yok */
  .sba-giris::placeholder{ color:color-mix(in srgb, var(--sl-ink) 42%, transparent); font-weight:500; }
  .sba-temizle,.sba-kapat{ flex-shrink:0; border:0; cursor:pointer; font:inherit; color:var(--ink);
    background:color-mix(in srgb, var(--sl-ink) 8%, transparent); transition:background-color .16s ease; }
  .sba-temizle{ width:28px; height:28px; border-radius:50%; font-size:12px; }
  .sba-kapat{ padding:5px 10px; border-radius:8px; font-size:11px; font-weight:700; letter-spacing:.04em; opacity:.75; }
  .sba-temizle:hover,.sba-kapat:hover{ background:color-mix(in srgb, var(--sl-ink) 14%, transparent); }

  .sba-govde{ flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:14px 14px 6px; }
  .sba-blok{ margin-bottom:16px; }
  .sba-blok-b{ display:flex; align-items:center; gap:8px; margin:0 0 8px 6px;
    font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase;
    color:color-mix(in srgb, var(--sl-ink) 52%, transparent); }
  .sba-izgara{ display:grid; grid-template-columns:repeat(2,1fr); gap:6px; }
  @media(max-width:600px){ .sba-izgara{ grid-template-columns:1fr; } }

  .sba-oge,.sba-satir{ display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:13px;
    color:var(--ink); text-decoration:none; transition:background-color .16s ease; }
  .sba-oge:hover,.sba-satir:hover{ background:color-mix(in srgb, var(--sl-ink) 7%, transparent); }
  .sba-oge-ic{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center; flex-shrink:0;
    background:color-mix(in srgb, var(--cta) 15%, transparent); }
  .sba-oge-ic i{ font-size:17px; color:var(--cta); }
  .sba-oge-yazi{ flex:1; min-width:0; }
  .sba-oge-yazi b{ display:block; font-size:14.5px; font-weight:700; line-height:1.25;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .sba-oge-ok{ font-size:12px; color:var(--cta); opacity:0; transform:translateX(-4px);
    transition:opacity .16s ease, transform .16s ease; flex-shrink:0; }
  .sba-oge:hover .sba-oge-ok,.sba-satir:hover .sba-oge-ok{ opacity:1; transform:none; }

  .sba-liste{ display:flex; flex-direction:column; gap:2px; }
  .sba-satir-g{ width:40px; height:40px; border-radius:10px; overflow:hidden; flex-shrink:0;
    display:grid; place-items:center; background:color-mix(in srgb, var(--sl-ink) 8%, transparent); }
  .sba-satir-g img{ width:100%; height:100%; object-fit:cover; display:block; }
  .sba-satir-g i{ font-size:15px; opacity:.6; }
  .sba-satir-y{ flex:1; min-width:0; }
  .sba-satir-y b{ display:block; font-size:14px; font-weight:600; line-height:1.3;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .sba-satir-y small{ display:block; font-size:11.5px; margin-top:1px;
    color:color-mix(in srgb, var(--sl-ink) 50%, transparent); }

  .sba-bos{ padding:8px 6px 14px; }
  .sba-bos-b{ margin:0 0 10px; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase;
    color:color-mix(in srgb, var(--sl-ink) 52%, transparent); }
  .sba-cipler{ display:flex; flex-wrap:wrap; gap:7px; }
  .sba-cip{ display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border-radius:999px;
    border:1px solid color-mix(in srgb, var(--sl-ink) 13%, transparent); background:transparent;
    color:var(--ink); font:inherit; font-size:13px; font-weight:600; cursor:pointer;
    transition:background-color .16s ease, border-color .16s ease; }
  .sba-cip i{ font-size:14px; color:var(--cta); }
  .sba-cip:hover{ background:color-mix(in srgb, var(--cta) 12%, transparent);
    border-color:color-mix(in srgb, var(--cta) 38%, transparent); }
  .sba-ipucu{ margin:14px 0 0; font-size:12px; line-height:1.5;
    color:color-mix(in srgb, var(--sl-ink) 48%, transparent); }
  .sba-ipucu i{ color:var(--cta); margin-right:5px; }

  .sba-yok{ padding:26px 12px 22px; text-align:center; }
  .sba-yok > i{ font-size:32px; color:color-mix(in srgb, var(--sl-ink) 28%, transparent); }
  .sba-yok p{ margin:10px 0 0; font-size:14px; }
  .sba-yok-alt{ font-size:12.5px !important; color:color-mix(in srgb, var(--sl-ink) 50%, transparent); }

  .sba-alt{ flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:11px 16px; border-top:1px solid color-mix(in srgb, var(--sl-ink) 10%, transparent);
    background:color-mix(in srgb, var(--sl-ink) 3%, transparent); }
  .sba-tumu{ display:inline-flex; align-items:center; gap:8px; padding:8px 15px; border-radius:10px; border:0;
    background:var(--cta); color:var(--cta-ink); font:inherit; font-size:13px; font-weight:800; cursor:pointer;
    transition:filter .16s ease; }
  .sba-tumu:hover{ filter:brightness(1.06); }
  .sba-tumu i{ font-size:11px; }
  .sba-alt-not,.sba-alt-ipucu{ font-size:11.5px; color:color-mix(in srgb, var(--sl-ink) 46%, transparent); }
  .sba-alt-ipucu kbd{ padding:2px 6px; border-radius:5px; font-size:10.5px; font-family:inherit; font-weight:700;
    background:color-mix(in srgb, var(--sl-ink) 10%, transparent); }

  @media(max-width:640px){
    .sba-panel{ top:8vh; max-height:82vh; border-radius:16px; }
    .sba-giris{ font-size:16px; }   /* iOS zoom eşiği: 16px altına DÜŞÜRME */
    .sba-alt-ipucu{ display:none; }
  }