[data-vod-card],.mex52-shelf-card,.mex52-hero-slide { position: relative; }
.mex52-watchlater { position: absolute; z-index: 24; top: 48px; right: 8px; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255,255,255,.34); border-radius: 50%; background: rgba(13,17,19,.86); color: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.3); cursor: pointer; opacity: 0; transform: translateY(4px); transition: opacity .18s ease,transform .18s ease,background .18s ease; }
[data-vod-card]:hover > .mex52-watchlater,.mex52-shelf-card:hover > .mex52-watchlater,.mex52-hero-slide:hover > .mex52-watchlater,.mex52-watchlater:focus-visible,.mex52-watchlater.saved { opacity: 1; transform: none; }
.mex52-watchlater:hover { background: #e7352b; }
.mex52-watchlater:focus-visible { outline: 2px solid #f3a712; outline-offset: 2px; }
.mex52-watchlater:disabled { cursor: wait; opacity: .7; }
.mex52-watchlater svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mex52-watchlater .mex52-watchlater-check { display: none; }
.mex52-watchlater.saved { background: #198754; }
.mex52-watchlater.saved .mex52-watchlater-plus { display: none; }
.mex52-watchlater.saved .mex52-watchlater-check { display: inline; }
.mex52-watchlater.loading svg { animation: mex52-watchlater-spin .8s linear infinite; }
.mex52-watchlater-toast { position: fixed; z-index: 2147483001; right: 20px; bottom: 24px; display: flex; align-items: center; justify-content: space-between; gap: 14px; width: min(420px,calc(100vw - 32px)); padding: 12px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 6px; background: #202429; color: #f5f6f7; box-shadow: 0 12px 36px rgba(0,0,0,.32); font-size: 13px; line-height: 1.45; }
.mex52-watchlater-toast button { flex: 0 0 auto; min-height: 34px; padding: 6px 10px; border: 1px solid #f3a712; border-radius: 4px; background: transparent; color: #f3a712; cursor: pointer; font-weight: 700; }
@keyframes mex52-watchlater-spin { to { transform: rotate(360deg); } }
@media (hover:none),(max-width:720px) {
  .mex52-watchlater { top: 48px; right: 7px; width: 40px; height: 40px; opacity: 1; transform: none; }
  .mex52-watchlater-toast { right: 12px; bottom: calc(78px + env(safe-area-inset-bottom)); width: calc(100vw - 24px); }
}
@media (prefers-reduced-motion:reduce) { .mex52-watchlater,.mex52-watchlater.loading svg { transition: none; animation: none; } }