  <link rel="stylesheet" href="/leilao/public/assets/theme_djr.css?v=1">
  <style>
    .top-nav{max-width:1200px;margin:16px auto;padding:0 14px}
    .top-nav .bar{
      display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-start;
      background:linear-gradient(180deg,#0e1729,#0b1423);border:1px solid #1f2937;border-radius:16px;
      padding:10px 12px;box-shadow:0 10px 32px rgba(0,0,0,.25)
    }
    .nv-pill, .nv-badge{
      display:inline-flex;align-items:center;gap:8px;
      border-radius:12px;border:1px solid #1f2937;
      color:#e6edf3;text-decoration:none;font-weight:700;padding:10px 14px;
      background:#0f192d;
    }
    .nv-badge:hover{background:#10213e}
    .nv-pill:hover{filter:brightness(1.06)}
    .nv-pill.gold{
      background:#ffcc00; color:#1a1a1a; border-color:#b89500;
      box-shadow:0 0 24px rgba(255,204,0,.25), inset 0 -6px 12px rgba(0,0,0,.2);
    }
    .nv-pill.gold .coin{font-size:1.15em}
    .nv-pill.blue{background:#1f4ed8} .nv-pill.blue:hover{background:#1d47c8}
    .nv-bell{background:#ffcc00;color:#1a1a1a;border-color:#b89500;box-shadow:0 0 18px rgba(255,204,0,.2)}
    .nv-bell:hover{filter:brightness(1.06)}
    .right{margin-left:auto;display:flex;gap:10px}
  </style>
  
<div class="top-nav">
  <div class="bar">
    <div class="nv-badge" style="font-size:20px;font-weight:800;gap:12px">🎮 <span>Leilões</span></div>

    <a class="nv-badge" href="/leilao/public/profile.php">👤 Meus Dados</a>
    <a class="nv-badge" href="/leilao/public/my_items.php">📦 Meus Itens</a>
    <a class="nv-badge" href="/leilao/public/scoreboard.php">📊 Pontuação</a>
    <a class="nv-badge" href="/leilao/public/badges.php">🏅 Badges</a>

    <!-- DJRCOINS: dourado, com moeda, sem número -->
    <a class="nv-pill gold" href="/leilao/public/login.php?next=%2Fleilao%2Fpublic%2Findex.php%3Fmode%3Dclassic">
      <span class="coin">🪙</span> DJRCOINS
    </a>

    <a class="nv-pill blue" href="/leilao/public/store/index.php">🛒 Ir para Loja</a>

    <div class="right">
      
      <a class="nv-badge nv-bell" id="nav-bell" href="#" onclick="return false;" title="Notificações">🔔</a>

              <a class="nv-badge" href="/leilao/public/login.php?next=/leilao/public/index.php?mode=classic">👤 Entrar</a>
          </div>
  </div>
</div>

<script>
(function(){
  const bell = document.getElementById('nav-bell');
  if (!bell) return;
  let panel;

  function ensurePanel(){
    if (panel) return panel;
    panel = document.createElement('div');
    panel.className = 'card';
    panel.style.cssText = 'display:none; position:absolute; right:16px; top:70px; width:min(360px,92vw); z-index:9999';
    panel.innerHTML = '<div class="h" style="font-weight:800;margin-bottom:6px">Notificações</div><div id="bell-list"><small>Carregando...</small></div>';
    document.body.appendChild(panel);
    return panel;
  }

  async function loadFeed(){
    try{
      const r = await fetch('/leilao/public/djr_notifications_feed.php?limit=5', {credentials:'same-origin'});
      const j = await r.json();
      const listEl = document.getElementById('bell-list');
      if (!listEl) return;
      if (j && j.ok && j.items && j.items.length){
        let html = '';
        for (const it of j.items.slice(0,5)) {
          const when = it.created_at || '';
          const title = it.title || (it.type==='badge_bonus'?'Bônus de DJRCOINS':'Notificação');
          const msg = it.message || '';
          html += `<div style="padding:8px 0;border-top:1px solid #1f2937">
                     <div style="font-weight:700">${title}</div>
                     <small style="color:#9aa4b2">${when}</small>
                     <div>${msg}</div>
                   </div>`;
        }
        listEl.innerHTML = html;
      } else {
        listEl.innerHTML = '<small>Sem novas notificações.</small>';
      }
    }catch(e){
      const listEl = document.getElementById('bell-list');
      if (listEl) listEl.innerHTML = '<small>Erro de rede.</small>';
    }
  }

  bell.addEventListener('click', function(){
    const p = ensurePanel();
    const vis = p.style.display === 'block';
    p.style.display = vis ? 'none' : 'block';
    if (!vis) loadFeed();
  });

  document.addEventListener('click', function(ev){
    if (!panel) return;
    if (ev.target === bell || bell.contains(ev.target)) return;
    if (!panel.contains(ev.target)) panel.style.display = 'none';
  });
})();
</script>
<style>
  :root{
    --bg:#0b0f14; --panel:#0f172a; --muted:#9aa4b2; --border:#1f2937;
    --txt:#e6edf3; --accent:#facc15; --accent-b:#eab308;
  }
  html,body{background:var(--bg);color:var(--txt);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
  .content{max-width:1200px;margin:16px auto;padding:0 14px}

  .page-title{
    display:flex;align-items:center;justify-content:space-between;
    gap:12px;margin:6px 0 12px;flex-wrap:wrap;
  }
  .page-title-nav-global{ margin-top:10px; }
  .page-title .brand-logo{height:28px}
  .page-title h1.page{font-size:1.7rem;font-weight:950}
  .page-title-nav-global h1.page{font-size:1.55rem;}

  .card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px}
  .muted{color:var(--muted);}
  a{color:#93c5fd}
  a:hover{color:#bfdbfe}

  .badge{display:inline-block;background:#0b1423;border:1px solid var(--border);color:#cbd5e1;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:900}

  .btn{display:inline-block;background:#1f2937;border:1px solid #2b3a4f;color:#e6edf3;text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:700}
  .btn.secondary{background:#0d1320;border-color:#1f2942}
  .btn.btn-open{background:var(--accent);color:#111827;border-color:var(--accent-b);font-weight:950;border-radius:12px;box-shadow:0 0 24px rgba(250,204,21,.28)}
  .btn.btn-open:hover{filter:brightness(1.04)}
  .btn.btn-small{padding:6px 10px;font-size:.82rem;border-radius:999px;}

  .auction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  @media(max-width:980px){.auction-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media(max-width:640px){.auction-grid{grid-template-columns:1fr;}}

  .auction-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px}
  .auction-card h3{margin:.25rem 0 .35rem}
  .meta{color:var(--muted);font-size:.92rem}
  .status{font-size:.85rem;color:var(--muted)}

  .auction-card.live{border-color:#f97316;box-shadow:0 0 18px rgba(248,113,113,.18);}
  .auction-card.scheduled{border-color:#22c55e;box-shadow:0 0 14px rgba(34,197,94,.14);}

  .user-chip{
    display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;
    background:#020617;border:1px solid var(--border);font-size:.8rem;white-space:nowrap;
  }
  .user-chip-avatar{
    width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;
    font-weight:900;background:linear-gradient(135deg,#facc15,#f97316);color:#0b1120;
    box-shadow:0 0 10px rgba(250,204,21,.35);
  }
  .user-chip-text .label{color:var(--muted);font-size:.7rem;line-height:1.1;}
  .user-chip-text .name{font-weight:800;line-height:1.1;}

  /* ===== Filtro de modos (discreto + mobile-friendly) ===== */
  .mode-filter-card{margin-bottom:14px;}
  .mode-filter-title{font-size:.9rem;font-weight:800;margin-bottom:6px;}
  .mode-filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;}
  .mode-pill{
    flex:0 0 auto;padding:7px 10px;border-radius:999px;border:1px solid #1f2937;background:#020617;
    font-size:.78rem;text-decoration:none;color:#e5e7eb;display:flex;align-items:center;gap:6px;white-space:nowrap;
  }
  .mode-pill span.emoji{font-size:.9rem;}
  .mode-pill.active{
    border-color:var(--accent-b);background:#facc15;color:#111827;font-weight:950;
    box-shadow:0 0 18px rgba(250,204,21,.28);
  }

  .mode-tag-inline{
    display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;border:1px solid #1f2937;
    font-size:.72rem;margin-left:6px;background:#020617;color:#e5e7eb;font-weight:900;
  }

  /* ===== RESUMO COMPACTO ===== */
  .summary-bar{padding:12px 14px}
  .summary-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
  .summary-title{font-weight:950;font-size:1.02rem}
  .summary-sub{font-size:.86rem}
  .summary-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
  .sum-pill{
    display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;
    background:#020617;border:1px solid var(--border);text-decoration:none;color:var(--txt);
    font-size:.84rem;font-weight:900;
  }
  .sum-pill strong{font-weight:950}
  .sum-pill.cta{background:var(--accent);color:#111827;border-color:var(--accent-b)}
  .sum-pill.warn{border-color:#2563eb}
  .sum-pill.danger{border-color:#b91c1c}
  .summary-details{margin-top:10px;border-top:1px solid #22314a;padding-top:10px}
  .summary-details summary{cursor:pointer;font-weight:950}
  .summary-details-body{margin-top:8px;line-height:1.35}

  /* ===== Welcome strip (sem janela gigante) ===== */
  .welcome-strip{
    margin-bottom:12px;
    background:linear-gradient(90deg, rgba(250,204,21,.14), rgba(249,115,22,.08), rgba(2,6,23,0));
    border:1px solid #22314a;
    border-radius:16px;
    padding:12px 12px;
    display:flex;
    gap:10px;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .welcome-strip .left{min-width:240px}
  .welcome-strip .title{font-weight:950}
  .welcome-strip .mini{font-size:.9rem}
  .welcome-strip .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
  .welcome-strip .xbtn{
    background:#0b1423;border:1px solid #22314a;color:#e6edf3;border-radius:12px;
    padding:8px 10px;cursor:pointer;font-weight:900;
  }

  /* ===== HERO / DESTAQUES ===== */
  .hero-wrap{border-radius:18px}
  .hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .hero-title{font-weight:950;font-size:1.12rem}
  .hero-sub{font-size:.9rem;margin-top:2px}
  .hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
  @media(max-width:980px){.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media(max-width:640px){.hero-grid{grid-template-columns:1fr;}}

  .hero-card{
    display:block;text-decoration:none;color:inherit;border-radius:18px;overflow:hidden;
    border:1px solid #22314a;background:#020617;
    box-shadow:0 10px 40px rgba(0,0,0,.25);
  }
  .hero-card:hover{border-color:var(--accent-b);box-shadow:0 0 26px rgba(250,204,21,.18)}
  .hero-card.is-live{border-color:#f97316;box-shadow:0 0 20px rgba(248,113,113,.18)}
  .hero-card.is-scheduled{border-color:#22c55e;box-shadow:0 0 16px rgba(34,197,94,.15)}

  .hero-media{position:relative}
  .hero-media img{width:100%;height:210px;object-fit:cover;display:block;background:#0b1120}
  @media(max-width:640px){.hero-media img{height:220px}}
  .hero-noimg{height:190px;display:flex;align-items:center;justify-content:center;background:#0b1120}

  .hero-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
  .hero-collage img{height:104px}
  @media(max-width:640px){.hero-collage img{height:110px}}

  .hero-badges{
    position:absolute;left:10px;top:10px;right:10px;
    display:flex;gap:6px;flex-wrap:wrap;align-items:center;
  }
  .hero-badge{
    display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;
    font-size:.74rem;font-weight:950;background:rgba(250,204,21,.92);color:#111827;border:1px solid rgba(234,179,8,.9);
  }
  .hero-badge.dark{background:rgba(2,6,23,.78);color:#e5e7eb;border:1px solid rgba(31,41,55,.9);}

  .hero-body{padding:12px 12px 14px}
  .hero-name{font-weight:950;font-size:1rem;line-height:1.2}
  .hero-time{font-size:.86rem;margin-top:6px}
  .hero-cta{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px}
  .hero-btn{
    display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#111827;border:1px solid var(--accent-b);
    font-weight:950;border-radius:12px;padding:10px 12px;width:100%;
  }
  .hero-pulse{
    flex:0 0 auto;font-weight:950;font-size:.78rem;padding:8px 10px;border-radius:999px;
    background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.55);color:#fdba74;
  }

  /* Lista menor (mais leiloes de hoje) */
  .hot-items-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-top:8px;}
  .hot-item-card{
    flex:0 0 auto;min-width:210px;max-width:230px;background:#020617;border:1px solid var(--border);
    border-radius:14px;padding:6px 8px 8px 8px;cursor:pointer;text-decoration:none;color:inherit;
  }
  .hot-item-card:hover{border-color:var(--accent-b);box-shadow:0 0 18px rgba(250,204,21,.18);}
  .hot-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;margin-bottom:6px;background:#020617;}
  .hot-chip{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:900;}
  .hot-title-text{font-weight:800;font-size:.88rem;line-height:1.2;margin:4px 0 2px;}
  .hot-meta{font-size:.78rem;color:var(--muted);}
</style>

<div class="content">
  <!-- Titulo + logo -->
  <div class="page-title page-title-nav-global">
    <div style="display:flex;align-items:center;gap:12px;">
              <a href="/leilao/public/index.php" class="brand" style="display:flex;align-items:center;gap:10px;text-decoration:none;">
          <img src="/leilao/public/img/djrgames-logo.png" class="brand-logo" alt="DJRGAMES">
        </a>
            <h1 class="page" style="margin:0;">Leiloes DJRGAMES</h1>
    </div>

    <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;">
      
              <a class="btn secondary btn-small" href="/leilao/public/regras.php">Regras do Leilao</a>
          </div>
  </div>

  <!-- Welcome discreto (1x por sessao, sem modal) -->
  
  <!-- RESUMO COMPACTO -->
  <div class="card summary-bar" style="margin-bottom:14px;">
    <div class="summary-row">
      <div class="summary-left">
        <div class="summary-title">Seu resumo</div>
        <div class="summary-sub muted">Tudo importante em 1 linha (toque para ver detalhes).</div>
      </div>

      <div class="summary-pills">
                  <a class="sum-pill cta" href="/leilao/public/login.php">🔑 <span>Entrar</span></a>
          <a class="sum-pill" href="/leilao/public/regras.php">📜 <span>Regras</span></a>
                <a class="sum-pill" href="/leilao/public/sorteios.php" title="Reservar dezenas">
        🎟️ <span>Sorteios</span>
        </a>
        <a class="sum-pill" href="https://chat.whatsapp.com/GixgET8iO6d5W5NVxs8HIP" target="_blank" rel="noopener">
          💬 <span>Grupo WhatsApp</span>
        </a>
      </div>
    </div>

    <details class="summary-details">
      <summary>Ver detalhes do prazo, armazenamento e regras</summary>
      <div class="summary-details-body muted">
        <p style="margin:8px 0;">
          ⏱️ Prazo padrao para pagamento dos itens vencidos: <strong>ate 48h</strong> apos o termino do leilao
          (salvo quando informado prazo diferente).
        </p>

        
        <p style="margin:8px 0;">
          📜 Regras completas: <a href="/leilao/public/regras.php">abrir regras do leilao</a>.
        </p>
      </div>
    </details>
  </div>

  <!-- Filtro de modos -->
  <div class="card mode-filter-card">
    <div class="mode-filter-title">Modos de leilao</div>
    <div class="mode-filter-row">
            <a href="/leilao/public/index.php" class="mode-pill"><span class="emoji">🎯</span><span>Todos</span></a>
      <a href="/leilao/public/index.php?mode=classic" class="mode-pill active"><span class="emoji">🎮</span><span>Classico (R$)</span></a>
      <a href="/leilao/public/index.php?mode=coins" class="mode-pill"><span class="emoji">🪙</span><span>DJRCOINS</span></a>
      <a href="/leilao/public/index.php?mode=1v1" class="mode-pill"><span class="emoji">⚔️</span><span>Leilao 1 x 1</span></a>
      <a href="/leilao/public/index.php?mode=flash" class="mode-pill"><span class="emoji">⚡</span><span>Relampago</span></a>
    </div>
  </div>

  <!-- DESTAQUES (AO VIVO + HOJE) -->
          <div class="card hero-wrap" style="margin-bottom:14px;">
      <div class="hero-head">
        <div>
          <div class="hero-title">
            🔥 Destaques de agora
                          <span class="mode-tag-inline">🎮 Classico</span>
                      </div>
          <div class="muted hero-sub">
            AO VIVO e os agendados de hoje ficam aqui em cima (bem destacado no celular).
          </div>
        </div>
        <div class="hero-actions">
          <a class="btn secondary btn-small" href="/leilao/public/index.php?view=all&mode=classic">Ver tudo</a>
        </div>
      </div>

      <div class="hero-grid">
                            <a class="hero-card " href="/leilao/public/auction.php?id=408">
            <div class="hero-media">
                                                <div class="hero-collage">
                                          <img src="/leilao/assets/uploads/WhatsApp-Image-2026-04-16-at-14-09-54-4222c339.jpeg" alt="Item do leilao #408">
                                          <img src="/leilao/assets/uploads/WhatsApp-Image-2026-04-16-at-14-09-53-fcaadbb6.jpeg" alt="Item do leilao #408">
                                          <img src="/leilao/assets/uploads/WhatsApp-Image-2026-04-16-at-14-09-53-3-3782cb78.jpeg" alt="Item do leilao #408">
                                          <img src="/leilao/assets/uploads/WhatsApp-Image-2026-04-16-at-14-09-53-2-4c5a550c.jpeg" alt="Item do leilao #408">
                                      </div>
                              
              <div class="hero-badges">
                <span class="hero-badge">FINALIZADO</span>
                <span class="hero-badge dark">🎮 Classico</span>
                                  <span class="hero-badge dark">25 itens</span>
                              </div>
            </div>

            <div class="hero-body">
              <div class="hero-name">LEILÃO CLÁSSICO #299 - 16/04/2026 (QUINTA)</div>
              <div class="hero-time muted">
                Inicio: <strong>16/04 15:30</strong>                 • Fim: <strong>16/04 21:50</strong>              </div>

              <div class="hero-cta">
                <span class="hero-btn">Abrir agora</span>
                              </div>
            </div>
          </a>
              </div>

          </div>
  
  <!-- Outros leiloes (recentes) -->
      <div class="muted" style="font-weight:950;margin:6px 0 10px;letter-spacing:.02em;">
      Outros leiloes (recentes)
    </div>
  
  <!-- Grid de leiloes (restante) -->
  <div class="auction-grid">
    
          <div class="auction-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
          <small class="badge">FINALIZADO #407</small>
          <span class="mode-tag-inline">🎮 Classico</span>
        </div>
        <h3 style="margin-top:0;">LEILÃO CLÁSSICO #298 - 1504/2026 (QUARTA)</h3>
        <div class="meta">Inicio: 15/04 15:30 • Fim: 15/04 21:40</div>
        <div style="margin-top:12px;display:flex;gap:10px;align-items:center;">
          <a class="btn btn-open" href="/leilao/public/auction.php?id=407">Abrir</a>
                  </div>
      </div>
          <div class="auction-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
          <small class="badge">FINALIZADO #406</small>
          <span class="mode-tag-inline">🎮 Classico</span>
        </div>
        <h3 style="margin-top:0;">LEILÃO CLÁSSICO #297 - 1404/2026 (TERÇA)</h3>
        <div class="meta">Inicio: 14/04 15:30 • Fim: 14/04 21:50</div>
        <div style="margin-top:12px;display:flex;gap:10px;align-items:center;">
          <a class="btn btn-open" href="/leilao/public/auction.php?id=406">Abrir</a>
                  </div>
      </div>
          <div class="auction-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
          <small class="badge">FINALIZADO #405</small>
          <span class="mode-tag-inline">🎮 Classico</span>
        </div>
        <h3 style="margin-top:0;">LEILÃO CLÁSSICO #296 - 12/04/2026 (DOMINGO)</h3>
        <div class="meta">Inicio: 12/04 15:30 • Fim: 12/04 21:30</div>
        <div style="margin-top:12px;display:flex;gap:10px;align-items:center;">
          <a class="btn btn-open" href="/leilao/public/auction.php?id=405">Abrir</a>
                  </div>
      </div>
          <div class="auction-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
          <small class="badge">FINALIZADO #403</small>
          <span class="mode-tag-inline">🎮 Classico</span>
        </div>
        <h3 style="margin-top:0;">LEILÃO CLÁSSICO #295 - 10/04/2026 (SEXTA)</h3>
        <div class="meta">Inicio: 10/04 15:30 • Fim: 10/04 21:40</div>
        <div style="margin-top:12px;display:flex;gap:10px;align-items:center;">
          <a class="btn btn-open" href="/leilao/public/auction.php?id=403">Abrir</a>
                  </div>
      </div>
          <div class="auction-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
          <small class="badge">FINALIZADO #402</small>
          <span class="mode-tag-inline">🎮 Classico</span>
        </div>
        <h3 style="margin-top:0;">LEILÃO CLÁSSICO #294 - 09/04/2026 (QUINTA)</h3>
        <div class="meta">Inicio: 09/04 15:30 • Fim: 09/04 21:30</div>
        <div style="margin-top:12px;display:flex;gap:10px;align-items:center;">
          <a class="btn btn-open" href="/leilao/public/auction.php?id=402">Abrir</a>
                  </div>
      </div>
          <div class="auction-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
          <small class="badge">FINALIZADO #401</small>
          <span class="mode-tag-inline">🎮 Classico</span>
        </div>
        <h3 style="margin-top:0;">QUEIMA DE ESTOQUE #04 - 08/04/2026 (QUARTA)</h3>
        <div class="meta">Inicio: 08/04 15:30 • Fim: 08/04 21:40</div>
        <div style="margin-top:12px;display:flex;gap:10px;align-items:center;">
          <a class="btn btn-open" href="/leilao/public/auction.php?id=401">Abrir</a>
                  </div>
      </div>
          <div class="auction-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
          <small class="badge">FINALIZADO #400</small>
          <span class="mode-tag-inline">🎮 Classico</span>
        </div>
        <h3 style="margin-top:0;">LEILÃO CLÁSSICO #293 - 06/04/2026 (SEGUNDA)</h3>
        <div class="meta">Inicio: 06/04 15:30 • Fim: 06/04 21:40</div>
        <div style="margin-top:12px;display:flex;gap:10px;align-items:center;">
          <a class="btn btn-open" href="/leilao/public/auction.php?id=400">Abrir</a>
                  </div>
      </div>
          <div class="auction-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
          <small class="badge">FINALIZADO #399</small>
          <span class="mode-tag-inline">🎮 Classico</span>
        </div>
        <h3 style="margin-top:0;">LEILÃO CLÁSSICO #292 - 05/04/2026 (DOMINGO)</h3>
        <div class="meta">Inicio: 05/04 15:30 • Fim: 05/04 21:40</div>
        <div style="margin-top:12px;display:flex;gap:10px;align-items:center;">
          <a class="btn btn-open" href="/leilao/public/auction.php?id=399">Abrir</a>
                  </div>
      </div>
          <div class="auction-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
          <small class="badge">FINALIZADO #398</small>
          <span class="mode-tag-inline">🎮 Classico</span>
        </div>
        <h3 style="margin-top:0;">LEILÃO CLÁSSICO #291 - 04/04/2026 (SÁBADO)</h3>
        <div class="meta">Inicio: 04/04 15:30 • Fim: 04/04 21:40</div>
        <div style="margin-top:12px;display:flex;gap:10px;align-items:center;">
          <a class="btn btn-open" href="/leilao/public/auction.php?id=398">Abrir</a>
                  </div>
      </div>
          <div class="auction-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
          <small class="badge">FINALIZADO #397</small>
          <span class="mode-tag-inline">🎮 Classico</span>
        </div>
        <h3 style="margin-top:0;">LEILÃO CLÁSSICO #290 - 03/04/2026 (SEXTA)</h3>
        <div class="meta">Inicio: 03/04 15:30 • Fim: 03/04 22:00</div>
        <div style="margin-top:12px;display:flex;gap:10px;align-items:center;">
          <a class="btn btn-open" href="/leilao/public/auction.php?id=397">Abrir</a>
                  </div>
      </div>
      </div>

  <!-- Alternador -->
  <div style="margin-top:14px;display:flex;gap:10px;flex-wrap:wrap">
          <a class="btn" href="/leilao/public/index.php?view=all&mode=classic">Ver todos os leiloes</a>
        <a class="btn secondary" href="/leilao/public/store/index.php">Ir para Loja</a>
  </div>
</div>

<script>
(function(){
  // Fecha a faixa discreta (welcome strip)
  const strip = document.getElementById('djrWelcomeStrip');
  if (strip) {
    strip.querySelectorAll('[data-djr-strip-close]').forEach(btn=>{
      btn.addEventListener('click', ()=>{ strip.style.display='none'; });
    });
  }
})();
</script>

</div><!--/container-->
</body>
</html>
