/* v10.2.0 - favorite heart is a real movable minicard element, minimal and smaller. */
.product-card .op-favorite-btn,
.nmt-card .nmt-favorite-btn{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  color:#111!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45),0 2px 6px rgba(0,0,0,.22)!important;
  transition:transform .16s ease,color .16s ease,opacity .16s ease!important;
}
.product-card .op-favorite-btn:hover,
.nmt-card .nmt-favorite-btn:hover{transform:scale(1.12)!important;color:#d6a928!important;}
.product-card .op-favorite-btn.is-favorite,
.nmt-card .nmt-favorite-btn.is-favorite{color:#d6a928!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.product-card .op-favorite-btn[data-nc-child="favorite"],
.nmt-card .nmt-favorite-btn[data-child="favorite"]{z-index:90!important;}
.product-card .op-favorite-btn[data-nc-child="favorite"].is-manual-child{
  position:absolute!important;
  left:var(--x,90%)!important;
  top:var(--y,4%)!important;
  width:var(--w,24px)!important;
  height:var(--h,24px)!important;
  z-index:var(--z,90)!important;
}
body.nc-editor-page .product-card .op-favorite-btn[data-nc-child="favorite"]{
  pointer-events:auto!important;
  user-select:none!important;
}
body.nc-editor-page .product-card .op-favorite-btn[data-nc-child="favorite"]:after,
body.nmt-editor .nmt-card .nmt-favorite-btn[data-child="favorite"]:after{
  content:"";
  position:absolute;
  right:-5px;
  bottom:-5px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c55e;
  border:1px solid #050505;
  opacity:.9;
}
@media(max-width:760px){
  .nmt-card .nmt-favorite-btn{font-size:18px!important;width:24px!important;height:24px!important;}
}
