

<!doctype html>
<html lang="pt-BR">

<head>
  <style>
    :root {
      --primary: 268 100% 50%;
      --secondary: 259 86% 60%;

      --background: 0 0 0;
      --foreground: 250 250 250;
      --pandora-purple: 168 85 247;

      --border: 255 255 255 / 0.05;
      --card: var(--background);

      --muted: 255 255 255 / 0.03;
      --muted-foreground: 171 171 171;

      --muted-solid: 16, 16, 18;

      --radius: 0.6rem;

      --background-image: url('');
    }

    /* Zoom de 110% em monitores 27" 2K (largura nativa ~2560px).
       Aplicado só no conteúdo da página — overlays fixos (carrinho, dialogs)
       ficam fora para não quebrar posicionamento. */
    @media screen and (min-width: 2304px) and (max-width: 2879px) {
      .pandora-viewport-scale {
        zoom: 1.1;
      }
    }
  </style>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta name="robots" content="index, nofollow" />
  <meta property="twitter:image" content="" />
  <meta property="twitter:card" content="summary" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  <meta property="og:type" content="website" />
  <meta property="og:locale" content="pt_BR" />
  <meta property="og:title" content="Pandora Store - Método Pandora" />
  <meta property="og:site_name" content="Pandora Store" />
  <meta property="og:description" content="" />
  <meta property="og:image" content="https://www.pandorastore.site/cdn/stores/15921/theme/cba94379-e15f-418a-91d7-ad442ebd5f54.png" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="627" />
  <meta name="description" content="" />
  <meta name="keywords" content="Pandora Keys, Loja Pandora Keys, Central Cart" />

  
  <link rel="icon" type="image/x-icon" href="https://www.pandorastore.site/cdn/stores/15921/theme/2df029da-e149-4812-a859-79f39659c619.png" />
  <link rel="stylesheet" href="/styles/core.css?v=49">

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Geist:wght@100..900&family=Inter:wght@400;500;600;700;800&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:wght@600;700;800&family=Orbitron:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css" />

  <title>
    Pandora Store - Método Pandora
  </title>

  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    (function () {
      try {
        window.__HERO_DEBUG__ =
          /(?:\?|&)heroDebug=1(?:&|$)/.test(window.location.search) ||
          window.localStorage.getItem('heroDebug') === '1';
        if (window.__HERO_DEBUG__) {
          var orig = console.log;
          console.log = function () {
            var a = arguments[0];
            if (typeof a === 'string' && a.indexOf('🔔') === 0) return;
            orig.apply(console, arguments);
          };
        }
      } catch (e) {}
    })();
  </script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            primary: "hsl(var(--primary))",
            secondary: "hsl(var(--secondary))",
            
            background: "rgb(var(--background))",
            card: "rgb(var(--card))",
            foreground: "rgb(var(--foreground))",
            border: "rgb(var(--border))",
            muted: "rgb(var(--muted))",
            "muted-foreground": "rgb(var(--muted-foreground))",
            "muted-solid": "rgb(var(--muted-solid))",
          },
          borderRadius: {
            cc: 'var(--radius)',
          }
        },
        container: {
          center: true,
          padding: "1rem",
          screens: {
            "2xl": "1400px",
          },
        },
      },
    };
  </script>
  <style type="text/tailwindcss">
    @layer base {
      * {
        @apply border-border;
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        font-family: 'Inter', 'Geist', system-ui, sans-serif;
        @apply bg-background text-foreground;
      }

      input, select {
        @apply appearance-none bg-background border border-foreground/10 rounded-cc text-foreground px-2 h-8 text-sm;
      }

      input:focus-visible, select:focus-visible {
        outline: none;
        @apply ring-2 ring-primary;
      }

      .bg-primary {
        color: lch(from hsl(var(--primary)) calc((49.44 - l) * infinity) 0 0);
      }

      .bg-background {
        color: lch(from hsl(var(--background)) calc((49.44 - l) * infinity) 0 0);
      }

      .btn-primary {
        @apply bg-primary hover:bg-primary/80 transition-colors font-semibold rounded-cc 
        px-4 h-9 flex gap-2 items-center justify-center text-sm disabled:opacity-50;
      }

      .btn-secondary {
        @apply bg-foreground/5 hover:bg-foreground/10 transition-colors font-semibold border rounded-cc 
        px-4 h-9 flex gap-2 items-center justify-center text-sm disabled:opacity-50;
      }

      .btn-outline {
        @apply bg-transparent hover:bg-foreground/5 transition-colors font-semibold border border-foreground/10 rounded-cc 
        px-4 h-9 flex gap-2 items-center justify-center text-sm disabled:opacity-50;
      }

      .btn-ghost {
        @apply bg-transparent hover:bg-foreground/5 transition-colors font-semibold rounded-cc 
        px-4 h-9 flex gap-2 items-center justify-center text-sm disabled:opacity-50;
      }
    }
  </style>

        <script>
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '1309602130537232');
        fbq('track', 'PageView');
        </script>
        <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1309602130537232&ev=PageView&noscript=1" /></noscript>
        </head>


<body class="min-h-screen">
  <div class="pandora-viewport-scale min-h-screen flex flex-col">
  

<header id="site-header" class="pandora-site-header z-[100] w-full sticky top-0 border-b border-white/[0.06] bg-black/95 backdrop-blur-md">
  <div class="container">
    <nav class="flex items-center gap-3 py-3.5 min-h-[72px] w-full">
      <div class="flex min-w-0 shrink-0 items-center lg:flex-1 lg:basis-0 lg:justify-start">
        <a href="/" class="flex items-center gap-3 group min-w-0">
          
            <img src="https://www.pandorastore.site/cdn/stores/15921/theme/cba94379-e15f-418a-91d7-ad442ebd5f54.png" class="h-11 w-11 sm:h-12 sm:w-12 rounded-md object-contain logo-neon transition-transform duration-300 group-hover:scale-105 shrink-0" alt="Pandora Store" />
          
          <div class="flex sm:hidden items-center leading-none min-w-0">
            <span
              class="text-base text-white font-bold tracking-tight whitespace-nowrap"
              style="font-family: 'Montserrat', system-ui, sans-serif;"
            >
              Pandora Store
            </span>
          </div>
          <div class="hidden sm:flex items-center leading-none">
            <span
              class="text-lg sm:text-xl text-white font-bold tracking-tight whitespace-nowrap"
              style="font-family: 'Montserrat', system-ui, sans-serif;"
            >
              Pandora Store
            </span>
          </div>
        </a>
      </div>

      <div class="pandora-header-center-wrap hidden lg:flex flex-1 basis-0 items-center justify-center min-w-0 px-2">
        <div class="relative flex items-center justify-center max-w-[min(100%,690px)] w-full">
          <div class="pandora-header-center flex items-center gap-0 rounded-full border border-white/20 bg-black/60 backdrop-blur-xl p-1.5 shadow-[0_14px_36px_rgba(0,0,0,0.45)] w-full min-w-0">
            <a
              href="/category/Steam"
              class="pandora-nav-mode pandora-nav-mode--pill flex flex-1 min-w-0 items-center justify-center gap-1.5 rounded-full border border-transparent px-2 py-3 text-sm font-semibold text-white/80 hover:text-white transition-colors"
              data-pandora-mode="pc"
              id="pandora-nav-pc"
            >
              <img
                src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M11.979%200C5.678%200%20.511%204.86.022%2011.037l6.432%202.658c.545-.371%201.203-.59%201.912-.59.063%200%20.125.004.188.006l2.861-4.142V8.91c0-2.495%202.028-4.524%204.524-4.524%202.494%200%204.524%202.031%204.524%204.527s-2.03%204.525-4.524%204.525h-.105l-4.076%202.911c0%20.052.004.105.004.159%200%201.875-1.515%203.396-3.39%203.396-1.635%200-3.016-1.173-3.331-2.727L.436%2015.27C1.862%2020.307%206.486%2024%2011.979%2024c6.627%200%2011.999-5.373%2011.999-12S18.605%200%2011.979%200zM7.54%2018.21l-1.473-.61c.262.543.714.999%201.314%201.25%201.297.539%202.793-.076%203.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4%201.409%201.5%201.009%202.455-.397.957-1.497%201.41-2.454%201.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665%200-3.015%201.353-3.015%203.015%200%201.665%201.35%203.015%203.015%203.015%201.663%200%203.015-1.35%203.015-3.015zm-5.273-.005c0-1.252%201.013-2.266%202.265-2.266%201.249%200%202.266%201.014%202.266%202.266%200%201.251-1.017%202.265-2.266%202.265-1.253%200-2.265-1.014-2.265-2.265z'%2F%3E%3C%2Fsvg%3E"
                alt="Steam"
                width="24"
                height="24"
                class="h-6 w-6 shrink-0 object-contain brightness-0 invert opacity-95"
                loading="eager"
                decoding="async"
                referrerpolicy="no-referrer"
              />
              <span class="whitespace-nowrap">Steam</span>
            </a>
            <a
              href="/category/PlayStation"
              class="pandora-nav-mode pandora-nav-mode--pill pandora-nav-mode--playstation flex flex-[1.35_1_0%] min-w-[8rem] items-center justify-center gap-1.5 rounded-full border border-transparent px-2 py-3 text-sm font-semibold text-white/80 hover:text-white transition-colors"
              data-pandora-mode="playstation"
              id="pandora-nav-playstation"
            >
              <img
                src="https://raw.githubusercontent.com/simple-icons/simple-icons/99fbe6a82b31d49a37fee878d5fc4f37a53df155/icons/playstation.svg"
                alt="PlayStation"
                width="24"
                height="24"
                class="h-6 w-6 shrink-0 object-contain brightness-0 invert opacity-95"
                loading="eager"
                decoding="async"
                referrerpolicy="no-referrer"
              />
              <span class="whitespace-nowrap">PlayStation</span>
            </a>
            <a
              href="/category/xbox"
              class="pandora-nav-mode pandora-nav-mode--pill flex flex-1 min-w-0 items-center justify-center gap-1.5 rounded-full border border-transparent px-2 py-3 text-sm font-semibold text-white/80 hover:text-white transition-colors"
              data-pandora-mode="xbox"
              id="pandora-nav-xbox"
            >
              <img
                src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M4.102%2021.033A11.947%2011.947%200%200%200%2012%2024a11.96%2011.96%200%200%200%207.902-2.967c1.877-1.912-4.316-8.709-7.902-11.417-3.582%202.708-9.779%209.505-7.898%2011.417zm11.16-14.406c2.5%202.961%207.484%2010.313%206.076%2012.912A11.943%2011.943%200%200%200%2024%2012.004a11.95%2011.95%200%200%200-3.57-8.536s-.027-.022-.082-.042c-.063-.022-.152-.045-.281-.045-.59%200-1.846.475-4.805%203.246zM3.654%203.426c-.057.02-.082.041-.086.042A11.956%2011.956%200%200%200%200%2012.004c0%202.854.998%205.473%202.661%207.533-1.401-2.605%203.579-9.951%206.08-12.91-2.96-2.773-4.216-3.245-4.806-3.245-.131%200-.218.023-.281.046v-.002zM12%203.551S9.055%201.828%206.755%201.746c-.903-.033-1.454.295-1.521.339C7.379.646%209.659%200%2011.984%200H12c2.334%200%204.605.646%206.766%202.085-.063-.043-.615-.372-1.52-.339C14.946%201.828%2012%203.545%2012%203.545v.006z'%2F%3E%3C%2Fsvg%3E"
                alt="Xbox"
                width="24"
                height="24"
                class="h-6 w-6 shrink-0 object-contain brightness-0 invert opacity-95"
                loading="eager"
                decoding="async"
                referrerpolicy="no-referrer"
              />
              <span class="whitespace-nowrap">Xbox</span>
            </a>
            <a
              href="/category/outros"
              class="pandora-nav-mode pandora-nav-mode--pill flex flex-[0.72_1_0%] min-w-[4.1rem] flex-col items-center justify-center gap-0.5 rounded-full border border-transparent px-1.5 py-2 text-sm font-semibold text-white/80 hover:text-white transition-colors"
              data-pandora-mode="outros"
              id="pandora-nav-outros"
            >
              <i data-lucide="gamepad-2" class="h-6 w-6 shrink-0 text-white/90"></i>
              <span class="whitespace-nowrap text-[11px] leading-none" data-i18n="nav.outros">Outros</span>
            </a>
            <button
              type="button"
              id="ig-search-toggle"
              onclick="toggleIgSearch()"
              class="pandora-nav-search flex h-12 w-12 shrink-0 items-center justify-center rounded-full border border-white/20 bg-white/5 text-white shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)] hover:bg-white/10 transition-all"
              aria-label="Buscar"
              data-i18n-aria-label="nav.buscar"
            >
              <i data-lucide="search" class="size-5"></i>
            </button>
          </div>

          <div
            id="ig-search-panel"
            class="hidden absolute left-1/2 -translate-x-1/2 top-[calc(100%+12px)] z-[110] w-[min(calc(100vw-2rem),430px)] rounded-2xl border border-[#a855f7]/40 bg-black/65 backdrop-blur-xl p-3 shadow-[0_18px_45px_rgba(0,0,0,0.5)]"
          >
            <div class="relative">
              <i data-lucide="search" class="size-5 absolute left-4 top-1/2 -translate-y-1/2 text-white/65 font-semibold pointer-events-none"></i>
              <input 
                autocomplete="off" 
                id="search-bar"
                class="transition-all ps-11 pe-4 placeholder:text-white/55 border border-white/20 rounded-2xl h-12 w-full bg-white/[0.04] text-white focus-visible:ring-2 focus-visible:ring-[#a855f7] focus-visible:border-[#c084fc]"
                placeholder="Buscar produto"
                data-i18n-placeholder="nav.buscar_placeholder"
              />
              <div id="search-result" class="absolute top-full left-0 right-0 mt-2 max-h-[400px] z-50 border bg-[#0a0a0a]/95 backdrop-blur-xl border-[#a855f7]/30 rounded-2xl overflow-auto hidden shadow-2xl"></div>
            </div>
          </div>
        </div>
      </div>

      <ul class="flex flex-1 basis-0 justify-end gap-1 sm:gap-2 items-center min-w-0">
        <li class="lg:hidden">
          <button onclick="toggleMobileSearch()" class="w-10 h-10 border border-white/20 font-semibold hover:bg-[rgba(26,54,70,0.78)] transition-colors rounded-full flex items-center justify-center text-white bg-[rgba(16,39,52,0.58)] backdrop-blur-xl" aria-label="Buscar" data-i18n-aria-label="nav.buscar">
            <i data-lucide="search" class="w-5 h-5"></i>
          </button>
        </li>
        <li class="hidden sm:block">
          <div class="relative">
  <button
    type="button"
    class="flex items-center justify-center p-2 rounded-full border border-white/20 bg-[rgba(16,39,52,0.58)] hover:bg-[rgba(26,54,70,0.78)] transition-colors font-medium text-sm w-10 h-10 text-white backdrop-blur-xl shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)]"
    id="language-trigger"
    aria-haspopup="true"
    aria-expanded="false"
    aria-label="Idioma"
    data-i18n-aria-label="nav.idioma"
  >
    <span class="flex items-center">
      <img id="language-flag" src="https://flagcdn.com/w80/br.png" alt="" class="w-6 h-4 object-cover rounded-sm flex-shrink-0" aria-hidden="true" />
    </span>
  </button>

  <div
    id="language-dropdown"
    class="absolute top-full right-0 mt-2 w-[200px] rounded-cc border border-foreground/10 bg-background shadow-xl py-2 z-[100]
           scale-95 opacity-0 invisible transition-all duration-200 origin-top-right pointer-events-auto"
    role="menu"
    aria-label="Idioma"
  >
    <div class="px-3 py-2 border-b border-foreground/10">
      <h3 class="font-semibold text-sm text-foreground" data-i18n="nav.idioma">Idioma</h3>
    </div>
    <div class="py-1">
      <button
        type="button"
        role="menuitem"
        class="language-option flex items-center gap-3 w-full px-3 py-2.5 text-sm text-left hover:bg-foreground/5 transition-colors"
        data-locale="pt"
      >
        <img src="https://flagcdn.com/w80/br.png" alt="" class="w-5 h-4 object-cover rounded-sm flex-shrink-0" aria-hidden="true" />
        <span data-i18n="lang.portugues">Português</span>
        <i data-lucide="check" class="w-4 h-4 ml-auto text-primary language-check hidden" data-locale-icon="pt"></i>
      </button>
      <button
        type="button"
        role="menuitem"
        class="language-option flex items-center gap-3 w-full px-3 py-2.5 text-sm text-left hover:bg-foreground/5 transition-colors"
        data-locale="en"
      >
        <img src="https://flagcdn.com/w80/us.png" alt="" class="w-5 h-4 object-cover rounded-sm flex-shrink-0" aria-hidden="true" />
        <span data-i18n="lang.english">English</span>
        <i data-lucide="check" class="w-4 h-4 ml-auto text-primary language-check hidden" data-locale-icon="en"></i>
      </button>
      <button
        type="button"
        role="menuitem"
        class="language-option flex items-center gap-3 w-full px-3 py-2.5 text-sm text-left hover:bg-foreground/5 transition-colors"
        data-locale="es"
      >
        <img src="https://flagcdn.com/w80/es.png" alt="" class="w-5 h-4 object-cover rounded-sm flex-shrink-0" aria-hidden="true" />
        <span data-i18n="lang.spanish">Español</span>
        <i data-lucide="check" class="w-4 h-4 ml-auto text-primary language-check hidden" data-locale-icon="es"></i>
      </button>
    </div>
  </div>
