/* v121: Sidebar width tightened to Chinese label length + clearer hover light bar.
   Only affects category sidebar. Homepage and right product area are not touched. */

.hl3c-v115-catalog-page{
  grid-template-columns:224px minmax(0,1fr)!important;
  gap:22px!important;
  background:
    linear-gradient(90deg, rgba(218,231,225,.86) 0 238px, rgba(248,245,237,0) 238px 100%),
    radial-gradient(circle at 4% 8%, rgba(105,212,200,.16), transparent 26%)!important;
}

.hl3c-v115-sidebar{
  width:224px!important;
  padding:14px 10px 16px 12px!important;
  border-radius:0 22px 22px 0!important;
  background:linear-gradient(180deg, rgba(226,237,232,.98), rgba(211,226,219,.96))!important;
  border:1px solid rgba(75,104,95,.20)!important;
  border-left:0!important;
  box-shadow:10px 18px 38px rgba(55,76,70,.12)!important;
}

.hl3c-v115-sidebar-head{
  padding:0 4px 10px!important;
  margin:0 0 8px!important;
  border-bottom:1px solid rgba(67,94,86,.16)!important;
}

.hl3c-v115-sidebar h2{
  color:#23372f!important;
  font-size:20px!important;
  font-weight:900!important;
}

.hl3c-v115-side-list{
  gap:1px!important;
  align-items:flex-start!important;
}

.hl3c-v115-side-list a{
  position:relative!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  align-items:center!important;
  padding:7px 12px 7px 18px!important;
  border-radius:12px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  color:#263b36!important;
  box-shadow:none!important;
}

.hl3c-v115-side-list a::before{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:50%!important;
  width:4px!important;
  height:0!important;
  border-radius:999px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(180deg,#ff3f9b,#22d3ee)!important;
  box-shadow:0 0 0 rgba(255,63,155,0)!important;
  transition:height .18s ease, box-shadow .18s ease!important;
}

.hl3c-v115-side-list a:hover{
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(255,63,155,.36)!important;
  color:#17221f!important;
  transform:none!important;
}

.hl3c-v115-side-list a:hover::before{
  height:70%!important;
  box-shadow:0 0 14px rgba(255,63,155,.46), 0 0 20px rgba(34,211,238,.28)!important;
}

.hl3c-v115-side-list a.active{
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(229,247,243,.88))!important;
  border-color:rgba(47,133,126,.28)!important;
  box-shadow:0 8px 18px rgba(47,85,78,.08)!important;
}

.hl3c-v115-side-list a.active::before{
  height:70%!important;
  background:linear-gradient(180deg,#14b8a6,#5b7cff)!important;
  box-shadow:0 0 12px rgba(20,184,166,.32)!important;
}

.hl3c-v115-side-list strong{
  display:block!important;
  color:#263b36!important;
  font-size:20px!important;
  font-weight:850!important;
  line-height:1.28!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}

.hl3c-v115-icon,
.hl3c-v115-side-list small{
  display:none!important;
}

.hl3c-v117-collapse-btn{
  background:rgba(255,255,255,.76)!important;
  color:#25324a!important;
  border:1px solid rgba(67,94,86,.18)!important;
  box-shadow:0 10px 24px rgba(48,68,62,.10)!important;
}

body.hl3c-v117-sidebar-collapsed .hl3c-v115-catalog-page{
  grid-template-columns:54px minmax(0,1fr)!important;
  background:linear-gradient(90deg, rgba(219,232,225,.72) 0 64px, rgba(248,245,237,0) 64px 100%)!important;
}

body.hl3c-v117-sidebar-collapsed .hl3c-v115-sidebar{
  width:54px!important;
  padding:12px 8px!important;
}

body.hl3c-v117-sidebar-collapsed .hl3c-v115-side-list,
body.hl3c-v117-sidebar-collapsed .hl3c-v115-sidebar h2{
  display:none!important;
}

body.hl3c-v117-sidebar-collapsed .hl3c-v115-sidebar-head{
  justify-content:center!important;
  border-bottom:0!important;
  margin:0!important;
  padding:0!important;
}

@media(max-width:980px){
  .hl3c-v115-catalog-page{
    grid-template-columns:1fr!important;
    background:linear-gradient(180deg, rgba(219,232,225,.78) 0 230px, rgba(248,245,237,0) 230px 100%)!important;
    padding:24px 16px 58px!important;
  }
  .hl3c-v115-sidebar{
    width:auto!important;
    border-radius:20px!important;
    border-left:1px solid rgba(89,117,108,.18)!important;
  }
  .hl3c-v115-side-list a{
    display:inline-flex!important;
    padding:8px 12px 8px 18px!important;
  }
  .hl3c-v115-side-list strong{font-size:20px!important;}
}