.vb-catmenu-wrap{
  --gold-1:#B08D4F;
  --gold-2:#D8BD85;
  --ink:#1A1714;
  width:100%;
  padding:26px 20px;
  box-sizing:border-box;
  position:relative;
}
.vb-catmenu-wrap::before,
.vb-catmenu-wrap::after{
  content:"";
  position:absolute;
  left:0; right:0;
  height:1px;
  background:linear-gradient(90deg, rgba(176,141,79,0) 0%, rgba(176,141,79,.4) 20%, rgba(176,141,79,.4) 80%, rgba(176,141,79,0) 100%);
}
.vb-catmenu-wrap::before{ top:0; }
.vb-catmenu-wrap::after{ bottom:0; }

.vb-catmenu{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:46px;
  max-width:1200px;
  margin:0 auto;
}
.vb-cat{
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  cursor:pointer;
  background:none;
  border:none;
  padding:0;
  font:inherit;
}
.vb-cat .vb-ic{
  width:34px; height:34px;
  flex:none;
  border-radius:50%;
  border:1px solid rgba(176,141,79,.4);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:border-color .3s ease, background .3s ease, transform .3s ease;
  box-sizing:border-box;
}
.vb-cat .vb-ic svg{ width:18px; height:18px; display:block; }

.vb-cat .vb-label{
  display:flex;
  flex-direction:column;
  gap:2px;
  line-height:1;
  text-align:left;
}
.vb-cat .vb-eyebrow{
  font-family:Inter,system-ui,-apple-system,sans-serif;
  font-weight:500;
  font-size:9px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#b7ab8f;
  height:11px;
  overflow:hidden;
}
.vb-cat .vb-name{
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-weight:600;
  font-size:19px;
  letter-spacing:.01em;
  color:#6b6257;
  white-space:nowrap;
  transition:color .3s ease;
  position:relative;
}
.vb-cat .vb-name::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-4px;
  height:1.5px;
  background:linear-gradient(90deg,var(--gold-1),var(--gold-2));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s cubic-bezier(.2,.7,.2,1);
}

.vb-cat:hover .vb-ic{ border-color:var(--gold-1); transform:translateY(-1px); }
.vb-cat:hover .vb-name{ color:var(--ink); }

.vb-cat.is-active .vb-ic{
  border-color:var(--gold-1);
  background:linear-gradient(160deg,#FBF3E4,#F1E2C4);
}
.vb-cat.is-active .vb-eyebrow{ color:var(--gold-1); }
.vb-cat.is-active .vb-name{ color:var(--ink); }
.vb-cat.is-active .vb-name::after{ transform:scaleX(1); }

@media (max-width:640px){
  .vb-catmenu{
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    gap:30px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .vb-catmenu::-webkit-scrollbar{ display:none; }
  .vb-cat .vb-name{ font-size:17px; }
}