{"product_id":"wonder-woman-vs-hydra-exclusive","title":"Wonder Woman VS Hydra (Exclusive)","description":"\u003c!-- AFB AR OVERLAY TEST - copy\/paste no body do Shopify --\u003e\n\u003cstyle\u003e\n  #afb-ar-test-block {\n    --afb-purple: #37174f;\n    --afb-purple-2: #5f2a7c;\n    --afb-purple-3: #7a3aa1;\n    --afb-gold: #c59b27;\n    --afb-text: #22132f;\n    --afb-muted: #5b5563;\n    margin: 22px 0;\n    font-family: Inter, Rubik, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--afb-text);\n  }\n  #afb-ar-test-block * {\n    box-sizing: border-box;\n  }\n  .afb-ar-test-card {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    align-items: center;\n    justify-content: space-between;\n    padding: 22px;\n    border: 1px solid #e8daf5;\n    border-radius: 20px;\n    background:\n      radial-gradient(circle at 16% 12%, rgba(197,155,39,0.10), transparent 30%),\n      linear-gradient(135deg, #f6f0ff 0%, #ffffff 100%);\n    box-shadow: 0 14px 34px rgba(55,23,79,0.08);\n  }\n  .afb-ar-test-card-copy {\n    flex: 1 1 260px;\n    min-width: 0;\n  }\n  .afb-ar-test-card-title {\n    margin: 0 0 8px;\n    color: var(--afb-purple);\n    font-size: 19px;\n    font-weight: 900;\n    line-height: 1.2;\n  }\n  .afb-ar-test-card-desc {\n    margin: 0;\n    color: var(--afb-muted);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n  .afb-ar-test-open,\n  .afb-ar-test-open:link,\n  .afb-ar-test-open:visited {\n    min-height: 48px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 0 22px;\n    border: 0;\n    border-radius: 999px;\n    background:\n      linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0) 42%),\n      linear-gradient(135deg, var(--afb-purple-3) 0%, var(--afb-purple-2) 46%, var(--afb-purple) 100%);\n    color: #ffffff;\n    box-shadow: 0 12px 24px rgba(55,23,79,0.28), inset 0 1px 0 rgba(255,255,255,0.18);\n    cursor: pointer;\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1;\n    text-decoration: none;\n    white-space: nowrap;\n  }\n  .afb-ar-test-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    align-items: center;\n    justify-content: center;\n    padding: 18px;\n    background: rgba(15,23,42,0.72);\n    backdrop-filter: blur(8px);\n  }\n  .afb-ar-test-overlay.is-open {\n    display: flex;\n    animation: afbArTestFadeIn 0.24s ease-out forwards;\n  }\n  .afb-ar-test-backdrop {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n  }\n  .afb-ar-test-modal {\n    width: min(920px, calc(100vw - 32px));\n    max-height: calc(100dvh - 32px);\n    position: relative;\n    z-index: 2;\n    overflow: auto;\n    padding-top: 8px;\n    border: 1px solid rgba(212,181,224,0.72);\n    border-radius: 24px;\n    background:\n      radial-gradient(circle at 14% 8%, rgba(212,181,224,0.34), transparent 38%),\n      linear-gradient(135deg, #ffffff 0%, #fbf8ff 100%);\n    box-shadow: 0 24px 70px rgba(15,23,42,0.26);\n    animation: afbArTestScaleIn 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.12);\n  }\n  .afb-ar-test-close {\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    z-index: 10;\n    width: 34px;\n    height: 34px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.94);\n    color: #5f4b68;\n    box-shadow: 0 8px 20px rgba(55,23,79,0.12);\n    cursor: pointer;\n    font-size: 19px;\n    line-height: 1;\n    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n  }\n  .afb-ar-test-close:hover,\n  .afb-ar-test-close:focus-visible {\n    background: var(--afb-purple);\n    color: #ffffff;\n    transform: translateY(-1px);\n    box-shadow: 0 12px 24px rgba(55,23,79,0.22);\n    outline: none;\n  }\n  .afb-ar-test-modal-body {\n    display: flex;\n    gap: 18px;\n    padding: 26px 18px 18px;\n    align-items: stretch;\n  }\n  .afb-ar-test-stage,\n  .afb-ar-test-panel {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid rgba(55,23,79,0.10);\n    border-radius: 20px;\n    background: rgba(255,255,255,0.78);\n    box-shadow: 0 14px 34px rgba(55,23,79,0.08);\n  }\n  .afb-ar-test-stage {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: min(62vh, 520px);\n    min-height: 420px;\n    background:\n      radial-gradient(circle at 50% 76%, rgba(55,23,79,0.18), transparent 24%),\n      radial-gradient(circle at 42% 24%, rgba(197,155,39,0.10), transparent 30%),\n      linear-gradient(180deg, #f8fafc 0%, #ffffff 58%, #f3edf9 100%);\n  }\n  .afb-ar-test-stage::after {\n    content: \"\";\n    position: absolute;\n    left: 18%;\n    right: 18%;\n    bottom: 76px;\n    height: 34px;\n    border-radius: 999px;\n    background: radial-gradient(circle, rgba(55,23,79,0.24), rgba(55,23,79,0));\n    filter: blur(2px);\n    pointer-events: none;\n    animation: afbArTestShadow 3.8s ease-in-out infinite;\n  }\n  .afb-ar-test-frame {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    z-index: 2;\n    display: block;\n    border: 0;\n    background: transparent;\n  }\n  .afb-ar-test-panel {\n    flex: 0 0 clamp(280px, 32%, 320px);\n    min-width: 280px;\n    padding: 28px 20px 22px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    transition: border-color 0.24s ease, box-shadow 0.24s ease;\n  }\n  .afb-ar-test-panel-title {\n    margin: 0 0 10px;\n    color: var(--afb-purple);\n    font-size: 23px;\n    font-weight: 950;\n    line-height: 1.12;\n  }\n  .afb-ar-test-panel-desc {\n    margin: 0 0 18px;\n    color: var(--afb-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n  .afb-ar-test-qr {\n    width: min(260px, 100%);\n    margin: 0 auto 14px;\n    padding: 14px;\n    position: relative;\n    border: 1px solid #ece6f2;\n    border-radius: 18px;\n    background: #ffffff;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);\n    transition: border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;\n  }\n  .afb-ar-test-qr::after {\n    content: \"\";\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 11px;\n    height: 11px;\n    border-radius: 999px;\n    background: #22c55e;\n    box-shadow: 0 0 0 0 rgba(34,197,94,0.48), 0 0 14px rgba(34,197,94,0.75);\n    opacity: 0;\n  }\n  .afb-ar-test-panel.is-qr-pulse {\n    border-color: rgba(34,197,94,0.62);\n    box-shadow: 0 18px 42px rgba(34,197,94,0.14), 0 0 0 1px rgba(34,197,94,0.25);\n  }\n  .afb-ar-test-qr.is-qr-pulse {\n    border-color: rgba(34,197,94,0.74);\n    box-shadow: 0 0 0 4px rgba(34,197,94,0.10), 0 16px 34px rgba(34,197,94,0.16), inset 0 1px 0 rgba(255,255,255,0.72);\n    transform: translateY(-2px) scale(1.015);\n  }\n  .afb-ar-test-qr.is-qr-pulse::after {\n    opacity: 1;\n    animation: afbArTestLed 1.15s ease-in-out 3;\n  }\n  .afb-ar-test-qr img {\n    width: 100%;\n    display: block;\n    border-radius: 12px;\n  }\n  .afb-ar-test-note {\n    color: #777;\n    font-size: 12px;\n    line-height: 1.6;\n  }\n  .afb-ar-test-body-locked {\n    overflow: hidden !important;\n  }\n  @media (max-width: 760px) {\n    .afb-ar-test-card {\n      align-items: stretch;\n    }\n    .afb-ar-test-open {\n      width: 100%;\n    }\n    .afb-ar-test-overlay {\n      align-items: flex-start;\n      padding: max(12px, env(safe-area-inset-top)) 10px max(16px, env(safe-area-inset-bottom));\n      overflow-y: auto;\n    }\n    .afb-ar-test-modal {\n      width: min(94vw, 520px);\n      max-height: none;\n      border-radius: 20px;\n    }\n    .afb-ar-test-modal-body {\n      flex-direction: column;\n      padding: 28px 14px 14px;\n      gap: 14px;\n    }\n    .afb-ar-test-stage {\n      height: min(66vh, 560px);\n      min-height: 540px;\n    }\n    .afb-ar-test-panel {\n      flex-basis: auto;\n      min-width: 0;\n      padding: 24px 18px 20px;\n    }\n  }\n  @keyframes afbArTestFadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n  @keyframes afbArTestScaleIn {\n    from { opacity: 0; transform: scale(0.94); }\n    to { opacity: 1; transform: scale(1); }\n  }\n  @keyframes afbArTestShadow {\n    0%, 100% { opacity: 0.42; transform: scaleX(0.94); }\n    50% { opacity: 0.28; transform: scaleX(1.06); }\n  }\n  @keyframes afbArTestLed {\n    0% { transform: scale(0.82); box-shadow: 0 0 0 0 rgba(34,197,94,0.50), 0 0 12px rgba(34,197,94,0.72); }\n    50% { transform: scale(1.18); box-shadow: 0 0 0 9px rgba(34,197,94,0), 0 0 22px rgba(34,197,94,0.92); }\n    100% { transform: scale(0.82); box-shadow: 0 0 0 0 rgba(34,197,94,0), 0 0 12px rgba(34,197,94,0.72); }\n  }\n\u003c\/style\u003e\n\n\u003csection id=\"afb-ar-test-block\" data-afb-ar-url=\"https:\/\/ar.actionfigurebrasil.com\/go\/wonder-woman-vs-hydra-exclusive-9075881\"\u003e\n  \u003cdiv class=\"afb-ar-test-card\"\u003e\n    \u003cdiv class=\"afb-ar-test-card-copy\"\u003e\n      \u003ch2 class=\"afb-ar-test-card-title\"\u003eExplore em Realidade Aumentada\u003c\/h2\u003e\n      \u003cp class=\"afb-ar-test-card-desc\"\u003e\n        Tenha a exata nocao da grandiosidade desta peca. Projete a figura no seu proprio ambiente em \u003cstrong\u003eescala real\u003c\/strong\u003e antes de comprar.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"afb-ar-test-open\" type=\"button\" data-afb-ar-test-open\u003e\n      \u003cspan aria-hidden=\"true\"\u003eAR\u003c\/span\u003e\n      \u003cspan\u003eIniciar Experiencia AR\u003c\/span\u003e\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"afb-ar-test-overlay\" id=\"afb-ar-test-overlay\" aria-hidden=\"true\"\u003e\n  \u003cbutton class=\"afb-ar-test-backdrop\" type=\"button\" data-afb-ar-test-close aria-label=\"Fechar\"\u003e\u003c\/button\u003e\n  \u003cdiv class=\"afb-ar-test-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Realidade aumentada\"\u003e\n    \u003cbutton class=\"afb-ar-test-close\" type=\"button\" data-afb-ar-test-close aria-label=\"Fechar\"\u003e×\u003c\/button\u003e\n    \u003cdiv class=\"afb-ar-test-modal-body\"\u003e\n      \u003cdiv class=\"afb-ar-test-stage\"\u003e\n        \u003ciframe class=\"afb-ar-test-frame\" src=\"https:\/\/ar.actionfigurebrasil.com\/p\/wonder-woman-vs-hydra-exclusive-9075881?embed=1\u0026amp;v=preview-2048-file-20260521c\u0026amp;debug=1\" title=\"Preview 3D em realidade aumentada\" loading=\"eager\" referrerpolicy=\"strict-origin-when-cross-origin\" allow=\"xr-spatial-tracking; web-share\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-top-navigation-by-user-activation\"\u003e\u003c\/iframe\u003e\n      \u003c\/div\u003e\n\n      \u003caside class=\"afb-ar-test-panel\"\u003e\n        \u003ch3 class=\"afb-ar-test-panel-title\"\u003eVeja esta peca no seu ambiente\u003c\/h3\u003e\n        \u003cp class=\"afb-ar-test-panel-desc\"\u003e\n          Escaneie o QR Code com seu celular. Ele abre pelo Worker inteligente e entrega automaticamente o AR certo para o seu aparelho.\n        \u003c\/p\u003e\n        \u003cdiv class=\"afb-ar-test-qr\"\u003e\n          \u003cimg src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=320x320\u0026amp;margin=12\u0026amp;data=https%3A%2F%2Far.actionfigurebrasil.com%2Fgo%2Fwonder-woman-vs-hydra-exclusive-9075881\" alt=\"QR Code para abrir realidade aumentada\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"afb-ar-test-note\"\u003e\n          No desktop, use o QR Code. No celular, o botao abre direto a realidade aumentada.\n        \u003c\/div\u003e\n      \u003c\/aside\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  (function () {\n    var block = document.getElementById('afb-ar-test-block');\n    var overlay = document.getElementById('afb-ar-test-overlay');\n    var arUrl = block ? block.getAttribute('data-afb-ar-url') : 'https:\/\/ar.actionfigurebrasil.com\/go\/wonder-woman-vs-hydra-exclusive-9075881';\n\n    function pulseQr() {\n      if (!overlay) return;\n      var qr = overlay.querySelector('.afb-ar-test-qr');\n      var panel = overlay.querySelector('.afb-ar-test-panel');\n      [qr, panel].forEach(function (el) {\n        if (!el) return;\n        el.classList.remove('is-qr-pulse');\n        void el.offsetWidth;\n        el.classList.add('is-qr-pulse');\n      });\n      window.setTimeout(function () {\n        [qr, panel].forEach(function (el) {\n          if (el) el.classList.remove('is-qr-pulse');\n        });\n      }, 3600);\n    }\n\n    function openOverlay() {\n      if (!overlay) return;\n      overlay.classList.add('is-open');\n      overlay.setAttribute('aria-hidden', 'false');\n      document.documentElement.classList.add('afb-ar-test-body-locked');\n      window.setTimeout(pulseQr, 220);\n    }\n\n    function closeOverlay() {\n      if (!overlay) return;\n      overlay.classList.remove('is-open');\n      overlay.setAttribute('aria-hidden', 'true');\n      document.documentElement.classList.remove('afb-ar-test-body-locked');\n    }\n\n    document.querySelectorAll('[data-afb-ar-test-open]').forEach(function (button) {\n      button.addEventListener('click', function (event) {\n        event.preventDefault();\n        openOverlay();\n      });\n    });\n\n    document.querySelectorAll('[data-afb-ar-test-close]').forEach(function (button) {\n      button.addEventListener('click', closeOverlay);\n    });\n\n    window.addEventListener('message', function (event) {\n      var data = event.data || {};\n      if (data === 'AFB_AR_FOCUS_QR' || data.type === 'AFB_AR_FOCUS_QR') {\n        pulseQr();\n      }\n    });\n\n    document.addEventListener('keydown', function (event) {\n      if (event.key === 'Escape') closeOverlay();\n    });\n  })();\n\u003c\/script\u003e\n\u003c!-- \/AFB AR OVERLAY TEST --\u003e\n","brand":"Prime 1 Studio","offers":[{"title":"Default Title","offer_id":51849757524264,"sku":null,"price":18447.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0719\/1763\/3832\/files\/wonder-woman-vs-hydra_dc-comics_gallery_5ffdf8a835105.jpg?v=1779405631","url":"https:\/\/actionfigurebrasil.com.br\/products\/wonder-woman-vs-hydra-exclusive","provider":"ActionFigure Brasil","version":"1.0","type":"link"}