</div>

<script>
  (function() {
    const trigger = document.getElementById('language-trigger');
    const dropdown = document.getElementById('language-dropdown');
    if (!trigger || !dropdown) return;

    function openLanguageMenu() {
      trigger.setAttribute('aria-expanded', 'true');
      dropdown.classList.remove('invisible');
      requestAnimationFrame(function() {
        dropdown.classList.remove('scale-95', 'opacity-0');
        dropdown.classList.add('scale-100', 'opacity-100');
      });
    }

    function closeLanguageMenu() {
      trigger.setAttribute('aria-expanded', 'false');
      dropdown.classList.remove('scale-100', 'opacity-100');
      dropdown.classList.add('scale-95', 'opacity-0');
      setTimeout(function() {
        dropdown.classList.add('invisible');
      }, 200);
    }

    function toggleLanguageMenu() {
      const isOpen = dropdown.classList.contains('opacity-100');
      if (isOpen) closeLanguageMenu();
      else openLanguageMenu();
    }

    trigger.addEventListener('click', function(e) {
      e.stopPropagation();
      toggleLanguageMenu();
    });

    // mousedown: processa a seleção antes do "click outside" e evita que o clique seja perdido
    dropdown.addEventListener('mousedown', function(e) {
      const btn = e.target && e.target.closest && e.target.closest('.language-option');
      if (!btn) return;
      e.preventDefault();
      e.stopPropagation();
      var locale = btn.getAttribute('data-locale');
      if (!locale) return;
      if (window.i18n) {
        window.i18n.setLocale(locale);
        if (window.i18n.applyToPage) window.i18n.applyToPage();
      } else {
        try {
          localStorage.setItem('nova-pandora-locale', locale);
        } catch (err) {}
        updateLanguageTrigger();
      }
      if (window.applyUsdConversionIfNeeded) {
        setTimeout(function () { window.applyUsdConversionIfNeeded(); }, 0);
        setTimeout(function () { window.applyUsdConversionIfNeeded(); }, 300);
      }
      if (window.refreshCheckoutPricing) {
        setTimeout(function () { window.refreshCheckoutPricing(); }, 0);
      }
      closeLanguageMenu();
    });

    document.addEventListener('click', function(e) {
      if (!dropdown.contains(e.target) && !trigger.contains(e.target)) {
        closeLanguageMenu();
      }
    });

    var FLAG_URLS = { pt: 'https://flagcdn.com/w80/br.png', en: 'https://flagcdn.com/w80/us.png', es: 'https://flagcdn.com/w80/es.png' };
    var LOCALE_NAMES = { pt: 'Português', en: 'English', es: 'Español' };
    function updateLanguageTrigger() {
      var locale = (window.i18n && window.i18n.getLocale) ? window.i18n.getLocale() : (function() { try { return localStorage.getItem('nova-pandora-locale') || 'pt'; } catch (e) { return 'pt'; } })();
      var flagEl = document.getElementById('language-flag');
      var nameEl = document.getElementById('language-name');
      if (flagEl && flagEl.src !== undefined) flagEl.src = FLAG_URLS[locale] || FLAG_URLS.pt;
      if (nameEl) nameEl.textContent = (window.i18n && window.i18n.t) ? (window.i18n.t('lang.' + (locale === 'pt' ? 'portugues' : locale === 'en' ? 'english' : 'spanish')) || LOCALE_NAMES[locale]) : (LOCALE_NAMES[locale] || 'Português');
      dropdown.querySelectorAll('.language-check').forEach(function(icon) {
        icon.classList.toggle('hidden', icon.getAttribute('data-locale-icon') !== locale);
      });
      dropdown.querySelectorAll('.language-option').forEach(function(btn) {
        btn.classList.toggle('bg-foreground/5', btn.getAttribute('data-locale') === locale);
      });
      if (typeof lucide !== 'undefined' && lucide.createIcons) lucide.createIcons();
    }

    window.addEventListener('localechange', updateLanguageTrigger);
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', updateLanguageTrigger);
    } else {
      updateLanguageTrigger();
    }
  })();
</script>

        </li>
        <li>
          <button onclick="openCart()" class="w-12 h-12 flex items-center justify-center rounded-full hover:bg-[rgba(26,54,70,0.78)] text-white transition-colors open-cart border border-white/20 bg-[rgba(16,39,52,0.58)] backdrop-blur-xl shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)]" aria-label="Carrinho" data-i18n-aria-label="nav.carrinho">
            <i data-lucide="shopping-cart" class="w-5 h-5"></i>
          </button>
        </li>
        
          <li>
            
              <a href="/login" class="w-12 h-12 sm:w-auto sm:h-12 sm:px-4 flex items-center justify-center rounded-full border border-white/20 bg-[rgba(16,39,52,0.58)] hover:bg-[rgba(26,54,70,0.78)] text-white transition-colors backdrop-blur-xl shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)]" title="Entrar" data-i18n-title="nav.entrar">
                <i data-lucide="user" class="w-5 h-5 sm:w-4 sm:h-4"></i>
                <span class="hidden sm:inline" data-i18n="nav.entrar">Entrar</span>
              </a>  
            
          </li>
        
      </ul>
    </nav>
  </div>

  <!-- Mobile/tablet: faixa Key Steam | Método Pandora (estilo Instant Gaming) -->
  <div class="pandora-mobile-mode-strip lg:hidden w-full border-t border-white/[0.08] bg-black">
    <div class="flex w-full items-stretch">
      <a
        href="/category/Steam"
        class="pandora-nav-mode pandora-mobile-mode-item flex flex-1 min-w-0 items-center justify-center gap-1 border-r border-white/10 px-1 py-3 text-[12px] font-semibold text-white/85 transition-colors hover:bg-white/[0.04]"
        data-pandora-mode="pc"
      >
        <img
          src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M11.979%200C5.678%200%20.511%204.86.022%2011.037l6.432%202.658c.545-.371%201.203-.59%201.912-.59.063%200%20.125.004.188.006l2.861-4.142V8.91c0-2.495%202.028-4.524%204.524-4.524%202.494%200%204.524%202.031%204.524%204.527s-2.03%204.525-4.524%204.525h-.105l-4.076%202.911c0%20.052.004.105.004.159%200%201.875-1.515%203.396-3.39%203.396-1.635%200-3.016-1.173-3.331-2.727L.436%2015.27C1.862%2020.307%206.486%2024%2011.979%2024c6.627%200%2011.999-5.373%2011.999-12S18.605%200%2011.979%200zM7.54%2018.21l-1.473-.61c.262.543.714.999%201.314%201.25%201.297.539%202.793-.076%203.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4%201.409%201.5%201.009%202.455-.397.957-1.497%201.41-2.454%201.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665%200-3.015%201.353-3.015%203.015%200%201.665%201.35%203.015%203.015%203.015%201.663%200%203.015-1.35%203.015-3.015zm-5.273-.005c0-1.252%201.013-2.266%202.265-2.266%201.249%200%202.266%201.014%202.266%202.266%200%201.251-1.017%202.265-2.266%202.265-1.253%200-2.265-1.014-2.265-2.265z'%2F%3E%3C%2Fsvg%3E"
          alt="Steam"
          class="h-4 w-4 shrink-0 object-contain brightness-0 invert opacity-95"
          width="20"
          height="20"
          loading="eager"
          decoding="async"
          referrerpolicy="no-referrer"
        />
        <span>Steam</span>
      </a>
      <a
        href="/category/PlayStation"
        class="pandora-nav-mode pandora-mobile-mode-item flex flex-[1.25_1_0%] min-w-0 items-center justify-center gap-1 border-r border-white/10 px-1 py-3 text-[12px] font-semibold text-white/85 transition-colors hover:bg-white/[0.04]"
        data-pandora-mode="playstation"
      >
        <img
          src="https://raw.githubusercontent.com/simple-icons/simple-icons/99fbe6a82b31d49a37fee878d5fc4f37a53df155/icons/playstation.svg"
          alt="PlayStation"
          class="h-4 w-4 shrink-0 object-contain brightness-0 invert opacity-95"
          width="20"
          height="20"
          loading="eager"
          decoding="async"
          referrerpolicy="no-referrer"
        />
        <span>PlayStation</span>
      </a>
      <a
        href="/category/xbox"
        class="pandora-nav-mode pandora-mobile-mode-item flex flex-1 min-w-0 items-center justify-center gap-1 border-r border-white/10 px-1 py-3 text-[12px] font-semibold text-white/85 transition-colors hover:bg-white/[0.04]"
        data-pandora-mode="xbox"
      >
        <img
          src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M4.102%2021.033A11.947%2011.947%200%200%200%2012%2024a11.96%2011.96%200%200%200%207.902-2.967c1.877-1.912-4.316-8.709-7.902-11.417-3.582%202.708-9.779%209.505-7.898%2011.417zm11.16-14.406c2.5%202.961%207.484%2010.313%206.076%2012.912A11.943%2011.943%200%200%200%2024%2012.004a11.95%2011.95%200%200%200-3.57-8.536s-.027-.022-.082-.042c-.063-.022-.152-.045-.281-.045-.59%200-1.846.475-4.805%203.246zM3.654%203.426c-.057.02-.082.041-.086.042A11.956%2011.956%200%200%200%200%2012.004c0%202.854.998%205.473%202.661%207.533-1.401-2.605%203.579-9.951%206.08-12.91-2.96-2.773-4.216-3.245-4.806-3.245-.131%200-.218.023-.281.046v-.002zM12%203.551S9.055%201.828%206.755%201.746c-.903-.033-1.454.295-1.521.339C7.379.646%209.659%200%2011.984%200H12c2.334%200%204.605.646%206.766%202.085-.063-.043-.615-.372-1.52-.339C14.946%201.828%2012%203.545%2012%203.545v.006z'%2F%3E%3C%2Fsvg%3E"
          alt="Xbox"
          class="h-4 w-4 shrink-0 object-contain brightness-0 invert opacity-95"
          width="20"
          height="20"
          loading="eager"
          decoding="async"
          referrerpolicy="no-referrer"
        />
        <span>Xbox</span>
      </a>
      <a
        href="/category/outros"
        class="pandora-nav-mode pandora-mobile-mode-item flex flex-[0.8_1_0%] min-w-0 flex-col items-center justify-center gap-0.5 px-1 py-2 text-[12px] font-semibold text-white/85 transition-colors hover:bg-white/[0.04]"
        data-pandora-mode="outros"
      >
        <i data-lucide="gamepad-2" class="h-4 w-4 shrink-0 text-white/90"></i>
        <span class="text-[9px] leading-none" data-i18n="nav.outros">Outros</span>
      </a>
    </div>
  </div>

  <div class="container">
    <div id="mobile-search-container" class="relative mt-2 pb-3 md:hidden hidden rounded-2xl border border-[#a855f7]/35 bg-black/60 backdrop-blur-xl p-2 shadow-[0_14px_36px_rgba(0,0,0,0.45)]">
      <i data-lucide="search" class="size-5 absolute left-6 top-1/2 -translate-y-1/2 text-white/65 font-semibold pointer-events-none"></i>
      <input 
        autocomplete="off" 
        id="search-bar-mobile"
        class="transition-all ps-11 pe-4 placeholder:text-white/55 border border-white/20 rounded-2xl w-full h-12 bg-white/[0.04] text-white focus-visible:ring-2 focus-visible:ring-[#a855f7] focus-visible:border-[#c084fc]" 
        placeholder="Buscar produto"
        data-i18n-placeholder="nav.buscar_placeholder"
      />

      <div id="search-result-mobile" class="absolute top-[calc(100%+8px)] left-0 w-full z-50 max-h-[400px] border bg-[#0a0a0a]/95 backdrop-blur-xl border-[#a855f7]/30 rounded-2xl overflow-auto hidden shadow-2xl">
      </div>
    </div>
  </div>
</header>

