/* ApoloCloud v1.9.1 - Categorias rectangulares + buscador centrado */
.shop-layout{
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:28px!important;
}
.shop-sidebar{
  border-radius:18px!important;
  padding:16px!important;
  background:rgba(8,12,22,.96)!important;
  border:1px solid rgba(56,189,248,.16)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.36)!important;
}
.search-box{margin-bottom:18px!important;position:relative!important;}
.search-box i{display:none!important;}
.search-box input{
  height:54px!important;
  width:100%!important;
  border-radius:12px!important;
  padding:0 18px!important;
  text-align:center!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  background:#050914!important;
  color:#f8fafc!important;
  border:1px solid rgba(56,189,248,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.search-box input::placeholder{text-align:center!important;color:#dbeafe!important;opacity:.78!important;}
.search-box input:focus{
  border-color:rgba(125,211,252,.78)!important;
  box-shadow:0 0 0 4px rgba(14,165,233,.13),0 0 30px rgba(14,165,233,.12)!important;
}
.tabs-scroll,.tabs-scroll.nav{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  max-height:calc(100vh - 225px)!important;
  overflow:auto!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:12px!important;
  background:#050914!important;
}
.tabs-scroll a,.tabs-scroll.nav a{
  width:100%!important;
  min-height:60px!important;
  border:0!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
  border-radius:0!important;
  background:#080d18!important;
  color:#e0f2fe!important;
  padding:14px 17px!important;
  font-size:15.5px!important;
  font-weight:950!important;
  line-height:1.18!important;
  white-space:normal!important;
  word-break:break-word!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.tabs-scroll a:last-child,.tabs-scroll.nav a:last-child{border-bottom:0!important;}
.tabs-scroll a::after,.tabs-scroll.nav a::after{
  content:'›'!important;
  display:block!important;
  opacity:.42!important;
  font-size:23px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.tabs-scroll a:hover,.tabs-scroll.nav a:hover{
  transform:none!important;
  background:#0c1728!important;
  color:#fff!important;
  box-shadow:inset 5px 0 0 #38bdf8,0 0 28px rgba(14,165,233,.14)!important;
}
.tabs-scroll a.active,.tabs-scroll.nav a.active,.tabs-scroll.nav a.show{
  background:linear-gradient(135deg,#0f172a,#082f49)!important;
  color:#fff!important;
  border-color:rgba(148,163,184,.13)!important;
  box-shadow:inset 6px 0 0 #7dd3fc,0 0 34px rgba(14,165,233,.20)!important;
}
@media(max-width:991px){
  .shop-layout{grid-template-columns:1fr!important;gap:16px!important;}
  .shop-sidebar{
    position:sticky!important;
    top:78px!important;
    z-index:50!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    padding:12px 14px!important;
  }
  .sidebar-title{display:none!important;}
  .search-box{margin-bottom:10px!important;}
  .search-box input{height:48px!important;border-radius:10px!important;}
  .tabs-scroll,.tabs-scroll.nav{
    flex-direction:row!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-radius:10px!important;
    border:1px solid rgba(148,163,184,.13)!important;
  }
  .tabs-scroll a,.tabs-scroll.nav a{
    min-width:150px!important;
    max-width:230px!important;
    min-height:50px!important;
    border-bottom:0!important;
    border-right:1px solid rgba(148,163,184,.13)!important;
    padding:11px 13px!important;
    font-size:14px!important;
  }
  .tabs-scroll a::after,.tabs-scroll.nav a::after{display:none!important;}
  .tabs-scroll a.active,.tabs-scroll.nav a.active,.tabs-scroll.nav a.show{
    box-shadow:inset 0 -4px 0 #7dd3fc,0 0 26px rgba(14,165,233,.16)!important;
  }
}