/* FASE NUEVE / 08 — favoritos persistentes, compartir y enlaces cortos */
.f9-product-engagement{display:inline-flex;align-items:center;gap:8px;margin-left:4px}
.f9-product-action{width:44px;height:44px;display:inline-grid;place-items:center;flex:0 0 44px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0c1017;color:rgba(255,255,255,.72);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.f9-product-action:hover,.f9-product-action:focus-visible{color:#fff;border-color:rgba(var(--f9-accent-rgb),.62);background:rgba(var(--f9-accent-rgb),.09);transform:translateY(-1px);outline:none}
.f9-product-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.f9-product-action[data-wishlist].is-active{color:var(--f9-orange);border-color:rgba(var(--f9-accent-rgb),.68);background:rgba(var(--f9-accent-rgb),.12)}
.f9-product-action[data-wishlist].is-active svg{fill:currentColor}
.f9-engagement-toast{position:fixed;left:50%;bottom:28px;z-index:2200;max-width:min(92vw,460px);padding:12px 16px;border:1px solid rgba(var(--f9-accent-rgb),.42);border-radius:8px;background:rgba(10,14,20,.96);color:#fff;font:700 11px/1.35 var(--f9-font-body,system-ui);letter-spacing:.02em;box-shadow:0 20px 54px rgba(0,0,0,.42);opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.f9-engagement-toast.is-visible{opacity:1;transform:translate(-50%,0)}
html[data-resolved-scheme="light"] .f9-product-action{background:#fff;color:#3a4250;border-color:rgba(14,18,26,.16)}
html[data-resolved-scheme="light"] .f9-engagement-toast{background:rgba(255,255,255,.98);color:#0b0e13}
@media(max-width:760px){.product-hero__actions .f9-product-engagement{margin-left:0}.f9-product-action{width:42px;height:42px;flex-basis:42px}.f9-engagement-toast{bottom:86px}}
/* UNIR CON MIS FAVORITOS: favoritos guardados sin sesión (nunca se unen en silencio) */
.f9-merge-prompt{position:fixed;left:50%;bottom:24px;z-index:2260;width:min(560px,calc(100vw - 24px));padding:18px;border:1px solid rgba(var(--f9-accent-rgb),.45);border-radius:10px;background:#10141c;color:#fff;box-shadow:0 24px 64px rgba(0,0,0,.5);transform:translateX(-50%);font-family:var(--f9-font-body,system-ui)}
.f9-merge-prompt strong{display:block;font-size:15px;line-height:1.35}
.f9-merge-prompt p{margin:8px 0 14px;color:#a7afbd;font-size:13px;line-height:1.5}
.f9-merge-prompt div{display:flex;flex-wrap:wrap;gap:8px}
.f9-merge-prompt button{min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:transparent;color:#fff;font:900 10px/1.1 var(--f9-font-body,system-ui);letter-spacing:.06em;cursor:pointer}
.f9-merge-prompt button[data-merge-yes]{border-color:var(--f9-orange,#ff5a1f);background:var(--f9-orange,#ff5a1f)}
.f9-merge-prompt button:disabled{opacity:.5;cursor:wait}
.f9-merge-prompt button:focus-visible{outline:2px solid var(--f9-orange,#ff5a1f);outline-offset:2px}
html[data-resolved-scheme="light"] .f9-merge-prompt{background:#fff;color:#0b0e13}
html[data-resolved-scheme="light"] .f9-merge-prompt p{color:#4a5260}
html[data-resolved-scheme="light"] .f9-merge-prompt button{border-color:rgba(12,17,25,.2);color:#0b0e13}
html[data-resolved-scheme="light"] .f9-merge-prompt button[data-merge-yes]{color:#fff}
@media(max-width:760px){.f9-merge-prompt{bottom:86px}.f9-merge-prompt button{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.f9-product-action,.f9-engagement-toast{transition:none!important;transform:none!important}}
