/* Kategori sayfasında eski kategori browser görünümü */

body.ilanup-category-mode .hero,
body.ilanup-category-mode .filters,
body.ilanup-category-mode #filtersPanel,
body.ilanup-category-mode .smart-row,
body.ilanup-category-mode #chips,
body.ilanup-category-mode #stateBox,
body.ilanup-category-mode #grid,
body.ilanup-category-mode #pagination{
  display:none !important;
}

body.ilanup-category-mode .layout{
  display:block !important;
  max-width:1180px !important;
  margin:24px auto 70px !important;
  padding:0 16px !important;
}

body.ilanup-category-mode .content{
  width:100% !important;
  max-width:none !important;
}

body.ilanup-category-mode .toolbar{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:22px !important;
  padding:22px 24px !important;
  margin-bottom:16px !important;
  box-shadow:0 12px 32px rgba(15,23,42,.05) !important;
}

body.ilanup-category-mode .toolbar-right{
  display:none !important;
}

body.ilanup-category-mode #resultTitle{
  font-size:28px !important;
  font-weight:950 !important;
  letter-spacing:-.03em !important;
  margin:0 0 6px !important;
}

body.ilanup-category-mode #resultSub{
  color:#6b7280 !important;
  font-weight:700 !important;
}

.pro-category-browser{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:24px !important;
  padding:24px !important;
  margin:0 0 20px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
}

.pro-cat-head{
  margin-bottom:18px !important;
}

.pro-cat-breadcrumb{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  color:#64748b !important;
  font-size:13px !important;
  font-weight:800 !important;
  margin-bottom:8px !important;
}

.pro-cat-breadcrumb a{
  color:#0f766e !important;
  text-decoration:none !important;
}

.pro-cat-head h3{
  margin:0 !important;
  font-size:26px !important;
  font-weight:950 !important;
  color:#0f172a !important;
}

.pro-cat-head p{
  margin:6px 0 0 !important;
  color:#64748b !important;
  font-weight:700 !important;
}

.pro-cat-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

.pro-cat-card{
  min-height:74px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:16px !important;
  border:1px solid #e5e7eb !important;
  background:#f8fafc !important;
  border-radius:18px !important;
  color:#0f172a !important;
  text-decoration:none !important;
}

.pro-cat-card:hover{
  background:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
}

.pro-cat-icon{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:#ecfdf5 !important;
  font-size:23px !important;
  flex:0 0 auto !important;
}

.pro-cat-card strong{
  display:block !important;
  font-size:16px !important;
  font-weight:950 !important;
  line-height:1.2 !important;
}

.pro-cat-card span{
  display:block !important;
  color:#64748b !important;
  font-size:12px !important;
  font-weight:800 !important;
  margin-top:4px !important;
}

.pro-cat-card b{
  margin-left:auto !important;
  font-size:24px !important;
  color:#94a3b8 !important;
}

@media(max-width:900px){
  body.ilanup-category-mode .layout{
    margin-top:14px !important;
    padding:0 12px 50px !important;
  }

  .pro-cat-grid{
    grid-template-columns:1fr !important;
  }

  .pro-category-browser{
    padding:16px !important;
    border-radius:20px !important;
  }
}