
<!DOCTYPE html>
<html lang="cs" style="overflow-x: hidden">
    <head>
        <meta charset="UTF-8">
        <title>            Apiary
    </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="            Ve vzdálené budoucnosti už lidé neobývají Zemi. Příčina jejich zmizení (nebo možná zániku) není známa, ale jejich nepřítomnost zanechala prázdné místo připraven
    ">
        <base href="/" />
                                                                                        <!-- Matomo -->
                <script>
                    var _paq = window._paq = window._paq || [];
                    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
                    _paq.push(['trackPageView']);
                    _paq.push(['enableLinkTracking']);
                    (function() {
                        var u="//matomo.2d2.cz/";
                        _paq.push(['setTrackerUrl', u+'matomo.php']);
                        _paq.push(['setSiteId', '11']);
                        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
                        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
                    })();
                </script>
                <!-- End Matomo Code -->
                            <meta charset="UTF-8">
        <link rel="icon" href="">
                    

                        
<link rel="stylesheet" href="/assets/styles/app-Dbc6t1X.css">
<script type="importmap">
{
    "imports": {
        "app": "/assets/app-iDQK6l-.js",
        "/assets/bootstrap.js": "/assets/bootstrap-6LvV6pW.js",
        "/assets/styles/app.css": "data:application/javascript,",
        "@symfony/stimulus-bundle": "/assets/@symfony/stimulus-bundle/loader-kxG46ja.js",
        "@hotwired/stimulus": "/assets/vendor/@hotwired/stimulus/stimulus.index-S4zNcea.js",
        "/assets/@symfony/stimulus-bundle/controllers.js": "/assets/@symfony/stimulus-bundle/controllers-WbN0nvD.js",
        "/assets/controllers/search_controller.js": "/assets/controllers/search_controller-c5OYexb.js",
        "/assets/controllers/filter-products_controller.js": "/assets/controllers/filter-products_controller-VVwJhcV.js",
        "/assets/controllers/similar-products_controller.js": "/assets/controllers/similar-products_controller-zbyQWyG.js",
        "@symfony/stimulus-bridge": "/assets/vendor/@symfony/stimulus-bridge/stimulus-bridge.index-Pxc8eCp.js",
        "@hotwired/turbo": "/assets/vendor/@hotwired/turbo/turbo.index-pT15T6h.js"
    }
}
</script><script async>
if (!HTMLScriptElement.supports || !HTMLScriptElement.supports('importmap')) (function () {
    const script = document.createElement('script');
    script.src = 'https://ga.jspm.io/npm:es-module-shims@1.10.0/dist/es-module-shims.js';
    script.setAttribute('async', 'async');
    script.setAttribute('crossorigin', 'anonymous');
    script.setAttribute('integrity', 'sha384-ie1x72Xck445i0j4SlNJ5W5iGeL3Dpa0zD48MZopgWsjNB/lt60SuG1iduZGNnJn');
    document.head.appendChild(script);
})();
</script>
<link rel="modulepreload" href="/assets/app-iDQK6l-.js">
<link rel="modulepreload" href="/assets/bootstrap-6LvV6pW.js">
<link rel="modulepreload" href="/assets/@symfony/stimulus-bundle/loader-kxG46ja.js">
<link rel="modulepreload" href="/assets/vendor/@hotwired/stimulus/stimulus.index-S4zNcea.js">
<link rel="modulepreload" href="/assets/@symfony/stimulus-bundle/controllers-WbN0nvD.js">
<link rel="modulepreload" href="/assets/controllers/search_controller-c5OYexb.js">
<link rel="modulepreload" href="/assets/controllers/filter-products_controller-VVwJhcV.js">
<link rel="modulepreload" href="/assets/controllers/similar-products_controller-zbyQWyG.js">
<script type="module">import 'app';</script>
        
    </head>
    <body class="overflow-x-hidden">
                        <header>
            <nav class="bg-white shadow-lg border-b border-gray-200 sticky top-0 z-50">
                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                    <div class="flex justify-between items-center h-16">
                        <!-- Logo -->
                        <div class="flex items-center">
                            <a href="/" class="flex items-center space-x-3">
                                                                <span class="text-xl font-bold text-gray-900">Bezva produkty</span>
                            </a>
                        </div>

                        <!-- Desktop Navigation -->
                        <div class="hidden md:block">
                            <div class="flex items-center space-x-8">
                                <a href="/" class="text-gray-900 hover:text-primary-600 px-3 py-2 text-sm font-medium transition-colors duration-200">Domů</a>
                                <a href="/clanky" class="text-gray-700 hover:text-primary-600 px-3 py-2 text-sm font-medium transition-colors duration-200">Články</a>
                                <a href="/kategorie" class="text-gray-700 hover:text-primary-600 px-3 py-2 text-sm font-medium transition-colors duration-200">Kategorie</a>
                            </div>
                        </div>

                        <!-- Search Bar -->
                        <div class="hidden md:block">
                            <form action="/search" method="GET" class="relative">
                                <input
                                    type="search"
                                    name="q"
                                    placeholder="Hledat..."
                                    value=""
                                    class="w-64 pl-10 pr-4 py-2 text-sm bg-gray-50 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent"
                                >
                                <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                                    <svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                                    </svg>
                                </div>
                            </form>
                        </div>

                        <!-- Mobile menu button -->
                        <div class="md:hidden">
                            <button type="button" class="text-gray-700 hover:text-primary-600 p-2 rounded-md" data-action="click->mobile-menu#toggle">
                                <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                                </svg>
                            </button>
                        </div>
                    </div>

                    <!-- Mobile Navigation -->
                    <div class="md:hidden hidden" data-mobile-menu-target="menu">
                        <div class="px-2 pt-2 pb-3 space-y-1">
                            <a href="/" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">Domů</a>
                            <a href="/clanky" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">Články</a>
                            <a href="/kategorie" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">Kategorie</a>
                            <!-- Mobile Search -->
                            <div class="px-3 py-2">
                                <form action="/search" method="GET">
                                    <input
                                        type="search"
                                        name="q"
                                        placeholder="Hledat..."
                                        value=""
                                        class="w-full pl-10 pr-4 py-2 text-sm bg-gray-50 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent"
                                    >
                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                                        <svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                                        </svg>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </header>
    
    <main class="min-h-screen bg-gray-50">
            
        <!-- Product Content -->
        <div class="container mx-auto px-4 py-8">
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
                <!-- Product Image -->
                <div>
                                            <img class="w-full rounded-lg shadow-lg" src="https://cdn.myshoptet.com/usr/www.tlamagames.com/user/shop/orig/67559_stm750-1.png?6521a323" alt="Apiary" />
                                    </div>

                <!-- Product Info -->
                <div>
                    <h1 class="text-3xl font-bold text-gray-900 mb-4">
                                                    Apiary
                                            </h1>

                                            <div class="text-2xl font-bold text-green-600 mb-6">
                            1799 Kč
                        </div>
                    
                                            <div class="prose max-w-none mb-6">
                            <p>Ve vzdálené budoucnosti už lidé neobývají Zemi. Příčina jejich zmizení (nebo možná zániku) není známa, ale jejich nepřítomnost zanechala prázdné místo připravené k zaplnění jiným vnímajícím druhem.</p>