<script>
(function () {
  function immersiveHeroMarginDirect() {
    var hero = document.querySelector('.pandora-jogo-principal-hero');
    var header = document.getElementById('site-header');
    if (!hero || !header) return;
    var mq = window.matchMedia('(max-width: 1023px)');
    if (!mq.matches || !document.body.classList.contains('pandora-body-immersive')) {
      hero.style.marginTop = '';
      return;
    }
    hero.style.marginTop = header.offsetHeight + 'px';
  }

  function syncPackagePageHeaderOffset() {
    var wrapper = document.querySelector('.package-page-root .package-wrapper');
    var header = document.getElementById('site-header');
    if (!wrapper || !header) return;
    if (!document.body.classList.contains('pandora-body-immersive')) return;
    var mq = window.matchMedia('(max-width: 1023px)');
    if (!mq.matches) {
      wrapper.style.paddingTop = '';
      return;
    }
    var gap = 14;
    var bottom = header.getBoundingClientRect().bottom;
    wrapper.style.paddingTop = Math.max(0, Math.ceil(bottom + gap)) + 'px';
  }

  function syncImmersiveHeroOffset() {
    requestAnimationFrame(function () {
      immersiveHeroMarginDirect();
      syncPackagePageHeaderOffset();
    });
  }

  var stripHeroFollowRaf = null;
  var stripHeroFollowSafetyTimer = null;
  function startStripHeroFollowLoop() {
    if (stripHeroFollowRaf != null) return;
    function tick() {
      immersiveHeroMarginDirect();
      syncPackagePageHeaderOffset();
      stripHeroFollowRaf = requestAnimationFrame(tick);
    }
    stripHeroFollowRaf = requestAnimationFrame(tick);
    clearTimeout(stripHeroFollowSafetyTimer);
    stripHeroFollowSafetyTimer = setTimeout(function () {
      stripHeroFollowSafetyTimer = null;
      stopStripHeroFollowLoop();
    }, 700);
  }
  function stopStripHeroFollowLoop() {
    clearTimeout(stripHeroFollowSafetyTimer);
    stripHeroFollowSafetyTimer = null;
    if (stripHeroFollowRaf != null) {
      cancelAnimationFrame(stripHeroFollowRaf);
      stripHeroFollowRaf = null;
    }
    immersiveHeroMarginDirect();
  }

  function applyPandoraNavActive(mode) {
    document.querySelectorAll('.pandora-nav-mode').forEach(function (el) {
      var m = el.getAttribute('data-pandora-mode');
      el.classList.toggle('pandora-nav-mode--active', m === mode);
    });
  }
  var pandoraNavCategories = [{"id":83250,"store_id":15921,"position":1,"name":"Outros","slug":"outros","created_at":"2026-04-27T23:09:56.000-03:00","updated_at":"2026-05-08T13:59:11.000-03:00","parent_id":null,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"sub_categories":[{"id":83250,"store_id":15921,"position":1,"name":"Outros","slug":"outros","created_at":"2026-04-27T23:09:56.000-03:00","updated_at":"2026-05-08T13:59:11.000-03:00","parent_id":null,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":0},{"id":85652,"store_id":15921,"position":9,"name":"Contas e Moedas","slug":"moedas","created_at":"2026-05-12T12:01:06.000-03:00","updated_at":"2026-05-12T13:38:43.000-03:00","parent_id":83250,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":42}],"packages_count":0},{"id":85043,"store_id":15921,"position":2,"name":"Steam","slug":"Steam","created_at":"2026-05-08T13:23:50.000-03:00","updated_at":"2026-06-18T13:34:00.000-03:00","parent_id":null,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"sub_categories":[{"id":85043,"store_id":15921,"position":2,"name":"Steam","slug":"Steam","created_at":"2026-05-08T13:23:50.000-03:00","updated_at":"2026-06-18T13:34:00.000-03:00","parent_id":null,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":0},{"id":92412,"store_id":15921,"position":1,"name":"Pacotes","slug":"pacotes","created_at":"2026-06-19T13:52:54.000-03:00","updated_at":"2026-07-14T14:12:44.000-03:00","parent_id":85043,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":0},{"id":69997,"store_id":15921,"position":2,"name":"Pré venda","slug":"pre-venda","created_at":"2026-02-08T16:32:59.000-03:00","updated_at":"2026-07-14T14:12:44.000-03:00","parent_id":85043,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":26},{"id":65933,"store_id":15921,"position":4,"name":"Todos os Jogos","slug":"f7lkRxoVQn","created_at":"2026-01-13T11:00:26.000-03:00","updated_at":"2026-07-14T14:12:44.000-03:00","parent_id":85043,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":625}],"packages_count":0},{"id":90035,"store_id":15921,"position":3,"name":"PlayStation","slug":"PlayStation","created_at":"2026-06-05T21:22:36.000-03:00","updated_at":"2026-06-22T12:31:13.000-03:00","parent_id":null,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"sub_categories":[{"id":90035,"store_id":15921,"position":3,"name":"PlayStation","slug":"PlayStation","created_at":"2026-06-05T21:22:36.000-03:00","updated_at":"2026-06-22T12:31:13.000-03:00","parent_id":null,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":0},{"id":90143,"store_id":15921,"position":11,"name":"Pré-venda","slug":"BInk6rIqig","created_at":"2026-06-06T15:29:20.000-03:00","updated_at":"2026-06-22T13:33:47.000-03:00","parent_id":90035,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":10},{"id":90145,"store_id":15921,"position":13,"name":"Todos os jogos","slug":"todos-os-jogos","created_at":"2026-06-06T15:29:50.000-03:00","updated_at":"2026-06-22T13:33:58.000-03:00","parent_id":90035,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":23},{"id":97706,"store_id":15921,"position":14,"name":"Assinaturas e Gifts","slug":"assinaturas-e-gifts","created_at":"2026-07-17T12:44:08.000-03:00","updated_at":"2026-07-17T12:44:08.000-03:00","parent_id":90035,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":3}],"packages_count":0},{"id":85045,"store_id":15921,"position":5,"name":"Xbox","slug":"xbox","created_at":"2026-05-08T13:27:28.000-03:00","updated_at":"2026-06-05T21:28:32.000-03:00","parent_id":null,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"sub_categories":[{"id":85045,"store_id":15921,"position":5,"name":"Xbox","slug":"xbox","created_at":"2026-05-08T13:27:28.000-03:00","updated_at":"2026-06-05T21:28:32.000-03:00","parent_id":null,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":0},{"id":93175,"store_id":15921,"position":12,"name":"Pré-venda","slug":"XdWBXW3Zk_","created_at":"2026-06-24T09:34:35.000-03:00","updated_at":"2026-06-24T09:34:41.000-03:00","parent_id":85045,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":0},{"id":93176,"store_id":15921,"position":13,"name":"Todos os jogos","slug":"MZMgcLY9vb","created_at":"2026-06-24T09:35:00.000-03:00","updated_at":"2026-06-24T09:35:09.000-03:00","parent_id":85045,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":30},{"id":94727,"store_id":15921,"position":14,"name":"Assinaturas","slug":"assinaturas","created_at":"2026-07-02T22:41:37.000-03:00","updated_at":"2026-07-02T22:41:37.000-03:00","parent_id":85045,"hide_subcategory":false,"hide_category":false,"image":null,"banner":null,"packages_count":3}],"packages_count":0}];
  var pandoraCategoryModeById = {};
  function modeFromCategoryText(text) {
    text = String(text || '').toLowerCase();
    if (text.indexOf('keys-metodo-pandora') !== -1) return 'pc';
    if (text.indexOf('playstation') !== -1 || text.indexOf('ps4') !== -1 || text.indexOf('ps5') !== -1) return 'playstation';
    if (text.indexOf('xbox') !== -1) return 'xbox';
    if (text.indexOf('outros') !== -1 || text.indexOf('others') !== -1) return 'outros';
    if (text.indexOf('steam') !== -1 || text.indexOf('pc') !== -1 || text.indexOf('jogos-pc') !== -1) return 'pc';
    return null;
  }
  function indexPandoraCategories(list, inheritedMode) {
    if (!Array.isArray(list)) return;
    list.forEach(function (category) {
      if (!category) return;
      var categoryMode = modeFromCategoryText([category.slug, category.name].filter(Boolean).join(' ')) || inheritedMode || null;
      if (category.id != null && categoryMode) {
        pandoraCategoryModeById[String(category.id)] = categoryMode;
      }
      indexPandoraCategories(category.sub_categories || category.subCategories, categoryMode);
    });
  }
  indexPandoraCategories(pandoraNavCategories, null);
  function normalizePandoraModeFromText(text) {
    text = String(text || '').toLowerCase();
    if (text.indexOf('keys-metodo-pandora') !== -1) return 'pc';
    if (
      text.indexOf('v-bucks') !== -1 ||
      text.indexOf('vbucks') !== -1 ||
      text.indexOf('fortnite') !== -1 ||
      text.indexOf('robux') !== -1 ||
      text.indexOf('gift card') !== -1 ||
      text.indexOf('outros') !== -1 ||
      text.indexOf('others') !== -1
    ) return 'outros';
    if (text.indexOf('playstation') !== -1 || text.indexOf('ps4') !== -1 || text.indexOf('ps5') !== -1) return 'playstation';
    if (text.indexOf('xbox') !== -1) return 'xbox';
    if (text.indexOf('[steam:') !== -1 || text.indexOf('steam') !== -1) return 'pc';
    return null;
  }
  function readPackageJsonForNav(id) {
    try {
      var el = document.getElementById(id);
      if (!el) return null;
      return JSON.parse(el.textContent || 'null');
    } catch (e) {
      return null;
    }
  }
  function detectPandoraModeFromPackage() {
    if ((window.location.pathname || '').toLowerCase().indexOf('/package/') === -1) return null;
    var pkg = readPackageJsonForNav('__centralcart_display_package') || {};
    var packageWrapper = document.querySelector('.package-wrapper');
    var categoryId =
      (packageWrapper && packageWrapper.getAttribute('data-category-id')) ||
      pkg.category_id ||
      pkg.categoryId ||
      (pkg.category && pkg.category.id) ||
      (pkg.parent && (pkg.parent.category_id || pkg.parent.categoryId));
    if (categoryId != null && pandoraCategoryModeById[String(categoryId)]) {
      return pandoraCategoryModeById[String(categoryId)];
    }
    var textParts = [
      pkg.category_id,
      pkg.categoryId,
      pkg.category_slug,
      pkg.category_name,
      pkg.category && pkg.category.slug,
      pkg.category && pkg.category.name,
      pkg.slug,
      pkg.name,
      pkg.description,
      window.location.pathname,
    ];
    return normalizePandoraModeFromText(textParts.filter(Boolean).join(' '));
  }
  function isSteamPandoraKeysPath(path) {
    path = String(path || '').toLowerCase();
    return path.indexOf('keys-metodo-pandora') !== -1;
  }
  function isNeutralNavPath(path) {
    path = String(path || '').toLowerCase().replace(/\/+$/, '') || '/';
    var prefixes = [
      '/pre-venda',
      '/login',
      '/checkout',
      '/payment',
      '/order',
      '/account/orders',
      '/account/affiliate',
    ];
    for (var i = 0; i < prefixes.length; i++) {
      var p = prefixes[i];
      if (path === p || path.indexOf(p + '/') === 0) return true;
    }
    return false;
  }
  function detectPandoraModeFromPath() {
    try {
      var path = (window.location.pathname || '').toLowerCase();
      if (isNeutralNavPath(path)) return null;
      var packageMode = detectPandoraModeFromPackage();
      if (packageMode) return packageMode;
      if (path === '/destaque' || path.indexOf('/destaque/') === 0) return null;
      if (isSteamPandoraKeysPath(path)) return 'pc';
      if (path.indexOf('metodo-pandora') !== -1 || path.indexOf('m%C3%A9todo-pandora') !== -1) return 'pandora';
      if (path.indexOf('playstation') !== -1 || path.indexOf('ps4') !== -1 || path.indexOf('ps5') !== -1) return 'playstation';
      if (path.indexOf('xbox') !== -1) return 'xbox';
      if (path.indexOf('outros') !== -1 || path.indexOf('others') !== -1) return 'outros';
      if (path.indexOf('key-steam') !== -1 || path.indexOf('/steam') !== -1) return 'pc';
      if (path.indexOf('/category/') !== -1 && (path.indexOf('steam') !== -1 || path.indexOf('pc') !== -1)) return 'pc';
      if (path === '/' || path === '') return null;
    } catch (e2) {}
    return null;
  }

  function initPandoraNav() {
    var path = (window.location.pathname || '').toLowerCase();
    var isNeutralNav = isNeutralNavPath(path);
    var pathMode = isNeutralNav ? null : detectPandoraModeFromPath();
    var mode = null;
    try {
      var isDestaquePage = path === '/destaque' || path.indexOf('/destaque/') === 0;
      var isPackagePage = path.indexOf('/package/') !== -1;
      if (isNeutralNav) {
        mode = null;
      } else {
        mode = pathMode || (isPackagePage || path === '/' || path === '' || isDestaquePage ? null : sessionStorage.getItem('pandora-mode'));
      }
    } catch (e) {}
    if (pathMode) {
      try {
        sessionStorage.setItem('pandora-mode', pathMode);
      } catch (e3) {}
    }
    applyPandoraNavActive(mode);
    document.querySelectorAll('[data-pandora-mode]').forEach(function (el) {
      el.addEventListener('click', function () {
        var m = el.getAttribute('data-pandora-mode');
        if (!m) return;
        try {
          sessionStorage.setItem('pandora-mode', m);
        } catch (e2) {}
        applyPandoraNavActive(m);
      });
    });
  }
  function initHeaderScrollFx() {
    var header = document.getElementById('site-header');
    if (!header) return;
    var threshold = 50;
    var translucentBg = 'rgba(9, 9, 11, 0.7)';
    var translucentBorder = '1px solid rgba(255,255,255,0.08)';
    var lastState = null;
    var mq = window.matchMedia('(max-width: 1023px)');

    function applyState() {
      var immersiveMobile = mq.matches && header.classList.contains('pandora-header-immersive');
      var y = window.scrollY || window.pageYOffset || 0;
      var isScrolled = y > threshold;

      if (immersiveMobile) {
        header.classList.toggle('pandora-header-scrolled', isScrolled);
        header.classList.add('header-opaque');
        header.style.setProperty('background', '#000000', 'important');
        header.style.setProperty('background-color', '#000000', 'important');
        header.style.setProperty('border-bottom', isScrolled ? translucentBorder : '1px solid rgba(255,255,255,0.08)', 'important');
        header.style.removeProperty('backdrop-filter');
        header.style.removeProperty('-webkit-backdrop-filter');
        return;
      }

      if (isScrolled === lastState) return;
      lastState = isScrolled;

      header.classList.toggle('pandora-header-scrolled', isScrolled);
      header.classList.toggle('header-opaque', isScrolled);

      if (isScrolled) {
        header.style.setProperty('background', translucentBg, 'important');
        header.style.setProperty('background-color', translucentBg, 'important');
        header.style.setProperty('border-bottom', translucentBorder, 'important');
        header.style.setProperty('backdrop-filter', 'blur(12px)', 'important');
        header.style.setProperty('-webkit-backdrop-filter', 'blur(12px)', 'important');
      } else {
        header.style.removeProperty('background');
        header.style.removeProperty('background-color');
        header.style.removeProperty('border-bottom');
        header.style.removeProperty('backdrop-filter');
        header.style.removeProperty('-webkit-backdrop-filter');
      }
    }

    window.addEventListener('scroll', applyState, { passive: true });
    mq.addEventListener('change', function () {
      lastState = null;
      applyState();
    });
    applyState();
  }

  function initMobileModeStripScroll() {
    var strip = document.querySelector('.pandora-mobile-mode-strip');
    if (!strip) return;
    var mq = window.matchMedia('(max-width: 1023px)');

    function keepStripVisible() {
      strip.classList.remove('pandora-mobile-mode-strip--hidden');
      strip.removeAttribute('aria-hidden');
      if (mq.matches) syncImmersiveHeroOffset();
    }

    window.addEventListener('resize', keepStripVisible, { passive: true });
    mq.addEventListener('change', keepStripVisible);
    keepStripVisible();
  }

  function initNavbarEnhancements() {
    initPandoraNav();
    initHeaderScrollFx();
    initMobileModeStripScroll();
    syncImmersiveHeroOffset();
    window.addEventListener('resize', syncImmersiveHeroOffset, { passive: true });
  }

  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', initNavbarEnhancements);
  else initNavbarEnhancements();
})();
</script>


  <div class="fixed inset-0 -z-10 overflow-hidden pointer-events-none">
    <div class="grid-background pandora-grid-bg w-full h-full opacity-60"></div>
    <div class="size-[28rem] rounded-full bg-gradient-to-br from-primary/15 to-transparent blur-3xl absolute -top-24 left-1/4"></div>
    <div class="hidden sm:block size-[40rem] rounded-full bg-gradient-to-bl from-primary/25 blur-3xl absolute -top-1/4 -right-1/3 sm:right-0"></div>
  </div>

  
  <main class="flex-1">


<style>
  .headline-two-lines {
    line-height: 1.1;
    max-width: 100%;
  }
  @media (min-width: 1024px) {
    .headline-two-lines {
      max-width: 1200px;
    }
  }
</style>

<div class="space-y-6 py-12">
  
  
    <section class="container">
      <img src="https://www.pandorastore.site/cdn/stores/15921/template_options/24461/hero-banner-295f7daf.jpg" class="w-full rounded-2xl object-cover pointer-events-none select-none">
    </section>
  

  <style>
    .pre-venda-feature-keen { overflow: hidden; }
    .pre-venda-feature-card { width: 100%; background: #0b0819; }
    .pre-venda-feature-media { aspect-ratio: 16 / 9; }
    .pre-venda-feature-video {
      width: 132%;
      height: 132%;
      border: 0;
      pointer-events: none;
    }
    .pre-venda-feature-media-link {
      position: absolute;
      inset: 0;
      z-index: 5;
      display: block;
      background: transparent;
      cursor: pointer;
    }
    .pre-venda-feature-player {
      pointer-events: none;
    }
    .pre-venda-feature-sound {
      position: absolute;
      right: 12px;
      bottom: 12px;
      z-index: 10;
      pointer-events: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 9999px;
      background: rgba(0, 0, 0, 0.55);
      border: 1px solid rgba(255, 255, 255, 0.25);
      color: #fff;
      cursor: pointer;
      transition: background 0.15s ease, border-color 0.15s ease;
    }
    .pre-venda-feature-sound:hover {
      background: rgba(0, 0, 0, 0.8);
      border-color: rgba(255, 255, 255, 0.5);
    }
    .pre-venda-feature-sound .pv-sound-ico { width: 18px; height: 18px; display: block; }
    .pre-venda-feature-sound .pv-sound-on { display: none; }
    .pre-venda-feature-sound.is-on .pv-sound-off { display: none; }
    .pre-venda-feature-sound.is-on .pv-sound-on { display: block; }
    .pre-venda-feature-panel {
      position: relative;
      background: linear-gradient(135deg, #161618 0%, #0c0c0e 60%, #050505 100%);
    }
    .pre-venda-feature-title {
      font-size: clamp(1.35rem, 2.4vw, 2.1rem);
      line-height: 1.08;
    }
    .pre-venda-feature-release {
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.18);
      color: #fff;
    }
    .pre-venda-feature-nav {
      display: none;
      height: 2.5rem;
      width: 2.5rem;
      border-radius: 9999px;
      place-items: center;
      background: rgba(10, 8, 20, 0.85);
      border: 1px solid rgba(255, 255, 255, 0.18);
      color: #fff;
      transition: color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
    }
    @media (min-width: 640px) {
      .pre-venda-feature-nav { display: grid; }
    }
    .pre-venda-feature-nav:hover { border-color: rgba(255, 255, 255, 0.5); color: #fff; }
    .pre-venda-feature-nav:disabled { opacity: 0.35; cursor: default; }
  </style>

  <section class="bg-black" aria-label="Pré-venda" data-prevenda-home>
    <div class="mx-auto w-full max-w-[1600px] px-4 sm:px-6 py-8 sm:py-12">
      <div class="mb-4 flex items-center justify-end gap-3">
        
        <a href="/pre-venda" class="inline-flex shrink-0 items-center gap-2 rounded-lg border border-white/15 bg-neutral-950 px-4 py-2.5 text-sm font-semibold text-white transition-colors hover:border-white/40 hover:bg-white/5" data-i18n="home.ver_catalogo_prevenda">
          Ver catálogo
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
        </a>
        
      </div>

      <div class="relative px-1 sm:px-12">
        <button type="button" id="pre-venda-feature-prev" class="pre-venda-feature-nav absolute left-0 top-1/2 z-10 -translate-y-1/2" aria-label="Pré-venda anterior">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-5" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg>
        </button>
        <button type="button" id="pre-venda-feature-next" class="pre-venda-feature-nav absolute right-0 top-1/2 z-10 -translate-y-1/2" aria-label="Próxima pré-venda">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-5" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg>
        </button>

        <div id="pre-venda-feature-slider" class="keen-slider pre-venda-feature-keen w-full">
          
          
                <div class="keen-slider__slide min-w-0 px-0.5 sm:px-1">
                  <div class="pre-venda-feature-card group block overflow-hidden rounded-2xl shadow-lg border border-white/25" data-package-slug="grand-theft-auto-vi-(ps5)-gta6">
                    <div class="pre-venda-feature-layout grid grid-cols-1 md:grid-cols-[minmax(0,1.15fr)_minmax(0,0.85fr)]">
                      <div class="pre-venda-feature-media relative overflow-hidden bg-black">
                        
                          <video class="pre-venda-feature-player absolute inset-0 h-full w-full object-cover" src="https://files.catbox.moe/uj18ol.mp4" muted loop playsinline preload="metadata"></video>
                          <a href="/package/grand-theft-auto-vi-(ps5)-gta6" class="pre-venda-feature-media-link" aria-label="Grand Theft Auto VI (PS5) - GTA 6"></a>
                          <span class="pre-venda-feature-sound" data-pv-sound role="button" tabindex="0" aria-label="Ativar som">
                            <svg class="pv-sound-ico pv-sound-off" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5 6 9H2v6h4l5 4z"/><line x1="23" y1="9" x2="17" y2="15"/><line x1="17" y1="9" x2="23" y2="15"/></svg>
                            <svg class="pv-sound-ico pv-sound-on" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5 6 9H2v6h4l5 4z"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14"/></svg>
                          </span>
                        
                      </div>
                      <a href="/package/grand-theft-auto-vi-(ps5)-gta6" class="pre-venda-feature-panel flex h-full min-h-0 flex-col overflow-hidden p-5 sm:p-6 focus-visible:outline-none">
                        <div class="pre-venda-feature-panel-body min-h-0 flex-1 overflow-hidden">
                          <span class="pre-venda-feature-badge mb-3 inline-block w-fit rounded-md bg-white px-3 py-1.5 text-sm font-bold uppercase tracking-[0.1em] text-black sm:text-base" data-i18n="home.pre_venda">Pré-venda</span>
                          <h3 class="pre-venda-feature-title font-bold text-white">Grand Theft Auto VI (PS5) - GTA 6</h3>
                          
                            <div class="pre-venda-feature-release-block mt-3">
                              <p class="pre-venda-feature-release-label mb-1.5 text-sm font-semibold text-white/90 sm:text-base" data-i18n="home.lancamento_em">Lançamento em:</p>
                              <span class="pre-venda-feature-release inline-block w-fit rounded-md px-3 py-1.5 text-sm font-semibold sm:text-base" data-translate-release-date data-release-date-original="19 de Novembro, 2026">19 de Novembro, 2026</span>
                            </div>
                          
                        </div>
                        <div class="pre-venda-feature-price shrink-0 pt-3 mt-auto">
                          
                          <p class="pre-venda-feature-price-current flex flex-wrap items-baseline gap-2">
                            <span class="text-2xl font-bold leading-none text-white sm:text-[1.75rem]" data-price-brl="209" data-price-brl-formatted="R$ 209,00">R$ 209,00</span>
                            
                          </p>
                        </div>
                        

<div class="pre-venda-platform-mark">
  
    <img src="https://raw.githubusercontent.com/simple-icons/simple-icons/99fbe6a82b31d49a37fee878d5fc4f37a53df155/icons/playstation.svg" alt="PlayStation" width="48" height="48" loading="lazy" decoding="async" class="pre-venda-platform-logo" />
  
</div>

                      </a>
                    </div>
                  </div>
                </div>
              
            
                <div class="keen-slider__slide min-w-0 px-0.5 sm:px-1">
                  <div class="pre-venda-feature-card group block overflow-hidden rounded-2xl shadow-lg border border-white/25" data-package-slug="marvel's-wolverine">
                    <div class="pre-venda-feature-layout grid grid-cols-1 md:grid-cols-[minmax(0,1.15fr)_minmax(0,0.85fr)]">
                      <div class="pre-venda-feature-media relative overflow-hidden bg-black">
                        
                          <video class="pre-venda-feature-player absolute inset-0 h-full w-full object-cover" src="https://files.catbox.moe/bsavft.mp4" muted loop playsinline preload="metadata"></video>
                          <a href="/package/marvel's-wolverine" class="pre-venda-feature-media-link" aria-label="Marvel's Wolverine (PS5)"></a>
                          <span class="pre-venda-feature-sound" data-pv-sound role="button" tabindex="0" aria-label="Ativar som">
                            <svg class="pv-sound-ico pv-sound-off" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5 6 9H2v6h4l5 4z"/><line x1="23" y1="9" x2="17" y2="15"/><line x1="17" y1="9" x2="23" y2="15"/></svg>
                            <svg class="pv-sound-ico pv-sound-on" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5 6 9H2v6h4l5 4z"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14"/></svg>
                          </span>
                        
                      </div>
                      <a href="/package/marvel's-wolverine" class="pre-venda-feature-panel flex h-full min-h-0 flex-col overflow-hidden p-5 sm:p-6 focus-visible:outline-none">
                        <div class="pre-venda-feature-panel-body min-h-0 flex-1 overflow-hidden">
                          <span class="pre-venda-feature-badge mb-3 inline-block w-fit rounded-md bg-white px-3 py-1.5 text-sm font-bold uppercase tracking-[0.1em] text-black sm:text-base" data-i18n="home.pre_venda">Pré-venda</span>
                          <h3 class="pre-venda-feature-title font-bold text-white">Marvel's Wolverine (PS5)</h3>
                          
                            <div class="pre-venda-feature-release-block mt-3">
                              <p class="pre-venda-feature-release-label mb-1.5 text-sm font-semibold text-white/90 sm:text-base" data-i18n="home.lancamento_em">Lançamento em:</p>
                              <span class="pre-venda-feature-release inline-block w-fit rounded-md px-3 py-1.5 text-sm font-semibold sm:text-base" data-translate-release-date data-release-date-original="15 de Setembro, 2026">15 de Setembro, 2026</span>
                            </div>
                          
                        </div>
                        <div class="pre-venda-feature-price shrink-0 pt-3 mt-auto">
                          
                          <p class="pre-venda-feature-price-current flex flex-wrap items-baseline gap-2">
                            <span class="text-2xl font-bold leading-none text-white sm:text-[1.75rem]" data-price-brl="189.9" data-price-brl-formatted="R$ 189,90">R$ 189,90</span>
                            
                          </p>
                        </div>
                        

<div class="pre-venda-platform-mark">
  
    <img src="https://raw.githubusercontent.com/simple-icons/simple-icons/99fbe6a82b31d49a37fee878d5fc4f37a53df155/icons/playstation.svg" alt="PlayStation" width="48" height="48" loading="lazy" decoding="async" class="pre-venda-platform-logo" />
  
</div>

                      </a>
                    </div>
                  </div>
                </div>
              
            
                <div class="keen-slider__slide min-w-0 px-0.5 sm:px-1">
                  <div class="pre-venda-feature-card group block overflow-hidden rounded-2xl shadow-lg border border-white/25" data-package-slug="phantom-blade-zero">
                    <div class="pre-venda-feature-layout grid grid-cols-1 md:grid-cols-[minmax(0,1.15fr)_minmax(0,0.85fr)]">
                      <div class="pre-venda-feature-media relative overflow-hidden bg-black">
                        
                          <video class="pre-venda-feature-player absolute inset-0 h-full w-full object-cover" src="https://files.catbox.moe/03e8o3.mp4" muted loop playsinline preload="metadata"></video>
                          <a href="/package/phantom-blade-zero" class="pre-venda-feature-media-link" aria-label="Phantom Blade Zero"></a>
                          <span class="pre-venda-feature-sound" data-pv-sound role="button" tabindex="0" aria-label="Ativar som">
                            <svg class="pv-sound-ico pv-sound-off" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5 6 9H2v6h4l5 4z"/><line x1="23" y1="9" x2="17" y2="15"/><line x1="17" y1="9" x2="23" y2="15"/></svg>
                            <svg class="pv-sound-ico pv-sound-on" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5 6 9H2v6h4l5 4z"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14"/></svg>
                          </span>
                        
                      </div>
                      <a href="/package/phantom-blade-zero" class="pre-venda-feature-panel flex h-full min-h-0 flex-col overflow-hidden p-5 sm:p-6 focus-visible:outline-none">
                        <div class="pre-venda-feature-panel-body min-h-0 flex-1 overflow-hidden">
                          <span class="pre-venda-feature-badge mb-3 inline-block w-fit rounded-md bg-white px-3 py-1.5 text-sm font-bold uppercase tracking-[0.1em] text-black sm:text-base" data-i18n="home.pre_venda">Pré-venda</span>
                          <h3 class="pre-venda-feature-title font-bold text-white">Phantom Blade Zero</h3>
                          
                            <div class="pre-venda-feature-release-block mt-3">
                              <p class="pre-venda-feature-release-label mb-1.5 text-sm font-semibold text-white/90 sm:text-base" data-i18n="home.lancamento_em">Lançamento em:</p>
                              <span class="pre-venda-feature-release inline-block w-fit rounded-md px-3 py-1.5 text-sm font-semibold sm:text-base" data-translate-release-date data-release-date-original="28 de Outubro, 2026">28 de Outubro, 2026</span>
                            </div>
                          
                        </div>
                        <div class="pre-venda-feature-price shrink-0 pt-3 mt-auto">
                          
                          <p class="pre-venda-feature-price-current flex flex-wrap items-baseline gap-2">
                            <span class="text-2xl font-bold leading-none text-white sm:text-[1.75rem]" data-price-brl="45.9" data-price-brl-formatted="R$ 45,90">R$ 45,90</span>
                            
                          </p>
                        </div>
                        

<div class="pre-venda-platform-mark">
  
    <img src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M11.979%200C5.678%200%20.511%204.86.022%2011.037l6.432%202.658c.545-.371%201.203-.59%201.912-.59.063%200%20.125.004.188.006l2.861-4.142V8.91c0-2.495%202.028-4.524%204.524-4.524%202.494%200%204.524%202.031%204.524%204.527s-2.03%204.525-4.524%204.525h-.105l-4.076%202.911c0%20.052.004.105.004.159%200%201.875-1.515%203.396-3.39%203.396-1.635%200-3.016-1.173-3.331-2.727L.436%2015.27C1.862%2020.307%206.486%2024%2011.979%2024c6.627%200%2011.999-5.373%2011.999-12S18.605%200%2011.979%200zM7.54%2018.21l-1.473-.61c.262.543.714.999%201.314%201.25%201.297.539%202.793-.076%203.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4%201.409%201.5%201.009%202.455-.397.957-1.497%201.41-2.454%201.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665%200-3.015%201.353-3.015%203.015%200%201.665%201.35%203.015%203.015%203.015%201.663%200%203.015-1.35%203.015-3.015zm-5.273-.005c0-1.252%201.013-2.266%202.265-2.266%201.249%200%202.266%201.014%202.266%202.266%200%201.251-1.017%202.265-2.266%202.265-1.253%200-2.265-1.014-2.265-2.265z'%2F%3E%3C%2Fsvg%3E" alt="Steam" width="48" height="48" loading="lazy" decoding="async" class="pre-venda-platform-logo" />
  
</div>

                      </a>
                    </div>
                  </div>
                </div>
              
            
                <div class="keen-slider__slide min-w-0 px-0.5 sm:px-1">
                  <div class="pre-venda-feature-card group block overflow-hidden rounded-2xl shadow-lg border border-white/25" data-package-slug="the-blood-of-dawnwalker">
                    <div class="pre-venda-feature-layout grid grid-cols-1 md:grid-cols-[minmax(0,1.15fr)_minmax(0,0.85fr)]">
                      <div class="pre-venda-feature-media relative overflow-hidden bg-black">
                        
                          <video class="pre-venda-feature-player absolute inset-0 h-full w-full object-cover" src="https://files.catbox.moe/yqed00.mp4" muted loop playsinline preload="metadata"></video>
                          <a href="/package/the-blood-of-dawnwalker" class="pre-venda-feature-media-link" aria-label="The Blood of Dawnwalker"></a>
                          <span class="pre-venda-feature-sound" data-pv-sound role="button" tabindex="0" aria-label="Ativar som">
                            <svg class="pv-sound-ico pv-sound-off" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5 6 9H2v6h4l5 4z"/><line x1="23" y1="9" x2="17" y2="15"/><line x1="17" y1="9" x2="23" y2="15"/></svg>
                            <svg class="pv-sound-ico pv-sound-on" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5 6 9H2v6h4l5 4z"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14"/></svg>
                          </span>
                        
                      </div>
                      <a href="/package/the-blood-of-dawnwalker" class="pre-venda-feature-panel flex h-full min-h-0 flex-col overflow-hidden p-5 sm:p-6 focus-visible:outline-none">
                        <div class="pre-venda-feature-panel-body min-h-0 flex-1 overflow-hidden">
                          <span class="pre-venda-feature-badge mb-3 inline-block w-fit rounded-md bg-white px-3 py-1.5 text-sm font-bold uppercase tracking-[0.1em] text-black sm:text-base" data-i18n="home.pre_venda">Pré-venda</span>
                          <h3 class="pre-venda-feature-title font-bold text-white">The Blood of Dawnwalker</h3>
                          
                            <div class="pre-venda-feature-release-block mt-3">
                              <p class="pre-venda-feature-release-label mb-1.5 text-sm font-semibold text-white/90 sm:text-base" data-i18n="home.lancamento_em">Lançamento em:</p>
                              <span class="pre-venda-feature-release inline-block w-fit rounded-md px-3 py-1.5 text-sm font-semibold sm:text-base" data-translate-release-date data-release-date-original="2 de Setembro, 2026">2 de Setembro, 2026</span>
                            </div>
                          
                        </div>
                        <div class="pre-venda-feature-price shrink-0 pt-3 mt-auto">
                          
                          <p class="pre-venda-feature-price-current flex flex-wrap items-baseline gap-2">
                            <span class="text-2xl font-bold leading-none text-white sm:text-[1.75rem]" data-price-brl="23.9" data-price-brl-formatted="R$ 23,90">R$ 23,90</span>
                            
                          </p>
                        </div>
                        

<div class="pre-venda-platform-mark">
  
    <img src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M11.979%200C5.678%200%20.511%204.86.022%2011.037l6.432%202.658c.545-.371%201.203-.59%201.912-.59.063%200%20.125.004.188.006l2.861-4.142V8.91c0-2.495%202.028-4.524%204.524-4.524%202.494%200%204.524%202.031%204.524%204.527s-2.03%204.525-4.524%204.525h-.105l-4.076%202.911c0%20.052.004.105.004.159%200%201.875-1.515%203.396-3.39%203.396-1.635%200-3.016-1.173-3.331-2.727L.436%2015.27C1.862%2020.307%206.486%2024%2011.979%2024c6.627%200%2011.999-5.373%2011.999-12S18.605%200%2011.979%200zM7.54%2018.21l-1.473-.61c.262.543.714.999%201.314%201.25%201.297.539%202.793-.076%203.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4%201.409%201.5%201.009%202.455-.397.957-1.497%201.41-2.454%201.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665%200-3.015%201.353-3.015%203.015%200%201.665%201.35%203.015%203.015%203.015%201.663%200%203.015-1.35%203.015-3.015zm-5.273-.005c0-1.252%201.013-2.266%202.265-2.266%201.249%200%202.266%201.014%202.266%202.266%200%201.251-1.017%202.265-2.266%202.265-1.253%200-2.265-1.014-2.265-2.265z'%2F%3E%3C%2Fsvg%3E" alt="Steam" width="48" height="48" loading="lazy" decoding="async" class="pre-venda-platform-logo" />
  
</div>

                      </a>
                    </div>
                  </div>
                </div>
              
            
        </div>
      </div>
    </div>
  </section>

  <script>
    (function () {
      function initPrevendaFeature() {
        var el = document.getElementById('pre-venda-feature-slider');
        if (!el || el.dataset.pvInit === '1') return;
        if (typeof KeenSlider === 'undefined') return;
        if (!el.children || el.children.length === 0) return;
        el.dataset.pvInit = '1';

        var prev = document.getElementById('pre-venda-feature-prev');
        var next = document.getElementById('pre-venda-feature-next');

        function buildPrevendaYtEmbed(ytId) {
          return (
            'https://www.youtube.com/embed/' +
            encodeURIComponent(ytId) +
            '?autoplay=1&mute=1&loop=1&playlist=' +
            encodeURIComponent(ytId) +
            '&controls=0&showinfo=0&modestbranding=1&rel=0&iv_load_policy=3&disablekb=1&fs=0&playsinline=1'
          );
        }

        function syncPrevendaMedia(slider) {
          if (!slider || !slider.slides || !slider.slides.length) return;
          var activeIdx =
            slider.track && slider.track.details && typeof slider.track.details.rel === 'number'
              ? slider.track.details.rel
              : 0;

          slider.slides.forEach(function (slide, i) {
            var media = slide.querySelector('.pre-venda-feature-media');
            if (!media) return;
            var isActive = i === activeIdx;

            var iframe = media.querySelector('iframe');
            if (iframe) {
              var ytId = iframe.getAttribute('data-pv-yt-id');
              var iframeSrc = iframe.getAttribute('data-pv-iframe-src');
              if (isActive) {
                if (ytId) {
                  var ytEmbed = buildPrevendaYtEmbed(ytId);
                  if (iframe.src !== ytEmbed) iframe.src = ytEmbed;
                } else if (iframeSrc && iframe.src !== iframeSrc) {
                  iframe.src = iframeSrc;
                }
              } else if (iframe.src) {
                iframe.src = '';
              }
            }

            var video = media.querySelector('video');
            if (video) {
              if (isActive) {
                var playPromise = video.play();
                if (playPromise && playPromise.catch) playPromise.catch(function () {});
              } else {
                video.pause();
              }
            }
          });
        }

        function updateNav(slider) {
          if (!prev || !next) return;
          prev.disabled = false;
          next.disabled = false;
          syncPrevendaMedia(slider);
        }

        var slider = new KeenSlider(el, {
          loop: true,
          slides: { perView: 1, spacing: 12 },
          breakpoints: {
            '(min-width: 768px)': { slides: { perView: 1, spacing: 16 } }
          },
          created: updateNav,
          slideChanged: updateNav
        });

        if (prev) prev.addEventListener('click', function () { slider.prev(); });
        if (next) next.addEventListener('click', function () { slider.next(); });
      }

      function setupPrevendaVideo(media) {
        if (!media || media.dataset.pvVideoInit === '1') return;
        var video = media.querySelector('video');
        var btn = media.querySelector('[data-pv-sound]');
        if (!video) return;
        media.dataset.pvVideoInit = '1';

        var userUnmuted = false;

        function enforceMute() {
          video.removeAttribute('controls');
          if (userUnmuted) return;
          video.muted = true;
          video.defaultMuted = true;
          video.volume = 0;
          video.setAttribute('muted', '');
          if (btn) {
            btn.classList.remove('is-on');
            btn.setAttribute('aria-label', 'Ativar som');
          }
        }

        enforceMute();
        ['loadedmetadata', 'loadeddata', 'canplay', 'play', 'volumechange'].forEach(function (evt) {
          video.addEventListener(evt, enforceMute);
        });

        if (btn) {
          btn.addEventListener('click', function (e) {
            e.preventDefault();
            e.stopPropagation();
            userUnmuted = !userUnmuted;
            if (userUnmuted) {
              video.muted = false;
              video.volume = 1;
              video.removeAttribute('muted');
              btn.classList.add('is-on');
              btn.setAttribute('aria-label', 'Desativar som');
            } else {
              enforceMute();
            }
            var p = video.play();
            if (p && p.catch) p.catch(function () {});
          });
          btn.addEventListener('keydown', function (e) {
            if (e.key === 'Enter' || e.key === ' ') {
              e.preventDefault();
              btn.click();
            }
          });
        }
      }

      function initPrevendaVideos() {
        var blocks = document.querySelectorAll('.pre-venda-feature-media');
        for (var i = 0; i < blocks.length; i++) setupPrevendaVideo(blocks[i]);
      }

      function initPrevenda() {
        initPrevendaFeature();
        initPrevendaVideos();
        window.setTimeout(initPrevendaVideos, 300);
        window.setTimeout(initPrevendaVideos, 1200);
      }

      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initPrevenda);
      } else {
        initPrevenda();
      }
    })();
  </script>

  
  <section id="store" class="container pb-12 relative scroll-m-24">
    

    <div id="categories-container" class="mt-12 relative">
      <div class="space-y-12 sm:space-y-20">
        
          
  <div class="min-h-[300px] pandora-category-block">
    
      <style>
        @media (hover: none) {
          .pandora-home-banner-cta {
            opacity: 1;
            transform: none;
            filter: none;
          }
        }
        .pandora-home-banner-themed {
          border-color: transparent !important;
          box-shadow: none !important;
        }
        .pandora-home-banner-themed:hover,
        .pandora-home-banner-themed:focus-within {
          border-color: var(--pandora-banner-glow) !important;
          box-shadow:
            0 0 0 1px var(--pandora-banner-glow) inset,
            0 0 22px -12px var(--pandora-banner-glow) !important;
        }
      </style>
      <a
        href="/category/outros"
        class="group pandora-home-banner-themed relative block w-full h-[92px] sm:h-[110px] rounded-2xl overflow-hidden border mb-4 sm:mb-5 transition-[border-color,box-shadow] duration-300 ease-out"
        data-custom-category-banner="1"
        style="--pandora-banner-accent:#facc15;--pandora-banner-glow:rgba(250,204,21,0.52);"
      >
        <div
          class="absolute inset-0 transition-transform duration-500 ease-out group-hover:scale-[1.02]"
          aria-hidden="true"
          style="background-image:url('https://i.imgur.com/disZGm1.png?v=1');background-size:cover;background-repeat:no-repeat;background-position:center center;"
        ></div>
        <div class="absolute inset-0 bg-gradient-to-r from-[#06101a]/22 via-[#0a1c2e]/8 to-[#102b45]/16"></div>
        <div class="absolute inset-0 flex flex-col items-center justify-center text-center px-4">
          <div class="flex flex-col items-center">
            <p class="text-3xl sm:text-4xl font-black uppercase tracking-wider text-white drop-shadow-md transition-transform duration-300 ease-out group-hover:scale-[1.02]">Outros</p>
            <span
              class="mt-2 block h-1 w-12 rounded-full transition-[width,box-shadow,transform] duration-300 ease-out group-hover:w-20"
              style="background:#facc15;box-shadow:0 0 12px rgba(250,204,21,0.52);"
              aria-hidden="true"
            ></span>
          </div>
          <span
            class="pandora-home-banner-cta mt-1.5 inline-flex items-center justify-center gap-1 whitespace-nowrap text-[10px] sm:text-xs font-semibold tracking-[0.15em] uppercase origin-top opacity-0 translate-y-2 blur-[1px] transition-[opacity,transform,filter] duration-200 ease-out motion-reduce:transition-none motion-reduce:opacity-100 motion-reduce:translate-y-0 motion-reduce:blur-0 group-hover:opacity-100 group-hover:translate-y-0 group-hover:blur-0 group-focus-within:opacity-100 group-focus-within:translate-y-0 group-focus-within:blur-0"
            style="color:#facc15;filter:drop-shadow(0 0 10px rgba(250,204,21,0.52));"
            data-i18n="category.ver_todos"
          >Ver todos</span>
        </div>
      </a>
    
    
    <div class="pandora-home-carousel-shell relative w-full">
      <button type="button" class="pandora-home-carousel-nav pandora-home-carousel-nav--prev" data-pandora-home-prev aria-label="Anteriores" hidden>
        <i data-lucide="chevron-left" class="w-5 h-5"></i>
      </button>
      <button type="button" class="pandora-home-carousel-nav pandora-home-carousel-nav--next" data-pandora-home-next aria-label="Próximos" hidden>
        <i data-lucide="chevron-right" class="w-5 h-5"></i>
      </button>
      <div
        class="pandora-home-carousel-view w-full"
        data-pandora-home-carousel-view
      >
        <div
          class="package-list pandora-home-carousel-track"
          data-category-id="85652"
          data-home-mobile-carousel="1"
          
          data-limit="30"
          
          data-outros-mark="1"
          data-real-price-mark="1"
        >
        </div>
      </div>
    </div>
    
  </div>

              
  <div class="min-h-[300px] pandora-category-block">
    
      <style>
        @media (hover: none) {
          .pandora-home-banner-cta {
            opacity: 1;
            transform: none;
            filter: none;
          }
        }
        .pandora-home-banner-themed {
          border-color: transparent !important;
          box-shadow: none !important;
        }
        .pandora-home-banner-themed:hover,
        .pandora-home-banner-themed:focus-within {
          border-color: var(--pandora-banner-glow) !important;
          box-shadow:
            0 0 0 1px var(--pandora-banner-glow) inset,
            0 0 22px -12px var(--pandora-banner-glow) !important;
        }
      </style>
      <a
        href="/category/Steam"
        class="group pandora-home-banner-themed relative block w-full h-[92px] sm:h-[110px] rounded-2xl overflow-hidden border mb-4 sm:mb-5 transition-[border-color,box-shadow] duration-300 ease-out"
        data-custom-category-banner="1"
        style="--pandora-banner-accent:#a855f7;--pandora-banner-glow:rgba(168,85,247,0.55);"
      >
        <div
          class="absolute inset-0 transition-transform duration-500 ease-out group-hover:scale-[1.02]"
          aria-hidden="true"
          style="background-image:url('https://i.imgur.com/U6tdikC.png?v=1');background-size:cover;background-repeat:no-repeat;background-position:center center;"
        ></div>
        <div class="absolute inset-0 bg-gradient-to-r from-[#06101a]/22 via-[#0a1c2e]/8 to-[#102b45]/16"></div>
        <div class="absolute inset-0 flex flex-col items-center justify-center text-center px-4">
          <div class="flex flex-col items-center">
            <p class="text-3xl sm:text-4xl font-black uppercase tracking-wider text-white drop-shadow-md transition-transform duration-300 ease-out group-hover:scale-[1.02]">Steam</p>
            <span
              class="mt-2 block h-1 w-12 rounded-full transition-[width,box-shadow,transform] duration-300 ease-out group-hover:w-20"
              style="background:#a855f7;box-shadow:0 0 12px rgba(168,85,247,0.55);"
              aria-hidden="true"
            ></span>
          </div>
          <span
            class="pandora-home-banner-cta mt-1.5 inline-flex items-center justify-center gap-1 whitespace-nowrap text-[10px] sm:text-xs font-semibold tracking-[0.15em] uppercase origin-top opacity-0 translate-y-2 blur-[1px] transition-[opacity,transform,filter] duration-200 ease-out motion-reduce:transition-none motion-reduce:opacity-100 motion-reduce:translate-y-0 motion-reduce:blur-0 group-hover:opacity-100 group-hover:translate-y-0 group-hover:blur-0 group-focus-within:opacity-100 group-focus-within:translate-y-0 group-focus-within:blur-0"
            style="color:#a855f7;filter:drop-shadow(0 0 10px rgba(168,85,247,0.55));"
            data-i18n="category.ver_todos"
          >Ver todos</span>
        </div>
      </a>
    
    
    <div class="pandora-home-carousel-shell relative w-full">
      <button type="button" class="pandora-home-carousel-nav pandora-home-carousel-nav--prev" data-pandora-home-prev aria-label="Anteriores" hidden>
        <i data-lucide="chevron-left" class="w-5 h-5"></i>
      </button>
      <button type="button" class="pandora-home-carousel-nav pandora-home-carousel-nav--next" data-pandora-home-next aria-label="Próximos" hidden>
        <i data-lucide="chevron-right" class="w-5 h-5"></i>
      </button>
      <div
        class="pandora-home-carousel-view w-full"
        data-pandora-home-carousel-view
      >
        <div
          class="package-list pandora-home-carousel-track"
          data-category-id="69997"
          data-home-mobile-carousel="1"
          
          data-limit="30"
          data-home-mix="69997,65933"
          
          data-real-price-mark="1"
        >
        </div>
      </div>
    </div>
    
  </div>

              
  <div class="min-h-[300px] pandora-category-block">
    
      <style>
        @media (hover: none) {
          .pandora-home-banner-cta {
            opacity: 1;
            transform: none;
            filter: none;
          }
        }
        .pandora-home-banner-themed {
          border-color: transparent !important;
          box-shadow: none !important;
        }
        .pandora-home-banner-themed:hover,
        .pandora-home-banner-themed:focus-within {
          border-color: var(--pandora-banner-glow) !important;
          box-shadow:
            0 0 0 1px var(--pandora-banner-glow) inset,
            0 0 22px -12px var(--pandora-banner-glow) !important;
        }
      </style>
      <a
        href="/category/PlayStation"
        class="group pandora-home-banner-themed relative block w-full h-[92px] sm:h-[110px] rounded-2xl overflow-hidden border mb-4 sm:mb-5 transition-[border-color,box-shadow] duration-300 ease-out"
        data-custom-category-banner="1"
        style="--pandora-banner-accent:#3b82f6;--pandora-banner-glow:rgba(59,130,246,0.52);"
      >
        <div
          class="absolute inset-0 transition-transform duration-500 ease-out group-hover:scale-[1.02]"
          aria-hidden="true"
          style="background-image:url('https://i.imgur.com/InKapTy.png?v=1');background-size:cover;background-repeat:no-repeat;background-position:center center;"
        ></div>
        <div class="absolute inset-0 bg-gradient-to-r from-[#06101a]/22 via-[#0a1c2e]/8 to-[#102b45]/16"></div>
        <div class="absolute inset-0 flex flex-col items-center justify-center text-center px-4">
          <div class="flex flex-col items-center">
            <p class="text-3xl sm:text-4xl font-black uppercase tracking-wider text-white drop-shadow-md transition-transform duration-300 ease-out group-hover:scale-[1.02]">PlayStation</p>
            <span
              class="mt-2 block h-1 w-12 rounded-full transition-[width,box-shadow,transform] duration-300 ease-out group-hover:w-20"
              style="background:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,0.52);"
              aria-hidden="true"
            ></span>
          </div>
          <span
            class="pandora-home-banner-cta mt-1.5 inline-flex items-center justify-center gap-1 whitespace-nowrap text-[10px] sm:text-xs font-semibold tracking-[0.15em] uppercase origin-top opacity-0 translate-y-2 blur-[1px] transition-[opacity,transform,filter] duration-200 ease-out motion-reduce:transition-none motion-reduce:opacity-100 motion-reduce:translate-y-0 motion-reduce:blur-0 group-hover:opacity-100 group-hover:translate-y-0 group-hover:blur-0 group-focus-within:opacity-100 group-focus-within:translate-y-0 group-focus-within:blur-0"
            style="color:#3b82f6;filter:drop-shadow(0 0 10px rgba(59,130,246,0.52));"
            data-i18n="category.ver_todos"
          >Ver todos</span>
        </div>
      </a>
    
    
    <div class="pandora-home-carousel-shell relative w-full">
      <button type="button" class="pandora-home-carousel-nav pandora-home-carousel-nav--prev" data-pandora-home-prev aria-label="Anteriores" hidden>
        <i data-lucide="chevron-left" class="w-5 h-5"></i>
      </button>
      <button type="button" class="pandora-home-carousel-nav pandora-home-carousel-nav--next" data-pandora-home-next aria-label="Próximos" hidden>
        <i data-lucide="chevron-right" class="w-5 h-5"></i>
      </button>
      <div
        class="pandora-home-carousel-view w-full"
        data-pandora-home-carousel-view
      >
        <div
          class="package-list pandora-home-carousel-track"
          data-category-id="90143"
          data-home-mobile-carousel="1"
          data-platform="playstation"
          data-limit="30"
          data-home-mix="90143,90145"
          
          data-real-price-mark="1"
        >
        </div>
      </div>
    </div>
    
  </div>

              
  <div class="min-h-[300px] pandora-category-block">
    
      <style>
        @media (hover: none) {
          .pandora-home-banner-cta {
            opacity: 1;
            transform: none;
            filter: none;
          }
        }
        .pandora-home-banner-themed {
          border-color: transparent !important;
          box-shadow: none !important;
        }
        .pandora-home-banner-themed:hover,
        .pandora-home-banner-themed:focus-within {
          border-color: var(--pandora-banner-glow) !important;
          box-shadow:
            0 0 0 1px var(--pandora-banner-glow) inset,
            0 0 22px -12px var(--pandora-banner-glow) !important;
        }
      </style>
      <a
        href="/category/xbox"
        class="group pandora-home-banner-themed relative block w-full h-[92px] sm:h-[110px] rounded-2xl overflow-hidden border mb-4 sm:mb-5 transition-[border-color,box-shadow] duration-300 ease-out"
        data-custom-category-banner="1"
        style="--pandora-banner-accent:#22c55e;--pandora-banner-glow:rgba(34,197,94,0.5);"
      >
        <div
          class="absolute inset-0 transition-transform duration-500 ease-out group-hover:scale-[1.02]"
          aria-hidden="true"
          style="background-image:url('https://i.imgur.com/syctxRJ.png');background-size:cover;background-repeat:no-repeat;background-position:center center;"
        ></div>
        <div class="absolute inset-0 bg-gradient-to-r from-[#06101a]/22 via-[#0a1c2e]/8 to-[#102b45]/16"></div>
        <div class="absolute inset-0 flex flex-col items-center justify-center text-center px-4">
          <div class="flex flex-col items-center">
            <p class="text-3xl sm:text-4xl font-black uppercase tracking-wider text-white drop-shadow-md transition-transform duration-300 ease-out group-hover:scale-[1.02]">Xbox</p>
            <span
              class="mt-2 block h-1 w-12 rounded-full transition-[width,box-shadow,transform] duration-300 ease-out group-hover:w-20"
              style="background:#22c55e;box-shadow:0 0 12px rgba(34,197,94,0.5);"
              aria-hidden="true"
            ></span>
          </div>
          <span
            class="pandora-home-banner-cta mt-1.5 inline-flex items-center justify-center gap-1 whitespace-nowrap text-[10px] sm:text-xs font-semibold tracking-[0.15em] uppercase origin-top opacity-0 translate-y-2 blur-[1px] transition-[opacity,transform,filter] duration-200 ease-out motion-reduce:transition-none motion-reduce:opacity-100 motion-reduce:translate-y-0 motion-reduce:blur-0 group-hover:opacity-100 group-hover:translate-y-0 group-hover:blur-0 group-focus-within:opacity-100 group-focus-within:translate-y-0 group-focus-within:blur-0"
            style="color:#22c55e;filter:drop-shadow(0 0 10px rgba(34,197,94,0.5));"
            data-i18n="category.ver_todos"
          >Ver todos</span>
        </div>
      </a>
    
    
    <div class="pandora-home-carousel-shell relative w-full">
      <button type="button" class="pandora-home-carousel-nav pandora-home-carousel-nav--prev" data-pandora-home-prev aria-label="Anteriores" hidden>
        <i data-lucide="chevron-left" class="w-5 h-5"></i>
      </button>
      <button type="button" class="pandora-home-carousel-nav pandora-home-carousel-nav--next" data-pandora-home-next aria-label="Próximos" hidden>
        <i data-lucide="chevron-right" class="w-5 h-5"></i>
      </button>
      <div
        class="pandora-home-carousel-view w-full"
        data-pandora-home-carousel-view
      >
        <div
          class="package-list pandora-home-carousel-track"
          data-category-id="93176"
          data-home-mobile-carousel="1"
          data-platform="xbox"
          data-limit="30"
          data-home-mix="93176,94727"
          
          data-real-price-mark="1"
        >
        </div>
      </div>
    </div>
    
  </div>

              
      </div>
    </div>
  </section>

  
</div>

</main>

  
<style>
  .pandora-footer {
    margin-top: auto;
    background: #06060a;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  .pandora-footer__inner {
    width: 100%;
    box-sizing: border-box;
  }
  .pandora-footer__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4rem;
    padding: 2.75rem 0 2.25rem;
  }
  .pandora-footer__col-left,
  .pandora-footer__col-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    flex: 0 0 auto;
  }
  .pandora-footer__support-title {
    margin: 0 0 0.35rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #fff;
  }
  .pandora-footer__support-hours {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.55);
  }
  .pandora-footer__social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.85rem;
  }
  .pandora-footer__social-link {
    display: inline-flex;
    width: 2.65rem;
    height: 2.65rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1.5px solid rgba(255, 255, 255, 0.35);
    background: transparent;
    color: #fff;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  }
  .pandora-footer__social-link:hover {
    border-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
  }
  .pandora-footer__social-link svg {
    width: 1.1rem;
    height: 1.1rem;
    background: currentColor;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
  }
  .pandora-footer__col-right {
    gap: 0.35rem;
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.45);
  }
  .pandora-footer__col-right p {
    margin: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .pandora-footer__credit a {
    color: rgba(255, 255, 255, 0.78);
    font-weight: 700;
    text-decoration: none;
  }
  .pandora-footer__credit a:hover {
    color: #fff;
  }
  .pandora-footer__col-right a {
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .pandora-footer__col-right a:hover {
    color: #fff;
  }
  @media (min-width: 640px) {
    .pandora-footer__row {
      gap: 6rem;
    }
    .pandora-footer__col-right {
      padding-top: 0;
    }
  }
  @media (max-width: 639px) {
    .pandora-footer .container {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .pandora-footer__row {
      flex-direction: column;
      flex-wrap: wrap;
      gap: 2rem;
    }
  }
</style>

<div class="mt-auto">
  <footer class="pandora-footer">
    <div class="container mx-auto pandora-footer__inner">
      <div class="pandora-footer__row">
        <div class="pandora-footer__col-left">
          <h3 class="pandora-footer__support-title" data-i18n="footer.atendimento">Atendimento:</h3>
          <p class="pandora-footer__support-hours" data-i18n="footer.horario_atendimento">Seg a Sáb das 10:00 ás 21:00</p>

          <div class="pandora-footer__social">
            
            
                <a
                  class="pandora-footer__social-link"
                  href="https://www.instagram.com/apandora.store/"
                  target="_blank"
                  rel="noopener noreferrer"
                  aria-label="Instagram"
                >
                  <svg
                    aria-hidden="true"
                    style="mask-image:url('https://www.pandorastore.site/cdn/public/assets/images/brands/instagram.svg');-webkit-mask-image:url('https://www.pandorastore.site/cdn/public/assets/images/brands/instagram.svg');"
                  ></svg>
                </a>
              
            
                <a
                  class="pandora-footer__social-link"
                  href="https://discord.gg/ZTZD4bsgDC"
                  target="_blank"
                  rel="noopener noreferrer"
                  aria-label="Discord"
                >
                  <svg
                    aria-hidden="true"
                    style="mask-image:url('https://www.pandorastore.site/cdn/public/assets/images/brands/discord.svg');-webkit-mask-image:url('https://www.pandorastore.site/cdn/public/assets/images/brands/discord.svg');"
                  ></svg>
                </a>
              
            
                <a
                  class="pandora-footer__social-link"
                  href="https://wa.me/559991454419"
                  target="_blank"
                  rel="noopener noreferrer"
                  aria-label="Whatsapp"
                >
                  <svg
                    aria-hidden="true"
                    style="mask-image:url('https://www.pandorastore.site/cdn/public/assets/images/brands/whatsapp.svg');-webkit-mask-image:url('https://www.pandorastore.site/cdn/public/assets/images/brands/whatsapp.svg');"
                  ></svg>
                </a>
              
            
          </div>
        </div>

        <div class="pandora-footer__col-right">
          <p data-i18n="footer.copyright" data-i18n-param-year="2026" data-i18n-param-store="Pandora Store">Copyright © 2026 - Pandora Store.</p>
          <p class="pandora-footer__credit">
            <span data-i18n="footer.template_por">Template desenvolvido por</span>
            <a href="https://cardds.me/vxl" target="_blank" rel="noopener noreferrer">VXL</a>
          </p>
          <p>
            <a href="/terms" data-i18n="footer.termos">Termos e condições</a>
          </p>
        </div>
      </div>
    </div>
  </footer>
</div>

  </div>

  <div id="cart-drawer" class="fixed inset-0 z-[110] flex items-center justify-end group hidden" data-state="closed">
  <div class="h-full w-full lg:w-[450px] p-5 flex flex-col bg-background border-l">
    <div class="flex items-center justify-between mb-4">
      <h4 class="text-lg font-semibold" data-i18n="cart.carrinho">Carrinho</h4>
      <button onclick="closeCart()">
        <i data-lucide="x" class="text-muted-foreground hover:text-foreground transition-colors size-5"></i>
      </button>
    </div>
    <div class="shrink-0 pb-4 border-b border-white/10" id="cart-drawer-summary">
      <div class="bg-muted w-full px-3 h-12 items-center rounded-cc flex justify-between mb-3" id="cart-pricing">
        <p class="font-normal text-muted-foreground" data-i18n="cart.valor_total">Valor total:</p>
        <span class="font-semibold">R$ 0,00</span>
      </div>
      <a href="/checkout" class="btn-primary text-base h-10 w-full flex items-center justify-center">
        <span data-i18n="cart.ir_compra">Ir para a compra</span>
      </a>
    </div>
    <div class="space-y-3 flex-1 min-h-0 overflow-y-auto pt-4" id="cart-drawer-wrapper"></div>
  </div>
</div>

  <script>
    const store = {
      currency: 'BRL',
    };
  </script>

  <script>
    function updateDrawerItems() {
      const cartDrawer = document.getElementById('cart-drawer');
      const drawerWrapper = document.getElementById('cart-drawer-wrapper');
    
      const cartPackages = Cart.getPackages();

      if (cartPackages.length < 1) {
        drawerWrapper.innerHTML = `<div class="h-full flex flex-col">
  <div class="my-auto text-center flex flex-col items-center">
    <i data-lucide="shopping-cart" class="w-10 h-10 text-primary"></i>

    <p class="text-lg font-semibold" data-i18n="common.carrinho_vazio">Seu carrinho está vazio.</p>
    <p class="text-sm text-muted-foreground" data-i18n="common.carrinho_vazio_desc">Assim que você escolher um produto, ele aparecerá aqui!</p>
  </div>
</div>`;
      } else {
        drawerWrapper.innerHTML = cartPackages.map((package) => `<div class="flex flex-wrap gap-4 items-center justify-between text-sm" data-package-id="${package.id}" data-pandora-platform="${window.PandoraCheckoutPlatform && window.PandoraCheckoutPlatform.resolvePackageModeSync ? window.PandoraCheckoutPlatform.resolvePackageModeSync(package) : 'pc'}">
  <div class="flex gap-4 items-center">
    <img class="object-cover w-16 h-16 rounded-md" src="${package.image ? package.image : `https://www.pandorastore.site/cdn/public/assets/templates/KOPY/no-image.png`}" />
    <div class="w-[150px]">
      <h5 class="leading-4 font-semibold line-clamp-2 translate-game-text" data-translate-game data-game-text-original="${package.name || ''}" title="${package.name}">${window.i18n && window.i18n.translateGameText ? window.i18n.translateGameText(package.name || '') : package.name}</h5>
      <p class="text-lg font-medium tracking-tight text-muted-foreground" data-price-brl="${package.pricing.price}" data-price-brl-formatted="${CentralCart.formatPrice(package.pricing.price, store.currency)}"${(window.PandoraCheckoutPlatform && window.PandoraCheckoutPlatform.packageUsesRealPriceConversion && window.PandoraCheckoutPlatform.packageUsesRealPriceConversion(package)) || (window.packageUsesRealConversion && window.packageUsesRealConversion(package)) ? ' data-price-conversion="real"' : ''}>
        ${window.formatStorePrice ? window.formatStorePrice(package.pricing.price, store.currency, { realConversion: (window.PandoraCheckoutPlatform && window.PandoraCheckoutPlatform.packageUsesRealPriceConversion ? window.PandoraCheckoutPlatform.packageUsesRealPriceConversion(package) : window.packageUsesRealConversion ? window.packageUsesRealConversion(package) : false) }) : CentralCart.formatPrice(package.pricing.price, store.currency)}
      </p>
    </div>
  </div>

  <div id="cart-actions-${package.id}" class="flex gap-2 items-center data-[loading]:opacity-60 data-[loading]:pointer-events-none">
    <button 
      class="border rounded-md w-8 h-8 flex items-center justify-center disabled:opacity-50"
      data-cart-action="decrease"
      data-min-amount="${package.stock.min_amount}"
      ${package.stock.min_amount && package.cart_item.quantity <= package.stock.min_amount ? 'disabled' : ''}
    >
      <i data-lucide="minus" class="w-4 h-4"></i>
    </button>

    <input data-cart-action="input" autocomplete="off" value="${package.cart_item.quantity}" class="w-10 h-8 text-center px-0" />

    <button data-cart-action="increase" class="border rounded-md w-8 h-8 flex items-center justify-center">
      <i data-lucide="plus" class="w-4 h-4"></i>
    </button>

    <button data-cart-action="remove" class="border rounded-md w-8 h-8 flex items-center justify-center bg-red-500">
      <i data-lucide="x" class="w-4 h-4"></i>
    </button>
  </div>
</div>`).join('');
      }

      const summary = cartDrawer.querySelector("#cart-drawer-summary");
      const pricing = cartDrawer.querySelector("#cart-pricing");
      if (Cart.getPackages().length < 1) {
        if (summary) summary.style.display = "none";
      } else {
        if (summary) summary.style.display = "block";
        if (pricing) {
          pricing.style.display = "flex";
          pricing.querySelector("span").innerHTML = window.formatStorePrice
            ? window.formatStorePrice(Cart.calculateTotal(), store.currency, { useCartMixedTotal: true })
            : CentralCart.formatPrice(Cart.calculateTotal(), store.currency);
        }
      }

      lucide.createIcons();
      initCartActionListeners(cartDrawer);
      if (window.i18n && window.i18n.applyToPage) window.i18n.applyToPage();
      if (window.applyUsdConversionIfNeeded) {
        window.applyUsdConversionIfNeeded();
        setTimeout(function () { window.applyUsdConversionIfNeeded(); }, 150);
      }
      if (window.i18n && window.i18n.applyGameTextTranslations) window.i18n.applyGameTextTranslations();
    }
  </script>

  <script src="https://cdn.jsdelivr.net/npm/lucide@latest/dist/umd/lucide.min.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
  <script>
    lucide.createIcons();
  </script>
  
  <script src="https://www.pandorastore.site/cdn/public/assets/js/centralcart-f27f0433.js"></script>
  <link rel="stylesheet" type="text/css" href="https://www.pandorastore.site/cdn/public/assets/css/centralcart.css">

  <script src="/scripts/i18n-extras.js?v=10"></script>
  <script src="/scripts/i18n.js?v=12"></script>
  <script src="/scripts/checkout-platform.js?v=4"></script>
  <script src="/scripts/main.js?v=27"></script>
  <script src="/scripts/usd-home.js?v=6"></script>
  <script src="/scripts/pandora-carousel.js?v=2"></script>
  <script src="/scripts/cart.js"></script>
  <script src="/scripts/dialog.js?v=4"></script>
  <script>
    // Sistema de notificações de compra - GABRIEL DINIZ
    (function() {
      'use strict';
      // Desativado: usuário solicitou remover notificações fake.
      return;
      
      console.log('🔔 INICIANDO SISTEMA DE NOTIFICAÇÕES');
      
      // Não mostrar em páginas específicas
      const path = window.location.pathname;
      const excluded = ['/checkout', '/payment', '/order', '/account', '/login'];
      if (excluded.some(p => path.includes(p))) {
        console.log('🔔 Página excluída:', path);
        return;
      }
      console.log('🔔 Página permitida:', path);

      // Lista de nomes reais e nicks casuais (mais de 100)
      const randomNames = [
        // Nomes brasileiros reais - A
        'Ana Silva', 'André Santos', 'Adriana Oliveira', 'Antonio Costa', 'Amanda Pereira',
        'Alberto Ferreira', 'Alice Souza', 'Arthur Alves', 'Ana Paula Rodrigues', 'André Luiz Lima',
        'Alessandra Martins', 'Alexandre Ribeiro', 'Amanda Araújo', 'Ana Carolina Rocha', 'Anderson Dias',
        'Aline Moreira', 'Augusto Carvalho', 'Ana Beatriz Gomes', 'Alex Barbosa', 'Adriano Cardoso',
        
        // Nomes brasileiros reais - B
        'Bruno Monteiro', 'Beatriz Reis', 'Bianca Teixeira', 'Bernardo Moura', 'Bruna Nunes',
        'Barbara Freitas', 'Breno Campos', 'Brenda Ramos', 'Bárbara Mendes', 'Beatriz Duarte',
        'Bruno Lopes', 'Bianca Azevedo', 'Bernardo Machado', 'Bruna Correia', 'Breno Nascimento',
        'Beatriz Pires', 'Bruno Farias', 'Bianca Melo', 'Bernardo Cunha', 'Bruna Morais',
        
        // Nomes brasileiros reais - C
        'Carlos Dantas', 'Camila Barros', 'Carla Pinheiro', 'Cristiano Tavares', 'Carolina Queiroz',
        'Caio Bittencourt', 'Carla Fonseca', 'Cesar Xavier', 'Cristina Leal', 'Carlos Medeiros',
        'Camila Cavalcanti', 'Claudio Bezerra', 'Carla Falcao', 'Caio Neto', 'Cristina Coelho',
        'Carlos Henrique', 'Camila Bandeira', 'Cristiano Junior', 'Carolina Paiva', 'Carla Santos',
        
        // Nomes brasileiros reais - D
        'Daniel Silva', 'Danielle Santos', 'Diego Oliveira', 'Débora Costa', 'Douglas Pereira',
        'Daniela Ferreira', 'Davi Souza', 'Diana Alves', 'Diego Rodrigues', 'Danielle Lima',
        'Daniel Martins', 'Débora Ribeiro', 'Diego Araújo', 'Daniela Rocha', 'Douglas Dias',
        'Danielle Moreira', 'Diego Carvalho', 'Débora Gomes', 'Daniel Barbosa', 'Daniela Cardoso',
        
        // Nomes brasileiros reais - E
        'Eduardo Monteiro', 'Eliane Reis', 'Estela Teixeira', 'Erick Moura', 'Elena Nunes',
        'Eduardo Freitas', 'Evelyn Campos', 'Eric Ramos', 'Elisa Mendes', 'Eduardo Duarte',
        'Eliane Lopes', 'Erick Azevedo', 'Estela Machado', 'Eduardo Correia', 'Elena Nascimento',
        
        // Nomes brasileiros reais - F
        'Felipe Pires', 'Fernanda Farias', 'Fabio Melo', 'Flavia Cunha', 'Felipe Morais',
        'Fernando Dantas', 'Fernanda Barros', 'Fabiana Pinheiro', 'Felipe Tavares', 'Flavia Queiroz',
        'Fernando Bittencourt', 'Fernanda Fonseca', 'Fabio Xavier', 'Flavia Leal', 'Felipe Medeiros',
        
        // Nomes brasileiros reais - G
        'Gabriel Cavalcanti', 'Gabriela Bezerra', 'Gustavo Falcao', 'Gisele Neto', 'Guilherme Coelho',
        'Gabriela Henrique', 'Gabriel Bandeira', 'Gustavo Junior', 'Gisele Paiva', 'Guilherme Santos',
        'Gabriel Silva', 'Gabriela Santos', 'Gustavo Oliveira', 'Gisele Costa', 'Guilherme Pereira',
        
        // Nomes brasileiros reais - H
        'Henrique Ferreira', 'Helena Souza', 'Hugo Alves', 'Heloisa Rodrigues', 'Henrique Lima',
        'Helena Martins', 'Hugo Ribeiro', 'Heloisa Araújo', 'Henrique Rocha', 'Helena Dias',
        
        // Nomes brasileiros reais - I
        'Isabela Moreira', 'Igor Carvalho', 'Ingrid Gomes', 'Ivan Barbosa', 'Isabela Cardoso',
        'Igor Monteiro', 'Ingrid Reis', 'Ivan Teixeira', 'Isabela Moura', 'Igor Nunes',
        
        // Nomes brasileiros reais - J
        'João Freitas', 'Julia Campos', 'José Ramos', 'Juliana Mendes', 'João Duarte',
        'Julia Lopes', 'José Azevedo', 'Juliana Machado', 'João Correia', 'Julia Nascimento',
        'João Silva', 'Julia Santos', 'José Oliveira', 'Juliana Costa', 'João Pereira',
        
        // Nomes brasileiros reais - L
        'Lucas Ferreira', 'Larissa Souza', 'Leonardo Alves', 'Letícia Rodrigues', 'Lucas Lima',
        'Larissa Martins', 'Leonardo Ribeiro', 'Letícia Araújo', 'Lucas Rocha', 'Larissa Dias',
        'Leonardo Moreira', 'Letícia Carvalho', 'Lucas Gomes', 'Larissa Barbosa', 'Leonardo Cardoso',
        
        // Nomes brasileiros reais - M
        'Marcos Monteiro', 'Mariana Reis', 'Matheus Teixeira', 'Marcela Moura', 'Marcos Nunes',
        'Mariana Freitas', 'Matheus Campos', 'Marcela Ramos', 'Marcos Mendes', 'Mariana Duarte',
        'Maria Silva', 'Marcos Santos', 'Mariana Oliveira', 'Matheus Costa', 'Maria Pereira',
        
        // Nomes brasileiros reais - N
        'Natalia Ferreira', 'Nathan Souza', 'Natália Alves', 'Nicolas Rodrigues', 'Natalia Lima',
        'Nathan Martins', 'Natália Ribeiro', 'Nicolas Araújo', 'Natalia Rocha', 'Nathan Dias',
        
        // Nomes brasileiros reais - P
        'Pedro Moreira', 'Patricia Carvalho', 'Paulo Gomes', 'Priscila Barbosa', 'Pedro Cardoso',
        'Patricia Monteiro', 'Paulo Reis', 'Priscila Teixeira', 'Pedro Moura', 'Patricia Nunes',
        'Pedro Silva', 'Patricia Santos', 'Paulo Oliveira', 'Priscila Costa', 'Pedro Pereira',
        
        // Nomes brasileiros reais - R
        'Rafael Ferreira', 'Renata Souza', 'Ricardo Alves', 'Roberta Rodrigues', 'Rafael Lima',
        'Renata Martins', 'Ricardo Ribeiro', 'Roberta Araújo', 'Rafael Rocha', 'Renata Dias',
        'Ricardo Moreira', 'Roberta Carvalho', 'Rafael Gomes', 'Renata Barbosa', 'Ricardo Cardoso',
        
        // Nomes brasileiros reais - S
        'Sergio Monteiro', 'Sandra Reis', 'Sara Teixeira', 'Silvio Moura', 'Suelen Nunes',
        'Sandra Freitas', 'Sara Campos', 'Silvio Ramos', 'Suelen Mendes', 'Sandra Duarte',
        'Sergio Lopes', 'Sara Azevedo', 'Silvio Machado', 'Suelen Correia', 'Sandra Nascimento',
        
        // Nomes brasileiros reais - T
        'Thiago Pires', 'Tatiana Farias', 'Tiago Melo', 'Tamara Cunha', 'Thiago Morais',
        'Tatiana Dantas', 'Tiago Barros', 'Tamara Pinheiro', 'Thiago Tavares', 'Tatiana Queiroz',
        
        // Nomes brasileiros reais - V
        'Victor Bittencourt', 'Vanessa Fonseca', 'Vinicius Xavier', 'Viviane Leal', 'Victor Medeiros',
        'Vanessa Cavalcanti', 'Vinicius Bezerra', 'Viviane Falcao', 'Victor Neto', 'Vanessa Coelho',
        
        // Nicks casuais simples (baseados em nomes reais)
        'Joao123', 'Maria456', 'Pedro789', 'Ana2024', 'Carlos2023',
        'Julia2022', 'Lucas2021', 'Mariana2020', 'Gabriel2019', 'Beatriz2018',
        'RafaelGamer', 'FernandaPlayer', 'BrunoPro', 'CamilaGamer', 'ThiagoPlayer',
        'FelipeBR', 'LarissaBR', 'DiegoBR', 'AmandaBR', 'AndreBR',
        'CarolinaGamer', 'GustavoPlayer', 'JulianaPro', 'RenanGamer', 'PatriciaPlayer',
        'VinnyGamer', 'BrunaPlayer', 'RodrigoPro', 'VanessaGamer', 'MarcosPlayer',
        'TatianaBR', 'LeonardoBR', 'PriscilaBR', 'EduardoBR', 'RenataBR'
      ];

      // Lista de jogos (será preenchida com produtos reais da loja, incluindo variações)
      let games = new Set();
      let gamesLoaded = false;

      // Função para extrair nomes de produtos do HTML (incluindo variações)
      function extractGameNames(html) {
        const parser = new DOMParser();
        const doc = parser.parseFromString(html, 'text/html');
        const gameNames = new Set();
        
        // MÉTODO 1: Extrair variações do JSON (mais confiável)
        // As páginas de produto têm um script com id="__centralcart_package_variations"
        const variationsScript = doc.getElementById('__centralcart_package_variations');
        if (variationsScript) {
          try {
            const variations = JSON.parse(variationsScript.textContent);
            if (Array.isArray(variations)) {
              variations.forEach(variation => {
                if (variation && variation.name) {
                  const name = variation.name.trim();
                  if (isValidProductName(name)) {
                    gameNames.add(name);
                    console.log('🔔 Variação encontrada no JSON:', name);
                  }
                }
              });
            }
          } catch (e) {
            console.log('🔔 Erro ao parsear variações do JSON:', e);
          }
        }
        
        // MÉTODO 2: Buscar variações visualmente (botões de seleção)
        const variationButtons = doc.querySelectorAll('button[data-action="select-variation"]');
        variationButtons.forEach(button => {
          // O nome da variação está no <span class="font-medium text-sm"> ou apenas "font-medium"
          const variationNameEl = button.querySelector('span.font-medium, span[class*="font-medium"]');
          if (variationNameEl) {
            const text = variationNameEl.textContent.trim();
            // Remover "em estoque" e outros textos que possam estar no mesmo elemento
            const cleanText = text.split('\n')[0].trim();
            if (isValidProductName(cleanText)) {
              gameNames.add(cleanText);
              console.log('🔔 Variação encontrada no HTML:', cleanText);
            }
          }
        });
        
        // MÉTODO 3: Buscar cards de produtos pela classe 'package' (package-card.html)
        const packageCards = doc.querySelectorAll('a.package, .package');
        packageCards.forEach(card => {
          const nameElements = card.querySelectorAll('p.font-medium');
          
          for (const nameEl of nameElements) {
            const text = nameEl.textContent.trim();
            // Verificar se não é um elemento filho de outro elemento (como dentro de um botão)
            if (nameEl.closest('button') || nameEl.closest('[data-cart-add]')) {
              continue;
            }
            if (isValidProductName(text)) {
              gameNames.add(text);
              break; // Pegar apenas o primeiro nome válido de cada card
            }
          }
        });
        
        // MÉTODO 4: Buscar na estrutura da lista de busca (search.html)
        const searchItems = doc.querySelectorAll('a[href*="/package/"]');
        searchItems.forEach(item => {
          const textEl = item.querySelector('p.font-semibold');
          if (textEl) {
            const text = textEl.textContent.trim();
            if (isValidProductName(text)) {
              gameNames.add(text);
            }
          }
        });
        
        // MÉTODO 5: Buscar no título da página (h1) que pode conter o nome completo do produto
        const pageTitle = doc.querySelector('h1#package-name, h1[title]');
        if (pageTitle) {
          const text = pageTitle.textContent.trim() || pageTitle.getAttribute('title');
          if (text && isValidProductName(text)) {
            gameNames.add(text);
          }
        }
        
        // MÉTODO 6: Buscar por links que apontam para /package/
        const packageLinks = doc.querySelectorAll('a[href^="/package/"]');
        packageLinks.forEach(link => {
          let text = null;
          
          const nameEl = link.querySelector('p.font-medium, p.font-semibold, h1, h2, h3, h4, h5');
          if (nameEl) {
            text = nameEl.textContent.trim();
          } else {
            const img = link.querySelector('img[alt]');
            if (img && img.alt) {
              text = img.alt.trim();
            }
          }
          
          if (text && isValidProductName(text)) {
            gameNames.add(text);
          }
        });
        
        return Array.from(gameNames);
      }
      
      // Função auxiliar para validar se é um nome de produto válido
      function isValidProductName(text) {
        if (!text || text.length < 3 || text.length > 200) {
          return false;
        }
        
        // Palavras/frases que não devem aparecer em nomes de produtos
        // Removido termos muito genéricos que podem estar em nomes válidos
        const invalidTerms = [
          'R$', 'em estoque', 'Estoque', 'Disponível', 'Chave Steam', 
          'OFF', 'Comprar', 'Adicionar', 'Carrinho', 'Sem categoria',
          'ESTOQUE ESGOTADO', 'Produto Premium', 'Steam Key GLOBAL'
        ];
        
        for (const term of invalidTerms) {
          if (text.toLowerCase().includes(term.toLowerCase())) {
            return false;
          }
        }
        
        // Não deve ser apenas números ou siglas
        if (text.match(/^\d+$/) || text.match(/^[A-Z]{2,3}$/)) {
          return false;
        }
        
        // Não deve ser porcentagem de desconto
        if (text.match(/^\d+%\s*OFF$/i)) {
          return false;
        }
        
        // Permitir variações com parênteses (como "(Sem DLCs)", "(Todas as DLCs)")
        // Permitir até 30 palavras para incluir nomes completos com variações
        if (text.split(/\s+/).length > 30) {
          return false;
        }
        
        // Deve ter pelo menos uma letra
        if (!text.match(/[a-zA-Z]/)) {
          return false;
        }
        
        return true;
      }

      // Função para remover nomes base quando há variações
      function filterBaseNames(gamesArray) {
        const gamesList = Array.from(gamesArray);
        const result = new Set();
        const baseNames = new Set();
        const variationsByBase = new Map();
        
        // Separar variações (que têm parênteses) de nomes base
        gamesList.forEach(game => {
          // Verificar se é uma variação (tem parênteses com texto dentro)
          const variationMatch = game.match(/^(.+?)\s*\(([^)]+)\)\s*$/);
          
          if (variationMatch) {
            // É uma variação
            const baseName = variationMatch[1].trim();
            const variation = game;
            
            if (!variationsByBase.has(baseName)) {
              variationsByBase.set(baseName, []);
            }
            variationsByBase.get(baseName).push(variation);
          } else {
            // É um nome base (sem parênteses)
            baseNames.add(game);
          }
        });
        
        // Adicionar todas as variações
        variationsByBase.forEach((variations, baseName) => {
          variations.forEach(variation => result.add(variation));
        });
        
        // Adicionar nomes base apenas se NÃO tiverem variações
        baseNames.forEach(baseName => {
          if (!variationsByBase.has(baseName)) {
            result.add(baseName);
          } else {
            console.log(`🔔 Removendo nome base "${baseName}" pois tem variações`);
          }
        });
        
        return result;
      }

      // Buscar jogos do catálogo (apenas variações, não nomes base)
      async function loadGamesFromCatalog() {
        try {
          console.log('🔔 Buscando produtos do catálogo (apenas variações)...');
          
          let allProducts = new Set();
          let productSlugs = new Set();
          
          // Passo 1: Buscar lista de produtos para obter slugs
          const urls = [
            '/search?package_list=true&limit=300',
            '/search?package_list=true&limit=500',
            '/search?package_list=true&limit=100'
          ];
          
          for (const url of urls) {
            try {
              const response = await fetch(url);
              if (response.ok) {
                const html = await response.text();
                
                // Extrair slugs de produtos para buscar variações
                const parser = new DOMParser();
                const doc = parser.parseFromString(html, 'text/html');
                const packageLinks = doc.querySelectorAll('a[href^="/package/"]');
                packageLinks.forEach(link => {
                  const href = link.getAttribute('href');
                  const match = href.match(/\/package\/([^/?]+)/);
                  if (match && match[1]) {
                    productSlugs.add(match[1]);
                  }
                });
                
                if (productSlugs.size > 0) {
                  console.log(`🔔 ${productSlugs.size} produtos encontrados na lista`);
                  break; // Sucesso, temos produtos para buscar variações
                }
              }
            } catch (e) {
              console.log('🔔 Erro ao buscar de', url, e);
              continue;
            }
          }
          
          // Passo 2: Buscar variações de produtos (prioridade: apenas variações)
          // Aumentar para 30 produtos para pegar mais variações
          const slugsArray = Array.from(productSlugs).slice(0, 30);
          console.log(`🔔 Buscando variações de ${slugsArray.length} produtos...`);
          
          let variationsFound = 0;
          
          for (const slug of slugsArray) {
            try {
              const response = await fetch(`/package/${slug}`);
              if (response.ok) {
                const html = await response.text();
                const extracted = extractGameNames(html);
                
                extracted.forEach(item => {
                  if (isValidProductName(item)) {
                    allProducts.add(item);
                    // Verificar se é variação (tem parênteses)
                    if (item.includes('(') && item.includes(')')) {
                      variationsFound++;
                    }
                  }
                });
              }
            } catch (e) {
              // Ignorar erros individuais
              continue;
            }
          }
          
          // Passo 3: Remover nomes base quando há variações
          games = filterBaseNames(allProducts);
          
          // Se não conseguiu carregar variações, tentar da página atual
          if (games.size === 0) {
            console.log('🔔 Tentando carregar produtos da página atual...');
            const extractedGames = extractGameNames(document.documentElement.outerHTML);
            extractedGames.forEach(game => {
              if (isValidProductName(game)) {
                allProducts.add(game);
              }
            });
            games = filterBaseNames(allProducts);
          }
          
          gamesLoaded = true;
          console.log(`🔔 Total: ${games.size} produtos carregados (${variationsFound} variações encontradas)`);
          
          // Log de alguns exemplos para debug
          const gamesArray = Array.from(games);
          if (gamesArray.length > 0) {
            console.log('🔔 Exemplos de produtos (apenas variações):', gamesArray.slice(0, 10));
          }
          
          if (games.size === 0) {
            console.warn('🔔 Nenhum produto encontrado no catálogo!');
          }
        } catch (e) {
          console.error('🔔 Erro ao buscar jogos do catálogo:', e);
        }
      }

      // Carregar jogos imediatamente
      loadGamesFromCatalog();

      function getGame() {
        // Converter Set para Array
        const gamesArray = Array.from(games);
        
        // Se não há jogos carregados ainda, tentar novamente
        if (gamesArray.length === 0 && !gamesLoaded) {
          console.log('🔔 Aguardando carregamento de produtos...');
          // Tentar carregar da página atual como fallback
          const extractedGames = extractGameNames(document.documentElement.outerHTML);
          if (extractedGames.length > 0) {
            const allProducts = new Set(extractedGames);
            games = filterBaseNames(allProducts);
            const newArray = Array.from(games);
            console.log(`🔔 ${newArray.length} produtos carregados da página atual (fallback)`);
          }
        }
        
        const currentGames = Array.from(games);
        
        if (currentGames.length === 0) {
          console.warn('🔔 Nenhum produto disponível, usando placeholder');
          return 'Produto Premium';
        }
        
        // Filtrar apenas variações (que têm parênteses)
        const variations = currentGames.filter(game => {
          return game.includes('(') && game.includes(')');
        });
        
        // Se temos variações, usar apenas variações
        // Caso contrário, usar todos os jogos (pode ser que não haja variações mesmo)
        const gamesToChooseFrom = variations.length > 0 ? variations : currentGames;
        
        const game = gamesToChooseFrom[Math.floor(Math.random() * gamesToChooseFrom.length)];
        console.log('🔔 Produto selecionado:', game);
        console.log(`🔔 Total de variações disponíveis: ${variations.length} de ${currentGames.length} produtos`);
        return game;
      }

      // Função para obter um nome aleatório
      function getRandomName() {
        const name = randomNames[Math.floor(Math.random() * randomNames.length)];
        return name;
      }

      function getTime() {
        const times = [
          { v: Math.floor(Math.random() * 5) + 1, u: 'minuto' },
          { v: Math.floor(Math.random() * 10) + 5, u: 'minuto' },
          { v: Math.floor(Math.random() * 3) + 1, u: 'hora' },
          { v: 4, u: 'hora' },
          { v: 10, u: 'hora' }
        ];
        const t = times[Math.floor(Math.random() * times.length)];
        const unitKey = t.u === 'minuto' ? (t.v > 1 ? 'notif.minutos' : 'notif.minuto') : (t.v > 1 ? 'notif.horas' : 'notif.hora');
        const unit = (window.i18n && window.i18n.t) ? window.i18n.t(unitKey) : (t.u + (t.v > 1 ? 's' : ''));
        const atras = (window.i18n && window.i18n.t) ? window.i18n.t('notif.atras') : 'atrás';
        return t.v + ' ' + unit + ' ' + atras;
      }

      // Função para gerar tempo relativo aleatório
      function getRandomTimeAgo() {
        const options = [
          // Minutos acima de 5 minutos (6-20 minutos)
          { value: Math.floor(Math.random() * (20 - 6 + 1)) + 6, unit: 'minuto' },
          { value: Math.floor(Math.random() * 15) + 21, unit: 'minuto' }, // 21-35 minutos
          { value: Math.floor(Math.random() * 25) + 36, unit: 'minuto' }, // 36-60 minutos
          // Horas
          { value: Math.floor(Math.random() * 3) + 1, unit: 'hora' }, // 1-3 horas
          { value: Math.floor(Math.random() * 5) + 3, unit: 'hora' }, // 3-7 horas
          { value: Math.floor(Math.random() * 10) + 8, unit: 'hora' } // 8-17 horas
        ];
        
        const selected = options[Math.floor(Math.random() * options.length)];
        const unitKey = selected.unit === 'minuto' ? (selected.value > 1 ? 'notif.minutos' : 'notif.minuto') : (selected.value > 1 ? 'notif.horas' : 'notif.hora');
        const unit = (window.i18n && window.i18n.t) ? window.i18n.t(unitKey) : (selected.unit + (selected.value > 1 ? 's' : ''));
        const atras = (window.i18n && window.i18n.t) ? window.i18n.t('notif.atras') : 'atrás';
        return `${selected.value} ${unit} ${atras}`;
      }

      // Adicionar estilos CSS
      function addStyles() {
        if (document.getElementById('purchase-notif-styles')) return;
        
        const style = document.createElement('style');
        style.id = 'purchase-notif-styles';
        style.textContent = `
          @keyframes notifSlideIn {
            from {
              opacity: 0;
              transform: translateX(-120px) scale(0.9);
            }
            to {
              opacity: 1;
              transform: translateX(0) scale(1);
            }
          }
          @keyframes notifSlideOut {
            from {
              opacity: 1;
              transform: translateX(0) scale(1);
            }
            to {
              opacity: 0;
              transform: translateX(-120px) scale(0.9);
            }
          }
          .notif-exiting {
            animation: notifSlideOut 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
          }
          #purchase-notif.notif-exiting {
            animation: notifSlideOut 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
          }
          #purchase-notif {
            position: fixed !important;
            bottom: 24px !important;
            left: 24px !important;
            z-index: 999999 !important;
            max-width: 380px !important;
            width: calc(100% - 48px) !important;
            pointer-events: auto !important;
            animation: notifSlideIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
          }
          #purchase-notif.exiting {
            animation: notifSlideOut 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
          }
          @media (max-width: 640px) {
            #purchase-notif {
              bottom: 16px !important;
              left: 16px !important;
              max-width: calc(100% - 32px) !important;
              width: calc(100% - 32px) !important;
            }
            #purchase-notif > div {
              background: rgba(10, 10, 10, 0.85) !important;
            }
          }
        `;
        document.head.appendChild(style);
        console.log('🔔 Estilos CSS adicionados');
      }

      function showNotif() {
        console.log('🔔 showNotif chamada');
        
        if (!document.body) {
          console.error('🔔 Body não existe!');
          return;
        }
        
        // Verificar se há variações carregadas antes de mostrar a notificação
        const currentGames = Array.from(games);
        const variations = currentGames.filter(game => game.includes('(') && game.includes(')'));
        
        // Se não há variações carregadas ainda, não mostrar a notificação
        if (variations.length === 0 && gamesLoaded) {
          console.log('🔔 Notificação ignorada - nenhuma variação carregada ainda');
          return;
        }
        
        // Se ainda não carregou os jogos, esperar mais um pouco
        if (currentGames.length === 0 && !gamesLoaded) {
          console.log('🔔 Notificação ignorada - produtos ainda não carregados');
          return;
        }
        
        // Remover notificação anterior
        const existing = document.getElementById('purchase-notif');
        if (existing) {
          console.log('🔔 Removendo notificação anterior');
          existing.remove();
        }

        // Gerar tempo e verificar se é um tempo que deve ser ignorado (5-6 segundos)
        let timeAgo = getRandomTimeAgo();
        // Verificar se o tempo é "5 segundos atrás" ou "6 segundos atrás" (com ou sem plural)
        if (timeAgo.match(/^[56]\s+segundo(s)?\s+atrás$/)) {
          console.log('🔔 Notificação ignorada - tempo muito baixo (5-6 segundos)');
          return; // Não mostrar essa notificação
        }

        const game = getGame();
        const time = getTime();
        const randomName = getRandomName();
        
        // Verificar se o jogo selecionado é uma variação (tem parênteses)
        // Se não for e ainda não carregou tudo, não mostrar
        if (!game.includes('(') || !game.includes(')')) {
          // Se ainda tem jogos a carregar, não mostrar nomes base
          if (!gamesLoaded || variations.length === 0) {
            console.log('🔔 Notificação ignorada - jogo selecionado não é variação:', game);
            return;
          }
        }

        // Criar container
        const container = document.createElement('div');
        container.id = 'purchase-notif';
        
        // Criar conteúdo interno com design completamente novo
        container.innerHTML = `
          <div style="
            position: relative;
            padding: 0;
            background: rgba(10, 10, 10, 0.65);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-radius: 18px;
            border: 2px solid rgba(124, 58, 237, 0.4);
            box-shadow: 
              0 8px 32px rgba(0, 0, 0, 0.4),
              0 0 0 1px rgba(124, 58, 237, 0.15),
              inset 0 0 20px rgba(124, 58, 237, 0.03);
            width: 100%;
            overflow: hidden;
          ">
            <!-- Efeito de brilho animado no topo -->
            <div style="
              position: absolute;
              top: 0;
              left: -100%;
              width: 100%;
              height: 100%;
              background: linear-gradient(90deg, transparent, rgba(124, 58, 237, 0.1), transparent);
              animation: shine 3s infinite;
            "></div>
            
            <div style="
              position: relative;
              padding: 12px 16px;
              display: flex;
              flex-direction: column;
              gap: 8px;
            ">
              <!-- Header com nome e tempo -->
              <div style="
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
              ">
                <div style="
                  display: flex;
                  align-items: center;
                  gap: 10px;
                  flex: 1;
                  min-width: 0;
                ">
                  <div style="
                    width: 32px;
                    height: 32px;
                    min-width: 32px;
                    border-radius: 50%;
                    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-shrink: 0;
                    box-shadow: 
                      0 0 0 2px rgba(124, 58, 237, 0.3),
                      0 4px 12px rgba(124, 58, 237, 0.4);
                  ">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                      <circle cx="9" cy="21" r="1"></circle>
                      <circle cx="20" cy="21" r="1"></circle>
                      <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
                    </svg>
                  </div>
                  <div style="flex: 1; min-width: 0;">
                    <div style="
                      display: flex;
                      align-items: baseline;
                      gap: 6px;
                      flex-wrap: wrap;
                    ">
                      <p style="
                        margin: 0;
                        color: #FFFFFF;
                        font-size: 17px;
                        font-weight: 700;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        line-height: 1.3;
                      ">${randomName}</p>
                      <span style="
                        color: #7c3aed;
                        font-size: 13px;
                        font-weight: 600;
                      ">${(window.i18n && window.i18n.t) ? window.i18n.t('notif.comprou') : 'comprou'}</span>
                    </div>
                    <p style="
                      margin: 3px 0 0 0;
                      color: #FFFFFF;
                      font-size: 12px;
                      font-weight: 500;
                      letter-spacing: 0.2px;
                    ">${timeAgo}</p>
                  </div>
                </div>
                <button id="close-notif-btn" style="
                  background: rgba(124, 58, 237, 0.1);
                  border: 1px solid rgba(124, 58, 237, 0.3);
                  color: rgba(255, 255, 255, 0.7);
                  cursor: pointer;
                  padding: 4px;
                  border-radius: 6px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  flex-shrink: 0;
                  transition: all 0.2s;
                  width: 24px;
                  height: 24px;
                ">
                  <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                    <line x1="18" y1="6" x2="6" y2="18"></line>
                    <line x1="6" y1="6" x2="18" y2="18"></line>
                  </svg>
                </button>
              </div>
              
              <!-- Divider -->
              <div style="
                height: 1px;
                background: linear-gradient(90deg, transparent, rgba(124, 58, 237, 0.3), transparent);
                margin: 1px 0;
              "></div>
              
              <!-- Nome do jogo -->
              <div style="
                padding: 10px 12px;
                background: linear-gradient(135deg, rgba(124, 58, 237, 0.15) 0%, rgba(124, 58, 237, 0.05) 100%);
                border-radius: 8px;
                border: 1px solid rgba(124, 58, 237, 0.25);
                position: relative;
                overflow: hidden;
              ">
                <p style="
                  margin: 0;
                  color: #F9FAFB;
                  font-size: 12px;
                  font-weight: 600;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  line-height: 1.3;
                  position: relative;
                  z-index: 1;
                ">${game}</p>
              </div>
              
            </div>
          </div>
          
          <style>
            @keyframes shine {
              0% { left: -100%; }
              50% { left: 100%; }
              100% { left: 100%; }
            }
          </style>
        `;

        // Adicionar ao body
        document.body.appendChild(container);
        console.log('🔔 Notificação adicionada ao DOM');
        console.log('🔔 Elemento no DOM?', document.body.contains(container));

        // Botão de fechar
        const closeBtn = container.querySelector('#close-notif-btn');
        if (closeBtn) {
          closeBtn.addEventListener('mouseenter', () => {
            closeBtn.style.background = 'rgba(124, 58, 237, 0.25)';
            closeBtn.style.borderColor = 'rgba(124, 58, 237, 0.5)';
            closeBtn.style.color = '#FFFFFF';
            closeBtn.style.transform = 'rotate(90deg) scale(1.1)';
          });
          closeBtn.addEventListener('mouseleave', () => {
            closeBtn.style.background = 'rgba(124, 58, 237, 0.1)';
            closeBtn.style.borderColor = 'rgba(124, 58, 237, 0.3)';
            closeBtn.style.color = 'rgba(255, 255, 255, 0.7)';
            closeBtn.style.transform = 'rotate(0deg) scale(1)';
          });
          closeBtn.addEventListener('click', () => {
            container.classList.add('exiting');
            setTimeout(() => {
              if (container.parentNode) {
                container.remove();
              }
            }, 500);
          });
        }

        // Auto-remover após 6 segundos
        setTimeout(() => {
          if (container.parentNode) {
            container.classList.add('exiting');
            setTimeout(() => {
              if (container.parentNode) {
                container.remove();
              }
            }, 500);
          }
        }, 6000);
      }

      // Função para agendar próxima notificação com intervalo aleatório
      function scheduleNextNotification() {
        // Intervalo aleatório entre 10 e 30 segundos
        const minSeconds = 10;
        const maxSeconds = 30;
        const randomInterval = Math.floor(Math.random() * (maxSeconds - minSeconds + 1)) + minSeconds;
        
        console.log(`🔔 Próxima notificação em ${randomInterval} segundos`);
        
        setTimeout(() => {
          showNotif();
          scheduleNextNotification(); // Agendar a próxima
        }, randomInterval * 1000);
      }

      // Função de inicialização
      function init() {
        console.log('🔔 Inicializando sistema...');
        console.log('🔔 Body existe?', !!document.body);
        console.log('🔔 Head existe?', !!document.head);
        
        // Adicionar estilos
        addStyles();
        
        // Aguardar carregamento dos produtos e então mostrar notificações
        async function startNotifications() {
          // Aguardar um pouco para garantir que os produtos foram carregados
          await new Promise(resolve => setTimeout(resolve, 2000));
          
          // Se ainda não tem jogos, tentar carregar novamente
          if (games.length === 0) {
            await loadGamesFromCatalog();
            await new Promise(resolve => setTimeout(resolve, 1000));
          }
          
          console.log(`🔔 Iniciando notificações com ${games.length} produtos disponíveis`);
          
          // Mostrar primeira notificação após intervalo aleatório inicial (10-30 segundos)
          const initialDelay = Math.floor(Math.random() * (30 - 10 + 1)) + 10;
          console.log(`🔔 Primeira notificação em ${initialDelay} segundos`);
          
          setTimeout(() => {
            console.log('🔔 Mostrando primeira notificação');
            showNotif();
            scheduleNextNotification(); // Agendar próximas notificações
          }, initialDelay * 1000);
        }
        
        startNotifications();
      }

      // Aguardar DOM estar pronto
      function waitForDOM() {
        if (document.body && document.head) {
          console.log('🔔 DOM pronto, iniciando...');
          init();
        } else {
          console.log('🔔 Aguardando DOM...');
          setTimeout(waitForDOM, 100);
        }
      }

      // Inicializar
      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', waitForDOM);
      } else {
        waitForDOM();
      }
    })();
  </script>
  <script src="/scripts/purchase-notifications.js"></script>
  <script>
    // Particle effect script - partículas caindo na frente do conteúdo
    (function() {
      'use strict';
      // Desativado: usuário solicitou remover partículas da tela.
      return;
      
      let canvas, ctx;
      let particles = [];
      let animationId;
      
      // Detectar se é mobile e ajustar quantidade de partículas
      function getParticleCount() {
        return window.innerWidth < 768 ? 15 : 80; // 15 no mobile, 80 no desktop
      }

      function initParticles() {
        // Verificar se o body existe
        if (!document.body) {
          setTimeout(initParticles, 100);
          return;
        }

        // Remover canvas existente se houver
        const existingCanvas = document.getElementById('particles-canvas');
        if (existingCanvas) {
          existingCanvas.remove();
        }

        // Criar canvas
        canvas = document.createElement('canvas');
        canvas.id = 'particles-canvas';
        canvas.style.position = 'fixed';
        canvas.style.top = '0';
        canvas.style.left = '0';
        canvas.style.width = '100%';
        canvas.style.height = '100%';
        canvas.style.pointerEvents = 'none';
        canvas.style.zIndex = '9999';
        canvas.style.opacity = '0.7';
        
        document.body.appendChild(canvas);
        
        ctx = canvas.getContext('2d');
        
        // Definir tamanho do canvas
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        
        // Criar partículas iniciais
        particles = [];
        const particleCount = getParticleCount();
        for (let i = 0; i < particleCount; i++) {
          particles.push(createParticle(true));
        }
        
        // Event listeners
        window.addEventListener('resize', function() {
          if (canvas) {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            
            // Recriar partículas se a quantidade mudou
            const newParticleCount = getParticleCount();
            if (particles.length !== newParticleCount) {
              particles = [];
              for (let i = 0; i < newParticleCount; i++) {
                particles.push(createParticle(true));
              }
            }
          }
        });
        
        // Iniciar animação
        animate();
      }

      function createParticle(startFromTop) {
        const width = canvas ? canvas.width : window.innerWidth;
        const height = canvas ? canvas.height : window.innerHeight;
        
        // Cores roxas baseadas na cor primária
        const baseRed = 147;
        const baseGreen = 51;
        const baseBlue = 234;
        
        return {
          x: Math.random() * width,
          y: startFromTop ? Math.random() * -300 : Math.random() * height,
          size: Math.random() * 2 + 1,
          speedY: Math.random() * 0.6 + 0.3,
          speedX: (Math.random() - 0.5) * 0.15,
          opacity: Math.random() * 0.5 + 0.5,
          red: baseRed + Math.random() * 40 - 20,
          green: baseGreen + Math.random() * 40 - 20,
          blue: baseBlue + Math.random() * 40 - 20
        };
      }

      function animate() {
        if (!canvas || !ctx) {
          return;
        }
        
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        for (let i = 0; i < particles.length; i++) {
          const p = particles[i];
          
          // Atualizar posição
          p.y += p.speedY;
          p.x += p.speedX + Math.sin(p.y * 0.01) * 0.1;
          
          // Desenhar partícula
          ctx.beginPath();
          ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
          ctx.fillStyle = 'rgba(' + p.red + ', ' + p.green + ', ' + p.blue + ', ' + p.opacity + ')';
          ctx.fill();
          
          // Resetar se sair da tela
          if (p.y > canvas.height + 10) {
            p.y = -10;
            p.x = Math.random() * canvas.width;
            p.speedY = Math.random() * 0.6 + 0.3;
          }
          if (p.x < -10) {
            p.x = canvas.width + 10;
          }
          if (p.x > canvas.width + 10) {
            p.x = -10;
          }
        }
        
        animationId = requestAnimationFrame(animate);
      }

      // Aguardar o DOM estar completamente carregado
      if (document.readyState === 'complete' || document.readyState === 'interactive') {
        setTimeout(initParticles, 100);
      } else {
        window.addEventListener('DOMContentLoaded', function() {
          setTimeout(initParticles, 100);
        });
      }
    })();
  </script>

  <script src="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.js"></script>
  <script src="/scripts/prevenda-carousel.js?v=2"></script>

  
      <script>
      const allowedParams = [
        'utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
        'gclid', 'fbclid', 'msclkid',
        'ref', 'campaign', 'source', 'medium', 'adgroup',
        'creative', 'term', 'placement', 'device', 'channel',
        'pk_campaign', 'pk_source', 'pk_medium',
        'hsa_cam', 'hsa_grp', 'hsa_mt', 'hsa_src', 'hsa_ad',
        'scid', 'ncid', 's_kwcid',
        'direct', 'src', 'sck',
        'network', 'keyword',
        'gad_campaignid', 'gad_source', 'gbraid', 'wbraid', 'ttclid',
      ];

      const urlParams = new URLSearchParams(window.location.search);
      const trackingData = {};

      for (const key of allowedParams) {
        const value = urlParams.get(key);
        if (value) trackingData[key] = value;
      }

      if (Object.keys(trackingData).length > 0) {
        trackingData.ts = new Date().toISOString();
        document.cookie = '_cc_trck=' + encodeURIComponent(JSON.stringify(trackingData)) + '; path=/; max-age=' + (30 * 24 * 60 * 60) + '; Secure; SameSite=Lax';
      }

      const refValue = urlParams.get('ref');
      if (refValue) {
        const refPayload = JSON.stringify({ message: refValue });
        const refEncoded = btoa(unescape(encodeURIComponent(refPayload))).replace(/=+$/, '');
        const setRefCookie = (days) => {
          document.cookie = '_cc_ref=' + refEncoded + '; path=/; max-age=' + (days * 24 * 60 * 60) + '; Secure; SameSite=Lax';
        };
        setRefCookie(7);
        fetch('/rest/affiliate/cookie_duration?ref=' + encodeURIComponent(refValue))
          .then((r) => (r.ok ? r.json() : null))
          .then((d) => { if (d && d.days && d.days !== 7) setRefCookie(d.days); })
          .catch(() => {});
      }
      </script>
      </body>
</html>