.am-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  width:100%;
}
.prodpop-wrap{position:relative}
.prodpop-btn{
  position:relative;
  padding:10px 32px 10px 12px;
  border:1px solid #fff;
  border-radius:var(--r-pill);
  background:#fff;
  font-size:13px;
  font-weight:600;
  max-width:220px;
  box-shadow:var(--shadow);
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.prodpop-btn::after{
  content:"▾";
  position:absolute;
  right:12px;
  top:10px;
  line-height:1;
  opacity:.7;
  font-weight:700;
}
.prodpop-btn:hover{background:#fff4ea}
.prodpop-btn:focus{
  outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);
  border-color:transparent;
}
.prodpop{
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  min-width:220px;
  max-width:280px;
  max-height:280px;
  overflow:auto;
  background:#fff;
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:6px;
  z-index:40;
}
.prodopt{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:8px 10px;
  border-radius:12px;
  font-size:13px;
  font-weight:600;
  color:var(--ink);
  text-align:left;
}
.prodopt:hover{background:#fff4ea}
.prodopt .tick{
  width:16px;
  height:16px;
  border-radius:5px;
  border:1.5px solid #d9c8e4;
  background:#fff;
  flex:0 0 auto;
  display:grid;
  place-items:center;
}
.prodopt.on .tick{
  background:#5b3dff;
  border-color:#5b3dff;
}
.prodopt.on .tick::after{
  content:"✓";
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:700;
}