.anv-wf { position: relative; }
.anv-wf * { box-sizing: border-box; }

.anv-wf__mobilebar{
  display:none;
  align-items:center;
  gap:12px;
  /*margin: 0 0 12px 0;*/
}

.anv-wf__mobilebtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 10px 14px;
  background: #fff;
  cursor:pointer;
  font-weight:600;
  color: #414042;
}

.anv-wf__mobilebtnIcon{
  width:16px;height:16px;
  display:inline-block;
  background: linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.35));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 5h18v2H3V5zm4 6h10v2H7v-2zm3 6h4v2h-4v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 5h18v2H3V5zm4 6h10v2H7v-2zm3 6h4v2h-4v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.anv-wf__panel{
  background:#fff;
  overflow:hidden;
}

.anv-wf__panelHeader{
  display:none;
  align-items:center;
  justify-content:space-between;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.anv-wf__panelTitle{ font-weight:700; }
.anv-wf__close{
  border:0; background:transparent; cursor:pointer;
  font-size: 30px; line-height: 1;
  color: #414042;
}

.anv-wf__form{ padding: 12px; }

.anv-wf__toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 2px 2px 12px 2px;
}
.anv-wf__activeCount{ font-size: 13px; opacity: .75; }
.anv-wf__clear{
  font-size: 13px;
  text-decoration:none;
  padding:6px 10px;
  border-radius: 12px;
  border:1px solid rgba(0,0,0,.12);
}
.anv-wf__clear[aria-disabled="true"]{ opacity:.35; pointer-events:none; }

.anv-wf__chips{ display:flex; flex-wrap:wrap; gap:8px; }
.anv-wf__chip{
  display:inline-flex;
  gap:8px;
  align-items:center;
  font-size: 13px;
  padding: 3px 15px;
  border-radius: 999px;
  border:1px solid rgba(0,0,0,.12);
  text-decoration:none;
  background:#fff;
}
a.anv-wf__chip span {
    color: #d26767;
    font-size: 18px;
    font-weight: 700;
}
.anv-wf__chipHint{ font-size:13px; opacity:.6; }

.anv-wf__group{
  margin: 10px 0;
  border:1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  overflow:hidden;
}
.anv-wf__groupHead{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding: 12px 12px;
  border:0;
  background: rgba(0,0,0,.02);
  cursor:pointer;
  font-weight:700;
}
.anv-wf__groupTitle {
    color: #414042;
}
.anv-wf__chev{
  width:25px;height:25px;
  /*background: rgba(0,0,0,.65);*/
  background: rgb(193 207 181);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: transform .18s ease;
}
.anv-wf__groupHead[aria-expanded="false"] .anv-wf__chev{ transform: rotate(-90deg); }

.anv-wf__groupBody{ padding: 12px; }

.anv-wf__row{ display:grid; grid-template-columns: 48px 1fr; gap:10px; align-items:center; margin-bottom:10px; }
.anv-wf__label{ font-size: 13px; opacity:.75; }
.anv-wf__input{
  width:100%;
  border:1px solid rgba(0,0,0,.14);
  border-radius: 12px;
  padding: 10px 10px;
}
.anv-wf__hint{ font-size:12px; opacity:.7; margin-top:6px; }

.anv-wf__checks{ display:grid; gap:10px; }
.anv-wf__check{
  display:flex; align-items:center; gap:10px;
  cursor:pointer;
}
.anv-wf__check input{ position:absolute; opacity:0; pointer-events:none; }
.anv-wf__checkUI{
  width:18px;height:18px;
  border-radius: 6px;
  border:1px solid rgba(0,0,0,.22);
  background:#fff;
  display:inline-block;
  position:relative;
}
.anv-wf__check input:checked + .anv-wf__checkUI::after{
  content:"";
  position:absolute; inset:3px;
  border-radius:4px;
  /*background: rgba(0,0,0,.78);*/
  background: #61ce70;
}
.anv-wf__checkText{ font-size: 14px; }
.anv-wf__checkCount{ font-size: 12px; opacity: .6; font-weight: normal; }

.anv-wf__toggle{ display:flex; align-items:center; gap:10px; cursor:pointer; }
.anv-wf__toggle input{ position:absolute; opacity:0; pointer-events:none; }
.anv-wf__toggleUI{
  width:42px;height:24px; border-radius:999px;
  border:1px solid rgba(0,0,0,.18);
  background: rgba(0,0,0,.06);
  position:relative;
}
.anv-wf__toggleUI::after{
  content:"";
  position:absolute; top:2px; left:2px;
  width:20px; height:20px; border-radius:999px;
  background:#fff; border:1px solid rgba(0,0,0,.12);
  transition: transform .18s ease;
}
.anv-wf__toggle input:checked + .anv-wf__toggleUI{
  background: rgba(0,0,0,.80);
}
.anv-wf__toggle input:checked + .anv-wf__toggleUI::after{
  transform: translateX(18px);
}
.anv-wf__toggleText{ font-weight:600; }

.anv-wf__radios{ display:grid; gap:10px; }
.anv-wf__radio{ display:flex; align-items:center; gap:10px; cursor:pointer; }
.anv-wf__radio input{ transform: translateY(1px); }

.anv-wf__footer{
  display:flex; gap:10px;
  padding: 12px 2px 2px 2px;
}
.anv-wf__apply{
  flex:1;
  border:0;
  border-radius: 14px;
  padding: 12px 12px;
  font-weight:700;
  cursor:pointer;
  background: #9a9484;
  color:#fff;
  transition: all 0.3s ease;
}
.anv-wf__apply:hover{
  background: #54595f;
}

.anv-wf__apply--secondary{
  background: rgba(0,0,0,.08);
  color:#414042;
}

/* Desktop: vertical sidebar style (your Divi column decides width) */
.anv-wf__empty{ font-size: 13px; opacity:.65; }

/* Mobile off-canvas */
@media (max-width: 980px){
  .anv-wf__mobilebar{ display:flex; }
  .anv-wf__hideOnMobile{ display:none; }

  .anv-wf__overlay{
    position:fixed; inset:0;
    background: rgba(0,0,0,.45);
    z-index: 99998;
  }
  .anv-wf__panel{
    position:fixed;
    top:105px; right:0;
    height:100vh;
    width:min(420px, 75vw);
    transform: translateX(102%);
    transition: transform .22s ease;
    z-index: 99999;
    /*border-radius: 18px 0 0 18px;*/
  }
  .anv-wf.is-open .anv-wf__panel{ transform: translateX(0); }
  .anv-wf.is-open .anv-wf__overlay{ display:block; }

  .anv-wf__panelHeader{ display:flex; }
  .anv-wf__form{ padding: 12px; overflow:auto; height: calc(100vh - 58px);padding-bottom: 220px !important; }
}

/* Category navigation links */
.anv-wf__catLinks{ display:grid; gap:10px; }
.anv-wf__catLink{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px;
  border-radius: 12px;
  border:1px solid rgba(0,0,0,.10);
  text-decoration:none;
  color: inherit;
  background:#fff;
  transition: all .15s ease;
}
.anv-wf__catLink:hover{
  border-color: rgba(0,0,0,.25);
  background: rgba(0,0,0,.02);
}
.anv-wf__catLinkText{ font-weight:600; }
.anv-wf__catLinkCount{ font-size:13px; opacity:.6; }