<p>V průběhu nesčetných generací se vyvinul jeden druh skromné včely medonosné, který tuto mezeru zaplnila. Jejich velikost a inteligence rostla, až se z nich stala vysoce vyspělá společnost. Říkají si Mellifera a kromě technologie, kterou si osvojili z lidských trosek, dosáhli značného technologického pokroku až po cestování vesmírem.</p>
<p>Ve hře <strong>Apiary</strong> každý hráč ovládá jednu z dvaceti unikátních frakcí. Vaše frakce začíná hru s úlem, několika zdroji a včelami dělnicemi. Čeká vás úkol s dělnicemi budování úlu: prozkoumávejte planety, sbírejte zdroje, vyvíjejte technologie a vytvářejte rytiny, které budou demonstrovat sílu vaší frakce (měřeno vítěznými body) v průběhu jednoho roku Flow. Dearth se však rychle blíží a vaše dělnice mohou provést jen několik akcí, než se budou muset uložit k zimnímu spánku! Dokážete prosperovat, nebo jen přežít?</p>
<p><strong>Recenze hry (AJ):</strong></p>
<p><strong><iframe width="560" height="314" src="//www.youtube.com/embed/n7OCLCvXwKY" allowfullscreen="allowfullscreen"></iframe></strong></p>
                        </div>
                    
                    <!-- Buy Button -->
                                            <a target="_blank" rel="nofollow" href="/redirect/348276" class="inline-flex items-center px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition-colors">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
                            </svg>
                            Jít do obchodu
                        </a>
                    
                    <!-- Product Details Table -->
                    <div class="mt-8">
                        <table class="w-full border border-gray-200 rounded-lg">
                            <tbody>
                                                                    <tr class="border-b border-gray-200">
                                        <th class="px-4 py-2 text-left font-medium text-gray-900 bg-gray-50">EAN</th>
                                        <td class="px-4 py-2">850032180559</td>
                                    </tr>
                                                                                                    <tr class="border-b border-gray-200">
                                        <th class="px-4 py-2 text-left font-medium text-gray-900 bg-gray-50">Značka</th>
                                        <td class="px-4 py-2">Stonemaier Games</td>
                                    </tr>
                                                            </tbody>
                        </table>
                    </div>

                                                        </div>
            </div>

            <!-- Available Shops -->
            
            <!-- Product Variants -->
                            <div class="mt-12">
                    <h2 class="text-2xl font-bold text-gray-900 mb-6">Varianty produktů</h2>
                    <div class="grid lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-6">
                                                                                                </div>
                </div>
            
            <!-- Categories -->
                            <div class="mt-12">
                    <h2 class="text-2xl font-bold text-gray-900 mb-6">Kategorie</h2>
                    <div class="flex flex-wrap gap-2">
                                                    <a href="/stolni-hry" class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm hover:bg-blue-200 transition-colors">stolnihry</a>
                                            </div>
                </div>
            
        </div>
        </main>

            <footer class="bg-gray-900 text-white py-12">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                    <div>
                        <h3 class="text-lg font-semibold mb-4">Bezva produkty</h3>
                        <p class="text-gray-300">Váš průvodce světem fitness vybavení a posiloven</p>
                    </div>
                    <div>
                        <h4 class="text-md font-medium mb-4">Rychlé odkazy</h4>
                        <ul class="space-y-2 text-sm">
                            <li><a href="/" class="text-gray-300 hover:text-white transition-colors duration-200">Domů</a></li>
                            <li><a href="/clanky" class="text-gray-300 hover:text-white transition-colors duration-200">Články</a></li>
                            <li><a href="/kategorie" class="text-gray-300 hover:text-white transition-colors duration-200">Kategorie</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="text-md font-medium mb-4">Kontakt</h4>
                        <p class="text-gray-300">Kontaktujte nás s dotazy nebo zpětnou vazbou.</p>
                    </div>
                </div>
                <div class="border-t border-gray-800 mt-8 pt-8 text-center text-sm text-gray-400">
                    &copy; 2026 Bezva produkty. Všechna práva vyhrazena.
                </div>
            </div>
        </footer>
                </body>
</html>
