<!DOCTYPE html>
<html lang="sk">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />

  <title>Gladhorse | xDprint | Equuleus – oficiálne stránky</title>
  <meta name="description" content="Gladhorse s.r.o., xDprint 3D tlač a Equuleus – chovateľská stanica plemena Kangal. Kontakty, služby, prehľad projektov." />
  <link rel="canonical" href="https://www.gladhorse.com/" />

  <!-- Google Font (krásny titulkový serif + systémové sans pre text) -->
  <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap" rel="stylesheet">

  <style>
    :root{
      --bg:#0b1220;         /* tmavé pozadie */
      --card:#121a2b;       /* tmavomodrá karta */
      --accent:#d4af37;     /* zlatá */
      --muted:#9fb3c8;      /* tlmená modrošedá */
      --text:#eaf2ff;       /* svetlý text */
      --ring:rgba(212,175,55,.35);
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue","Noto Sans",Arial,"Apple Color Emoji","Segoe UI Emoji"}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;height:auto;display:block}

    /* HERO */
    .hero{
      position:relative;
      padding:56px 20px 28px;
      background: radial-gradient(1200px 600px at 70% -10%, rgba(212,175,55,.12), transparent 60%),
                  radial-gradient(800px 400px at 10% -20%, rgba(32,135,99,.18), transparent 55%);
      overflow:hidden;
    }
    .hero-wrap{max-width:1100px;margin:0 auto;display:flex;gap:32px;align-items:center;justify-content:space-between;flex-wrap:wrap}
    .brand{
      display:flex;align-items:center;gap:16px
    }
    .brand h1{
      font-family:"Cinzel",serif;
      font-size:clamp(28px,5vw,42px);
      margin:0;
      letter-spacing:.5px;
      color:var(--accent);
      text-shadow:0 0 20px rgba(212,175,55,.18);
    }
    .hero p.sub{
      margin:6px 0 0;color:var(--muted);max-width:60ch
    }

    /* GRID */
    .grid{
      max-width:1100px;margin:24px auto;padding:0 20px 56px;
      display:grid;gap:20px;
      grid-template-columns: repeat(12, 1fr);
    }
    .card{
      grid-column: span 12;
      background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%), var(--card);
      border:1px solid rgba(255,255,255,.06);
      border-radius:16px;padding:22px;
      box-shadow:0 10px 30px rgba(0,0,0,.35);
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .card:hover{transform:translateY(-2px);border-color:var(--ring);box-shadow:0 14px 42px rgba(0,0,0,.45)}
    .card h2{
      font-family:"Cinzel",serif;
      font-size:clamp(20px,2.4vw,28px);
      margin:0 0 10px;color:var(--accent)
    }
    .card .row{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
    .card .logo{
      flex:0 0 140px;max-width:140px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.07)
    }
    .card .content{flex:1;min-width:240px}
    .meta{color:var(--muted);font-size:15px}
    .cta{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
    .btn{
      display:inline-flex;align-items:center;gap:8px;
      padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      cursor:pointer
    }
    .btn:hover{border-color:var(--ring)}
    .btn.primary{background:linear-gradient(180deg, rgba(212,175,55,.22), rgba(212,175,55,.12));border-color:var(--ring)}
    .btn span{opacity:.9}

    /* COLUMNS on desktop */
    @media (min-width:860px){
      .card.span-6{grid-column: span 6;}
    }

    /* FOOTER */
    footer{
      border-top:1px solid rgba(255,255,255,.06);
      color:var(--muted);
      padding:22px 20px;
    }
    .foot-wrap{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
    .small{font-size:14px}
  </style>
</head>
<body>

  <!-- HERO -->
  <header class="hero" role="banner">
    <div class="hero-wrap">
      <div>
        <div class="brand">
          <!-- Ak chceš, sem môže ísť malé logo Gladhorse -->
          <h1>Gladhorse · xDprint · Equuleus</h1>
        </div>
        <p class="sub">Tri projekty pod jednou strechou: firemné údaje Gladhorse, 3D tlač xDprint a chovateľská stanica plemena Kangal – Equuleus.</p>
      </div>
    </div>
  </header>

  <!-- GRID KARTY -->
  <main class="grid" role="main">

    <!-- GLADHORSE -->
    <section class="card span-6" aria-labelledby="gh-title">
      <div class="row">
        <div class="logo">
          <!-- TIP: hostni logá cez HTTPS lokálne, aby nebol mixed-content -->
          <img src="https://gladhorse.com/!/logoGH.jpg" alt="Gladhorse logo" loading="lazy">
        </div>
        <div class="content">
          <h2 id="gh-title">Gladhorse, s.r.o.</h2>
          <p class="meta">
            Súhvezdná 10, 821 02 Bratislava<br>
            IČO: 50985337 · IČ DPH: SK2120557549<br>
            Zapísaná: OR OS BA I, vložka 121056/B –
            <a href="http://orsr.sk/vypis.asp?ID=384822&SID=2&P=0" target="_blank" rel="noopener">orsr.sk</a><br>
          </p>
          <div class="cta">
          </div>
        </div>
      </div>
    </section>

    <!-- xDPRINT -->
    <section class="card span-6" aria-labelledby="xd-title">
      <div class="row">
        <div class="logo">
          <img src="https://gladhorse.com/!/logomale.png" alt="xDprint logo" loading="lazy">
        </div>
        <div class="content">
          <h2 id="xd-title">xDprint.sk</h2>
          <p>Modelovanie a 3D tlač prototypov, dielov, architektonických modelov aj dekorácií. Predaj filamentov (PLA, ABS, ASA, PETG, HIPS, TPU95A a ďalšie).</p>
          <div class="cta">
          </div>
        </div>
      </div>
    </section>

    <!-- EQUULEUS -->
    <section class="card span-12" aria-labelledby="eq-title">
      <div class="row">
        <div class="logo" style="flex-basis:180px;max-width:220px">
          <!-- môžeš použiť lokálne logo Equuleus (napr. /equuleus/images/logo.png) -->
          <img src="https://gladhorse.com/!/logo.png" alt="Equuleus logo" loading="lazy" onerror="this.src='https://gladhorse.com/!/logo.png'">
        </div>
        <div class="content">
          <h2 id="eq-title">Equuleus – chovateľská stanica plemena Kangal</h2>
          <p>Informácie o plemene, našej sučke Alise a aktuálnych/ plánovaných šteniatkach. Fotogaléria, kontakty a chovné informácie (FCI).</p>
          <p class="meta">Registračné číslo chovu: FCI228/24</p>
          <div class="cta">
            <a class="btn primary" href="/equuleus/"><span>Prejsť na Equuleus</span></a>
          
          </div>
        </div>
      </div>
    </section>

  </main>

  <footer role="contentinfo">
    <div class="foot-wrap small">
      <div>© <span id="year"></span> Gladhorse</div>
      <div>Made with ❤ &nbsp;•&nbsp; Bratislava</div>
    </div>
  </footer>

  <script>
    // dynamický rok vo footeri
    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>