<!DOCTYPE html>
<html lang="hu" class="fonts-loading">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
  <title>Darts Galéria Budapest &#8211; Iron Bar</title>
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="0">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preload" href="futura-condensed-pt-medium.woff" as="font" type="font/woff" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">

  <style>
    @font-face {
      font-family: 'FuturaDG';
      src:
        url('futura-condensed-pt-medium.woff') format('woff'),
        url('futura-condensed-pt-medium.otf') format('opentype');
      font-weight: 700;
      font-style: normal;
      font-display: block;
    }

    :root {
      --bg:#05070b;
      --bg-2:#0b0d12;
      --panel:rgba(14,17,24,.78);
      --panel-2:rgba(18,22,30,.92);
      --line:rgba(255,255,255,.10);
      --line-strong:rgba(255,255,255,.18);
      --text:#f5f7fb;
      --muted:rgba(245,247,251,.72);
      --muted-2:rgba(245,247,251,.52);
      --red:#e4221f;
      --red-2:#ff3c37;
      --red-3:#ff6a66;
      --green:#1d8b5b;
      --shadow:0 24px 70px rgba(0,0,0,.35);
      --radius-xl:30px;
      --radius-lg:24px;
      --radius-md:18px;
      --max:1420px;
    }

    * {
      box-sizing: border-box;
    }

    html,
    body {
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
    }

    body {
      min-height: 100vh;
      color: var(--text);
      font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
      background:
        radial-gradient(circle at 14% 10%, rgba(228,34,31,.20), transparent 24%),
        radial-gradient(circle at 86% 12%, rgba(228,34,31,.12), transparent 18%),
        radial-gradient(circle at 50% 36%, rgba(255,255,255,.035), transparent 20%),
        radial-gradient(circle at 85% 85%, rgba(255,255,255,.05), transparent 18%),
        linear-gradient(180deg, #090b10 0%, #05070b 100%);
      overflow-x: hidden;
      padding-left: env(safe-area-inset-left);
      padding-right: env(safe-area-inset-right);
    }

    body::before,
    body::after {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 0;
    }

    body::before {
      background:
        linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
      background-size: 34px 34px;
      mask-image: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,0));
      -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,0));
    }

    body::after {
      background:
        radial-gradient(circle at 50% -10%, rgba(228,34,31,.18), transparent 35%),
        radial-gradient(circle at 50% 120%, rgba(228,34,31,.10), transparent 30%);
      opacity: .8;
    }

    img {
      display: block;
      max-width: 100%;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    .shell {
      position: relative;
      z-index: 1;
      width: min(var(--max), calc(100% - 32px));
      margin: 0 auto;
      padding: 34px 0 calc(54px + env(safe-area-inset-bottom));
    }

    .hero {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 14px;
      margin-bottom: 30px;
      padding: 0 20px 0;
    }

    .logo-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px 0 4px;
      filter: drop-shadow(0 18px 30px rgba(0,0,0,.34));
    }

    .logo {
      height: auto;
    }

    .hero-title,
    .place-name {
      font-family: "FuturaDG", "Arial Narrow", Arial, sans-serif !important;
      font-weight: 500 !important;
      font-style: normal;
      font-synthesis: none;
      text-transform: uppercase;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: geometricPrecision;
    }

    .hero-title {
      margin: 0;
      font-size: clamp(34px, 5vw, 56px);
      line-height: .95;
      text-shadow: 0 10px 30px rgba(0,0,0,.22);
    }

    .hero-sub {
      margin: 0;
      max-width: 760px;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.7;
      font-weight: 500;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
    }

    .card {
      position: relative;
      min-height: 500px;
      border-radius: var(--radius-xl);
      overflow: hidden;
      border: 1px solid var(--line);
      background: var(--panel);
      box-shadow: var(--shadow);
      isolation: isolate;
      transform: translateY(0);
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }

    .card:hover {
      transform: translateY(-5px);
      border-color: rgba(255,255,255,.18);
      box-shadow: 0 34px 90px rgba(0,0,0,.46);
    }

    .card-image,
    .card-overlay,
    .card-bg-logo,
    .card-ambient {
      position: absolute;
      inset: 0;
    }

    .card-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.02);
      transition: transform .35s ease, filter .35s ease;
    }

    .card:hover .card-image {
      transform: scale(1.06);
    }

    .card-ambient {
      z-index: 0;
      background:
        radial-gradient(circle at 18% 14%, rgba(255,255,255,.12), transparent 20%),
        radial-gradient(circle at 84% 20%, rgba(228,34,31,.22), transparent 22%),
        radial-gradient(circle at 50% 100%, rgba(6,7,11,.75), transparent 48%);
      mix-blend-mode: screen;
      opacity: .42;
    }

    .card-overlay {
      background:
        linear-gradient(180deg, rgba(8,10,14,.10) 0%, rgba(8,10,14,.42) 42%, rgba(6,7,11,.94) 100%),
        linear-gradient(120deg, rgba(228,34,31,.08), transparent 42%);
      z-index: 1;
    }

    .card-inner {
      position: relative;
      z-index: 2;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 22px;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      width: max-content;
      padding: 11px 16px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(9,11,15,.72);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
      box-shadow: 0 10px 24px rgba(0,0,0,.22);
    }

    .badge::before {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: var(--red-2);
      box-shadow: 0 0 0 8px rgba(255,60,55,.14);
      flex: 0 0 9px;
    }

    .card-copy {
      margin-top: auto;
      padding: 20px;
      border-radius: 24px;
      background: linear-gradient(180deg, rgba(12,14,20,.84), rgba(8,10,14,.95));
      border: 1px solid rgba(255,255,255,.08);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      box-shadow: 0 20px 40px rgba(0,0,0,.22);
    }

    .place-name {
      margin: 0;
      font-size: clamp(34px, 3.3vw, 44px);
      line-height: .92;
    }

    .place-address {
      margin: 14px 0 0;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.6;
      font-weight: 600;
    }

    .card-footer {
      margin-top: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }

    .cta {
      appearance: none;
      border: 1px solid rgba(255,255,255,.14);
      background: linear-gradient(180deg, var(--red-2), var(--red));
      color: #fff;
      min-height: 48px;
      padding: 0 18px;
      border-radius: 14px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 800;
      font-size: 14px;
      letter-spacing: .02em;
      box-shadow: 0 14px 28px rgba(228,34,31,.24);
      transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    }

    .cta::after {
      content: "›";
      font-size: 18px;
      line-height: 1;
    }

    .card:hover .cta {
      transform: translateY(-1px);
      box-shadow: 0 18px 36px rgba(228,34,31,.30);
      filter: brightness(1.02);
    }

    .coming {
      background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)),
        #07080b;
    }

    .coming .card-overlay {
      background:
        radial-gradient(circle at 50% 28%, rgba(255,255,255,.08), transparent 24%),
        linear-gradient(180deg, rgba(6,7,11,.14) 0%, rgba(6,7,11,.50) 42%, rgba(6,7,11,.97) 100%),
        linear-gradient(120deg, rgba(255,255,255,.04), transparent 50%);
    }

    .coming .card-ambient {
      opacity: .55;
      background:
        radial-gradient(circle at 50% 30%, rgba(255,255,255,.08), transparent 22%),
        radial-gradient(circle at 20% 12%, rgba(255,255,255,.05), transparent 18%),
        radial-gradient(circle at 80% 18%, rgba(255,255,255,.04), transparent 18%),
        linear-gradient(180deg, rgba(255,255,255,.02), transparent 55%);
      mix-blend-mode: screen;
    }

    .card-bg-logo {
      z-index: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 30px;
      top: -120px;
      background:
        radial-gradient(circle at 50% 34%, rgba(255,255,255,.06), transparent 28%),
        linear-gradient(180deg, #0a0b10 0%, #07080b 100%);
    }

    .card-bg-logo img {
      opacity: .6;
      filter: grayscale(1) brightness(1.65) contrast(1.06);
      transform: translateY(-18px);
    }

    .coming .badge {
      background: rgba(255,255,255,.05);
      color: rgba(255,255,255,.86);
    }

    .coming .badge::before {
      background: #a9adb8;
      box-shadow: 0 0 0 8px rgba(169,173,184,.10);
    }

    .coming .card-copy {
      background: linear-gradient(180deg, rgba(12,14,20,.84), rgba(8,10,14,.97));
      border-color: rgba(255,255,255,.08);
    }

    .coming .place-name,
    .coming .place-address {
      color: rgba(255,255,255,.90);
    }

    .coming .place-address {
      color: rgba(255,255,255,.60);
    }

    .coming .cta {
      background: rgba(255,255,255,.06);
      border-color: rgba(255,255,255,.10);
      box-shadow: none;
      color: rgba(255,255,255,.78);
      pointer-events: none;
    }

    .coming .cta::after {
      display: none;
    }

    .footer {
      margin-top: 28px;
      padding: 24px 26px;
      border-radius: 26px;
      border: 1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(circle at 20% 0%, rgba(228,34,31,.10), transparent 24%),
        linear-gradient(180deg, rgba(11,13,18,.96), rgba(8,10,14,.98));
      box-shadow: 0 20px 50px rgba(0,0,0,.20);
    }

    .footer-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      flex-wrap: wrap;
    }

    .footer-brand {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .footer-brand img {
      width: 82px;
      height: auto;
      opacity: .92;
    }

    .footer-copy {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.7;
      font-weight: 600;
    }

    .footer-copy strong {
      display: block;
      color: var(--text);
      font-size: 16px;
      margin-bottom: 2px;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

    .footer-links {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }

    .footer-pill {
      display: inline-flex;
      align-items: center;
      min-height: 42px;
      padding: 0 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.03);
      color: rgba(255,255,255,.80);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .02em;
    }

    .footer-note {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(255,255,255,.08);
      text-align: center;
      color: var(--muted-2);
      font-size: 13px;
      line-height: 1.6;
      font-weight: 600;
    }

    html.fonts-loading .hero-title,
    html.fonts-loading .place-name {
      opacity: 0;
    }

    html.fonts-ready .hero-title,
    html.fonts-ready .place-name {
      opacity: 1;
      transition: opacity .18s ease;
    }

    @media (max-width: 1120px) {
      .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .card {
        min-height: 470px;
      }
    }

    @media (max-width: 760px) {
      .shell {
        width: min(var(--max), calc(100% - 20px));
        padding: 24px 0 calc(34px + env(safe-area-inset-bottom));
      }

      .hero {
        padding: 16px 8px 6px;
        margin-bottom: 24px;
      }

      .hero-title {
        font-size: 48px;
        line-height: .96;
      }

      .hero-sub {
        font-size: 14px;
      }

      .grid {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      .card {
        min-height: 420px;
      }

      .card-inner {
        padding: 18px;
      }

      .card-copy {
        padding: 18px;
        border-radius: 20px;
      }

      .place-name {
        font-size: 40px;
        line-height: .94;
      }

      .card-footer {
        flex-direction: column;
        align-items: flex-start;
      }

      .cta {
        width: 100%;
        justify-content: center;
      }

      .footer {
        padding: 18px;
        border-radius: 22px;
      }

      .footer-brand {
        align-items: flex-start;
      }

      .footer-brand img {
        width: 58px;
      }

      .footer-inner {
        align-items: flex-start;
      }

      .footer-links {
        width: 100%;
      }

      .footer-pill {
        width: 100%;
        justify-content: center;
      }
    }
  </style>
      <script async src="https://www.googletagmanager.com/gtag/js?id=G-DSQN3S5XFW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DSQN3S5XFW');
</script>
</head>
<body>
  <main class="shell">
    <section class="hero">
      <div class="logo-wrap">
        <img class="logo" src="http://corcraholistics.com/wp-content/uploads/2019/09/logo_white-e1668875147863.png" alt="DartsGaléria" />
      </div>
      <h1 class="hero-title">Válassz helyszínt</h1>
      <p class="hero-sub">Fedezd fel a DartsGaléria helyszíneit egy oldalon.</p>
    </section>

    <section class="grid" aria-label="DartsGaléria helyszínek">
      <a class="card" href="http://corcraholistics.com/" aria-label="Szent István körút megnyitása">
        <img class="card-image" src="http://corcraholistics.com/wp-content/uploads/2022/12/header-2.jpg" alt="Szent István körút" />
        <div class="card-ambient"></div>
        <div class="card-overlay"></div>
        <div class="card-inner">
          <span class="badge">0-24 nyitva</span>
          <div class="card-copy">
            <h2 class="place-name">Szent István körút</h2>
            <p class="place-address">1055 Budapest, Szent István körút 9.</p>
            <div class="card-footer">
              <span class="cta">Tovább</span>
            </div>
          </div>
        </div>
      </a>

      <a class="card" href="https://bajcsy.dartsgaleria.hu/" aria-label="Bajcsy megnyitása">
        <img class="card-image" src="http://corcraholistics.com/start/bajcsy.jpg" alt="Bajcsy" />
        <div class="card-ambient"></div>
        <div class="card-overlay"></div>
        <div class="card-inner">
          <span class="badge">0-24 nyitva</span>
          <div class="card-copy">
            <h2 class="place-name">Bajcsy</h2>
            <p class="place-address">1054 Budapest, Bajcsy-Zsilinszky út 64.</p>
            <div class="card-footer">
              <span class="cta">Tovább</span>
            </div>
          </div>
        </div>
      </a>

      <a class="card" href="https://andersen.dartsgaleria.hu/" aria-label="Erzsébet körút megnyitása">
        <img class="card-image" src="https://andersen.dartsgaleria.hu/wp-content/uploads/2024/12/IMG_1272.jpg" alt="Erzsébet körút - Andersen" />
        <div class="card-ambient"></div>
        <div class="card-overlay"></div>
        <div class="card-inner">
          <span class="badge">0-24 nyitva</span>
          <div class="card-copy">
            <h2 class="place-name">Erzsébet körút</h2>
            <p class="place-address">1073 Budapest, Erzsébet körút 30.</p>
            <div class="card-footer">
              <span class="cta">Tovább</span>
            </div>
          </div>
        </div>
      </a>

      <article class="card coming" aria-label="Kazinczy hamarosan">
        <div class="card-bg-logo">
          <img src="http://corcraholistics.com/wp-content/uploads/2019/09/logo_white-e1668875147863.png" alt="DartsGaléria logó" />
        </div>
        <div class="card-ambient"></div>
        <div class="card-overlay"></div>
        <div class="card-inner">
          <span class="badge">Hamarosan</span>
          <div class="card-copy">
            <h2 class="place-name">Kazinczy</h2>
            <p class="place-address">Új budapesti helyszín</p>
            <div class="card-footer">
              <span class="cta">Hamarosan</span>
            </div>
          </div>
        </div>
      </article>

      <article class="card coming" aria-label="Kálvin hamarosan">
        <div class="card-bg-logo">
          <img src="http://corcraholistics.com/wp-content/uploads/2019/09/logo_white-e1668875147863.png" alt="DartsGaléria logó" />
        </div>
        <div class="card-ambient"></div>
        <div class="card-overlay"></div>
        <div class="card-inner">
          <span class="badge">Hamarosan</span>
          <div class="card-copy">
            <h2 class="place-name">Kálvin</h2>
            <p class="place-address">Új budapesti helyszín</p>
            <div class="card-footer">
              <span class="cta">Hamarosan</span>
            </div>
          </div>
        </div>
      </article>

      <article class="card coming" aria-label="Veszprém hamarosan">
        <div class="card-bg-logo">
          <img src="http://corcraholistics.com/wp-content/uploads/2019/09/logo_white-e1668875147863.png" alt="DartsGaléria logó" />
        </div>
        <div class="card-ambient"></div>
        <div class="card-overlay"></div>
        <div class="card-inner">
          <span class="badge">Hamarosan</span>
          <div class="card-copy">
            <h2 class="place-name">Veszprém</h2>
            <p class="place-address">Új vidéki helyszín</p>
            <div class="card-footer">
              <span class="cta">Hamarosan</span>
            </div>
          </div>
        </div>
      </article>
    </section>

    <footer class="footer">
      <div class="footer-inner">
        <div class="footer-brand">
          <img src="http://corcraholistics.com/wp-content/uploads/2019/09/logo_white-e1668875147863.png" alt="DartsGaléria" />
          <div class="footer-copy">
            <strong>DartsGaléria</strong>
            Válaszd ki a számodra legjobb DartsGaléria helyszínt.<br>
            A jelenlegi egységek mellett a hamarosan nyíló helyszínek is itt kapnak helyet.
          </div>
        </div>

        <div class="footer-links">
          <a class="footer-pill" href="http://corcraholistics.com/">Szent István körút</a>
          <a class="footer-pill" href="https://bajcsy.dartsgaleria.hu/">Bajcsy</a>
          <a class="footer-pill" href="https://andersen.dartsgaleria.hu/">Erzsébet körút</a>
        </div>
      </div>

      <div class="footer-note">© DartsGaléria. Minden jog fenntartva.</div>
    </footer>
  </main>

  <script>
    (function () {
      var html = document.documentElement;
      var done = false;

      function finish() {
        if (done) return;
        done = true;
        html.classList.remove('fonts-loading');
        html.classList.add('fonts-ready');
      }

      function fallbackShow() {
        window.setTimeout(finish, 1200);
      }

      fallbackShow();

      if (document.fonts && document.fonts.load) {
        Promise.all([
          document.fonts.load('500 56px "FuturaDG"'),
          document.fonts.load('500 44px "FuturaDG"')
        ]).then(finish).catch(finish);
      } else {
        finish();
      }

      window.addEventListener('load', function () {
        window.setTimeout(finish, 50);
      });
    })();
  </script>
</body>
</html>