/* s27 Sol filtre paneli: yapışkan, kendi içinde kayan, karşılaştırma tepsisinin üstünde biter. Marka tokenları, düz renkler. */
:root{--kf-head-h:72px;--cmp-h:0px}
@media(min-width:901px){
  html.cmp-has body{padding-bottom:var(--cmp-h)}
  .list-layout{grid-template-columns:272px minmax(0,1fr)}
  .list-layout>aside.kf-aside{position:sticky;top:calc(var(--kf-head-h) + 12px);align-self:start;max-height:calc(100vh - var(--kf-head-h) - var(--cmp-h) - 24px);max-height:calc(100dvh - var(--kf-head-h) - var(--cmp-h) - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--bf-color-neutral-300,#C5CDDB) transparent;padding-right:4px;gap:12px}
  .kf-aside::-webkit-scrollbar{width:6px}.kf-aside::-webkit-scrollbar-thumb{background:var(--bf-color-neutral-300,#C5CDDB);border-radius:6px}.kf-aside::-webkit-scrollbar-track{background:transparent}
  .list-layout>aside.kf-aside>*{flex:none}.list-layout>aside.kf-aside .kf-form{overflow:visible}
  .kf-js .kf-foot{display:none}
  .kf-js .kf-head .kf-x{display:none}
}
/* kategori ağacı bölümü */
.cattree .kf-cat{border:0;padding:0}.cattree .kf-cat>summary{padding:4px 0 8px;color:var(--bd,#0D1726)}
.cattree .kf-cat-more>summary{padding:6px 8px;color:var(--b,#1857C4);font-size:.86rem}
/* seçili filtreler */
.kf-sel{border:1px solid var(--bf-color-primary-100,#DCE7FB);background:var(--bf-color-primary-50,#F1F6FE);border-radius:12px;padding:10px 12px;margin:6px 0 10px}
.kf-sel-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.kf-sel-h b{font-size:.86rem;color:var(--bd,#0D1726)}
.kf-sel-x{font-size:.82rem;font-weight:700;color:var(--b,#1857C4)}
.kf-sel ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.kf-sel li a{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid var(--ln,#DDE3EE);color:var(--tx,#0D1726);font-size:.8rem;line-height:1.3;text-decoration:none}
.kf-sel li a:hover{border-color:var(--b,#1857C4);color:var(--b,#1857C4)}
/* hızlı fiyat aralıkları */
.kf-q{list-style:none;margin:8px 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.kf-q li{display:block;width:auto;margin:0;flex:none}
.kf-q a{display:inline-block;padding:5px 10px;border-radius:999px;border:1px solid var(--ln,#DDE3EE);background:#fff;color:var(--tx,#0D1726);font-size:.8rem;text-decoration:none}
.kf-q a:hover{border-color:var(--b,#1857C4);color:var(--b,#1857C4)}.kf-q a.on{background:var(--b,#1857C4);border-color:var(--b,#1857C4);color:#fff}
/* sonuçsuz seçenek */
.kf-list label.kf-dis{opacity:.45;cursor:not-allowed}.kf-list label.kf-dis:hover{color:inherit}
.kf-g .pr{margin:4px 0 8px}
/* güncellenirken */
.vt-list.kf-busy .grid{opacity:.55}
html:not([data-motion="off"]) .vt-list .grid{transition:opacity .18s}
.kf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* mobil: aynı içerik alttan açılan çekmece; başlık ve "N ürünü göster" sabit, içerik kayar */
@media(max-width:900px){
  .list-layout>aside.kf-aside{inset:auto 0 0 0;width:100%;max-height:88vh;max-height:88dvh;border-radius:20px 20px 0 0;transform:translateY(105%);overflow:auto;display:flex;flex-direction:column;padding:0}
  html:not([data-motion="off"]) .list-layout>aside.kf-aside{transition:transform .28s ease,visibility 0s linear .28s}
  html[data-motion="off"] .list-layout>aside.kf-aside{transition:none}
  body.kf-open .list-layout>aside.kf-aside{transform:none}
  .kf-aside .cattree{display:block;border:0;border-radius:0;border-bottom:1px solid #edf2fb;margin:0;box-shadow:none;padding:8px 16px}
  .kf-aside .cattree .kf-cat:not([open])>summary{padding-bottom:4px}
  .kf-aside .kf-form{display:contents}
  .kf-aside .kf-head{order:-1}.kf-aside .cattree{order:0}.kf-aside .kf-body{order:1;flex:none}.kf-aside .kf-foot{order:2;margin-top:auto}
  .kf-aside .kf-head{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #edf2fb;padding:10px 16px}
  .kf-aside .kf-body{overflow:visible}
  .kf-aside .kf-foot{position:sticky;bottom:0;z-index:2}
}