/* v12.10.306 - one lightweight favorite action in a dedicated card corner. */
:root{--op-favorite-action-size:32px;--op-favorite-action-gap:8px}

body:not(.nc-editor-page) .magazine-shell .product-card{
  position:relative!important;
  isolation:isolate!important;
}
body:not(.nc-editor-page) .magazine-shell .product-card>[data-nc-child="image"]{
  z-index:1!important;
}
body:not(.nc-editor-page) .magazine-shell .product-card>.op-favorite-btn[data-nc-child="favorite"][data-favorite-card]{
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:var(--op-favorite-action-gap)!important;
  bottom:var(--op-favorite-action-gap)!important;
  width:var(--op-favorite-action-size)!important;
  height:var(--op-favorite-action-size)!important;
  min-width:var(--op-favorite-action-size)!important;
  min-height:var(--op-favorite-action-size)!important;
  max-width:var(--op-favorite-action-size)!important;
  max-height:var(--op-favorite-action-size)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  background:transparent!important;
  color:#17120d!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  font:400 23px/1 Arial,"Helvetica Neue",sans-serif!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  z-index:2147482000!important;
}
body:not(.nc-editor-page) .magazine-shell .product-card>.op-favorite-btn[data-nc-child="favorite"][aria-pressed="true"],
body:not(.nc-editor-page) .magazine-shell .product-card>.op-favorite-btn[data-nc-child="favorite"].is-favorite{
  color:#d50000!important;
}
body:not(.nc-editor-page) .magazine-shell .product-card>.op-favorite-btn[data-nc-child="favorite"]:focus-visible{
  outline:3px solid #1687ff!important;
  outline-offset:2px!important;
}
body:not(.nc-editor-page) .magazine-shell .product-card>.op-favorite-btn[data-nc-child="favorite"]::before,
body:not(.nc-editor-page) .magazine-shell .product-card>.op-favorite-btn[data-nc-child="favorite"]::after{content:none!important;display:none!important}

/* Old copied hearts are editor artifacts. Public cards expose exactly one action. */
body:not(.nc-editor-page) .magazine-shell .product-card>.op-favorite-duplicate,
body:not(.nc-editor-page) .magazine-shell .product-card>[data-nc-child^="favorite_copy_"]{display:none!important;pointer-events:none!important}

/* The editor previews the same canonical slot; color/background remain editable. */
body.nc-editor-page .magazine-shell .product-card>.op-favorite-btn[data-nc-child="favorite"]{
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:var(--op-favorite-action-gap)!important;
  bottom:var(--op-favorite-action-gap)!important;
  width:var(--op-favorite-action-size)!important;
  height:var(--op-favorite-action-size)!important;
  min-width:var(--op-favorite-action-size)!important;
  min-height:var(--op-favorite-action-size)!important;
  max-width:var(--op-favorite-action-size)!important;
  max-height:var(--op-favorite-action-size)!important;
  pointer-events:auto!important;
  z-index:2147482000!important;
}

@media(max-width:760px){
  :root{--op-favorite-action-size:28px;--op-favorite-action-gap:8px}
  body:not(.nc-editor-page) .magazine-shell .product-card>.op-favorite-btn[data-nc-child="favorite"][data-favorite-card]{font-size:21px!important}
}