/* BANUK compact catalog toolbar — minimal height, no oversized filter box. */
body.bn11-redesign main.bn12-archive .bn14-toolbar{
  --bn14-ink:#28232a; --bn14-line:#e5e0da; --bn14-muted:#80777e;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;min-height:38px!important;
  width:100%!important;max-width:100%!important;
  padding:0!important;margin:0 0 12px!important;
  border:0!important;border-bottom:1px solid var(--bn14-line)!important;
  background:transparent!important;position:relative!important;z-index:60!important;
  box-sizing:border-box!important;
}
body.bn11-redesign main.bn12-archive .bn14-actions{
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  gap:7px!important;min-width:0!important;max-width:100%!important;
}
body.bn11-redesign main.bn12-archive .bn14-control{
  position:relative!important;display:block!important;flex:0 1 auto!important;
  margin:0!important;padding:0!important;min-width:0!important;
  border:0!important;background:transparent!important;
}
body.bn11-redesign main.bn12-archive .bn14-trigger{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;height:34px!important;min-height:34px!important;
  padding:0 10px!important;margin:0!important;max-width:100%!important;
  border:1px solid transparent!important;border-radius:5px!important;
  background:transparent!important;color:var(--bn14-ink)!important;
  list-style:none!important;font-size:12px!important;line-height:1.4!important;
  font-weight:500!important;letter-spacing:normal!important;
  box-shadow:none!important;cursor:pointer!important;white-space:nowrap!important;
  transition:background-color .15s ease,border-color .15s ease!important;
}
body.bn11-redesign main.bn12-archive .bn14-trigger::-webkit-details-marker{display:none!important}
body.bn11-redesign main.bn12-archive .bn14-trigger::marker{content:''}
body.bn11-redesign main.bn12-archive .bn14-trigger:hover,
body.bn11-redesign main.bn12-archive .bn14-control[open]>.bn14-trigger{
  background:#f7f3ee!important;border-color:#eee7e1!important;color:#3e2346!important;
}
body.bn11-redesign main.bn12-archive .bn14-trigger:focus-visible,
body.bn11-redesign main.bn12-archive .bn14-menu a:focus-visible,
body.bn11-redesign main.bn12-archive .bn14-clear:focus-visible{
  outline:2px solid #3e2346!important;outline-offset:2px!important;
}
body.bn11-redesign main.bn12-archive .bn14-trigger svg{
  width:14px!important;height:14px!important;flex:0 0 14px!important;
  color:inherit!important;opacity:.8!important;
}
body.bn11-redesign main.bn12-archive .bn14-trigger svg.bn14-chevron{
  width:10px!important;height:10px!important;flex-basis:10px!important;
  opacity:.65!important;transition:transform .15s ease!important;
}
body.bn11-redesign main.bn12-archive .bn14-control[open] svg.bn14-chevron{
  transform:rotate(180deg)!important;
}
body.bn11-redesign main.bn12-archive .bn14-trigger.is-active{
  color:#3e2346!important;font-weight:650!important;
}
body.bn11-redesign main.bn12-archive .bn14-selection{
  display:inline-block!important;overflow:hidden!important;text-overflow:ellipsis!important;
  max-width:115px!important;min-width:0!important;color:#706272!important;
  font-size:11px!important;white-space:nowrap!important;
}
body.bn11-redesign main.bn12-archive .bn14-count{
  flex:0 0 auto!important;font-size:11px!important;font-weight:400!important;
  color:var(--bn14-muted)!important;white-space:nowrap!important;line-height:1.5!important;
  margin:0!important;padding:0 4px!important;
}
body.bn11-redesign main.bn12-archive .bn14-clear{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;
  min-height:30px!important;padding:4px 3px!important;margin:0!important;
  border:0!important;background:transparent!important;color:#745f71!important;
  text-decoration:underline!important;text-underline-offset:3px!important;
  font-size:11px!important;line-height:1.45!important;
}
body.bn11-redesign main.bn12-archive .bn14-clear:hover{color:#3e2346!important}
body.bn11-redesign main.bn12-archive .bn14-menu{
  position:absolute!important;top:calc(100% + 5px)!important;
  inset-inline-start:0!important;inset-inline-end:auto!important;
  display:flex!important;flex-direction:column!important;gap:0!important;
  width:max-content!important;min-width:190px!important;max-width:min(232px,calc(100vw - 26px))!important;
  max-height:min(335px,58vh)!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  box-sizing:border-box!important;margin:0!important;padding:5px!important;
  border:1px solid #e6e0db!important;border-radius:7px!important;
  background:#fff!important;box-shadow:0 12px 28px rgba(39,27,34,.12)!important;
  z-index:150!important;
}
body.bn11-redesign main.bn12-archive .bn14-sort .bn14-menu{
  inset-inline-start:auto!important;inset-inline-end:0!important;
}
body.bn11-redesign main.bn12-archive details.bn14-control:not([open])>.bn14-menu{
  display:none!important;
}
body.bn11-redesign main.bn12-archive .bn14-menu>a{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;width:100%!important;min-height:34px!important;
  box-sizing:border-box!important;margin:0!important;padding:7px 10px!important;
  color:#332b33!important;background:transparent!important;
  border:0!important;border-radius:4px!important;
  text-decoration:none!important;font-size:12px!important;font-weight:400!important;
  line-height:1.5!important;white-space:normal!important;letter-spacing:normal!important;
}
body.bn11-redesign main.bn12-archive .bn14-menu>a:hover,
body.bn11-redesign main.bn12-archive .bn14-menu>a:focus-visible{
  background:#f7f3ee!important;color:#3e2346!important;
}
body.bn11-redesign main.bn12-archive .bn14-menu>a[aria-current=page]{
  background:#f5f0f5!important;color:#3e2346!important;font-weight:700!important;
}
body.bn11-redesign main.bn12-archive .bn14-menu small,
body.bn11-redesign main.bn12-archive .bn14-tick{
  flex:0 0 auto!important;color:#817681!important;
  font-size:11px!important;font-weight:500!important;line-height:1.4!important;
}
@media(max-width:600px){
 body.bn11-redesign main.bn12-archive .bn14-toolbar{
   min-height:36px!important;margin-bottom:11px!important;gap:5px!important;
 }
 body.bn11-redesign main.bn12-archive .bn14-actions{gap:0!important}
 body.bn11-redesign main.bn12-archive .bn14-trigger{
   min-height:33px!important;height:33px!important;padding:0 5px!important;gap:4px!important;
   font-size:11px!important;
 }
 body.bn11-redesign main.bn12-archive .bn14-trigger svg{
   width:13px!important;height:13px!important;flex-basis:13px!important;
 }
 body.bn11-redesign main.bn12-archive .bn14-trigger svg.bn14-chevron{
   width:9px!important;height:9px!important;flex-basis:9px!important;
 }
 body.bn11-redesign main.bn12-archive .bn14-selection{max-width:64px!important;font-size:10px!important}
 body.bn11-redesign main.bn12-archive .bn14-count{font-size:10px!important;padding:0!important}
 body.bn11-redesign main.bn12-archive .bn14-clear{font-size:10px!important;padding-inline:4px!important}
 body.bn11-redesign main.bn12-archive .bn14-menu{
   min-width:180px!important;max-width:min(218px,calc(100vw - 24px))!important;
   max-height:min(300px,55vh)!important;
 }
}
@media(max-width:365px){
 body.bn11-redesign main.bn12-archive .bn14-trigger{gap:3px!important;padding:0 3px!important;font-size:10px!important}
 body.bn11-redesign main.bn12-archive .bn14-selection{max-width:43px!important}
}
@media(prefers-reduced-motion:reduce){
 body.bn11-redesign main.bn12-archive .bn14-trigger,
 body.bn11-redesign main.bn12-archive .bn14-trigger svg{transition:none!important}
}
