/* Sol yan kategori menü — bullet’ları kapat, boşlukları sıfırla */
.yanmenu{background:#fff;border:1px solid #e7e7e9;border-radius:12px;padding:10px}
.yanmenu ul,
.yanmenu li{list-style:none;margin:0;padding:0}

/* Ana başlık butonu */
.yanmenu .kat{border-bottom:1px solid #f1f2f4}
.yanmenu .kat:last-child{border-bottom:0}

.yanmenu .kat > button.kat-baslik{
  width:100%; text-align:left; background:#fff; color:#222;
  border:1px solid #e4e7ec; border-radius:10px; cursor:pointer;
  padding:10px 12px; margin:6px 0; display:flex; justify-content:space-between; align-items:center;
  appearance:none; -webkit-appearance:none; font:inherit;
}
.yanmenu .kat > button.kat-baslik:hover{background:#f6f7f9}
.yanmenu .kat.acik > button.kat-baslik{background:#f3f4f6}

/* Aşağı/açık ikonunu CSS’den verelim */
.yanmenu .kat > button.kat-baslik > span:last-child{opacity:.6; transition:transform .15s ease}
.yanmenu .kat.acik > button.kat-baslik > span:last-child{transform:rotate(180deg)}

/* Alt liste aynı kolonda, aşağı doğru */
.yanmenu .kat .alt-liste{display:none; padding:4px 0 10px 8px}
.yanmenu .kat.acik .alt-liste{display:block}
.yanmenu .alt-icerik a{
  display:block; padding:8px 10px; border-radius:8px; color:#222;
}
.yanmenu .alt-icerik a:hover{background:#f3f4f6}