/* R79 - Top category navigation: dedicated file to avoid stale ui_fix.css cache */
.home-top-categories{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:6px 0 12px!important;
  padding:0!important;
  overflow:visible!important;
}
.home-top-categories .top-cat{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  min-height:46px!important;
  padding:10px 14px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:7px!important;
  background:rgba(20,24,34,.94)!important;
  color:#f8fafc!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  box-shadow:0 5px 14px rgba(0,0,0,.10)!important;
}
.home-top-categories .top-cat i{font-size:15px!important;flex:0 0 auto!important}
.home-top-categories .top-cat span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.home-top-categories .top-cat b{
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  color:inherit!important;
  font-size:11px!important;
}
.home-top-categories .top-cat:hover,
.home-top-categories .top-cat.active{
  background:linear-gradient(135deg,var(--pri),var(--pri2))!important;
  color:#fff!important;
  border-color:transparent!important;
  transform:translateY(-1px)!important;
}
.home-shell.category-top-only{grid-template-columns:minmax(0,1fr) 280px!important}
.home-shell.category-top-only .home-products-main{grid-column:1!important}
.home-shell.category-top-only .home-account-card{grid-column:2!important}
@media(max-width:1100px){.home-top-categories{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
  .home-top-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .home-shell.category-top-only,.home-shell.category-top-only.has-account{grid-template-columns:1fr!important}
  .home-shell.category-top-only .home-account-card{grid-column:1!important}
}
@media(max-width:480px){.home-top-categories{grid-template-columns:1fr!important}}

/* ===== R86: keep category labels readable on dark category buttons ===== */
.home-top-categories .top-cat,
.home-top-categories .top-cat span,
.home-top-categories .top-cat i{color:#f8fafc!important}
.home-top-categories .top-cat b{color:#f8fafc!important}
body.theme-sellmup-skin .home-top-categories .top-cat{
  background:#2f3035!important;
  border-color:#3b3d43!important;
  color:#fff!important;
}
body.theme-sellmup-skin .home-top-categories .top-cat span,
body.theme-sellmup-skin .home-top-categories .top-cat i,
body.theme-sellmup-skin .home-top-categories .top-cat b{color:#fff!important}
body.theme-sellmup-skin .home-top-categories .top-cat b{background:rgba(255,255,255,.13)!important}
body.theme-sellmup-skin .home-top-categories .top-cat:hover,
body.theme-sellmup-skin .home-top-categories .top-cat.active{
  background:linear-gradient(135deg,var(--pri),var(--pri2))!important;
  border-color:transparent!important;
  color:#fff!important;
}