
<!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="/" />
                                                        <meta name="seznam-wmt" content="KiVDYRL9lapygy8yf2XdKRN8S2n9shb6" />
                                                    <!-- 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', '2']);
                        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="">
        <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Product",
    "name": "Apiary",
    "description": "Ve\u0020vzd\u00E1len\u00E9\u0020budoucnosti\u0020u\u017E\u0020lid\u00E9\u0020neob\u00FDvaj\u00ED\u0020Zemi.\u0020P\u0159\u00ED\u010Dina\u0020jejich\u0020zmizen\u00ED\u0020\u0028nebo\u0020mo\u017En\u00E1\u0020z\u00E1niku\u0029\u0020nen\u00ED\u0020zn\u00E1ma,\u0020ale\u0020jejich\u0020nep\u0159\u00EDtomnost\u0020zanechala\u0020pr\u00E1zdn\u00E9\u0020m\u00EDsto\u0020p\u0159ipraven\u00E9\u0020k\u0020zapln\u011Bn\u00ED\u0020jin\u00FDm\u0020vn\u00EDmaj\u00EDc\u00EDm\u0020druhem.\nV\u0020",
    "image": "https://cdn.myshoptet.com/usr/www.tlamagames.com/user/shop/orig/67559_stm750-1.png?6521a323",
    "offers": {
        "@type": "Offer",
        "price": "1799",
        "priceCurrency": "CZK",
        "availability": "https://schema.org/InStock",
        "url": "https://oposilovani.cz/apiary"
    }
    ,"manufacturer": {"@type": "Organization", "name": "Stonemaier\u0020Games"}    ,"sku": "850032180559"}
</script>
            

    <!-- SEO Meta -->
    <meta name="author" content="O posilování">
    <meta name="language" content="cs">
    <link rel="canonical" href="https://oposilovani.cz/apiary">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://oposilovani.cz/apiary">
    <meta property="og:title" content="            Apiary
     | O posilování">
    <meta property="og: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
    ">
        <meta property="og:locale" content="cs_CS">
    <meta property="og:site_name" content="O posilování">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="            Apiary
     | O posilování">
    <meta name="twitter: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
    ">
    
    
            <script
        defer
        src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.1/dist/cdn.min.js"
    ></script>
                
<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">
                <!-- Schema.org WebSite -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "O posilování",
        "url": "https://oposilovani.cz/",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "https://oposilovani.cz/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
    </script>
    <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Product",
    "name": "Apiary",
    "description": "Ve\u0020vzd\u00E1len\u00E9\u0020budoucnosti\u0020u\u017E\u0020lid\u00E9\u0020neob\u00FDvaj\u00ED\u0020Zemi.\u0020P\u0159\u00ED\u010Dina\u0020jejich\u0020zmizen\u00ED\u0020\u0028nebo\u0020mo\u017En\u00E1\u0020z\u00E1niku\u0029\u0020nen\u00ED\u0020zn\u00E1ma,\u0020ale\u0020jejich\u0020nep\u0159\u00EDtomnost\u0020zanechala\u0020pr\u00E1zdn\u00E9\u0020m\u00EDsto\u0020p\u0159ipraven\u00E9\u0020k\u0020zapln\u011Bn\u00ED\u0020jin\u00FDm\u0020vn\u00EDmaj\u00EDc\u00EDm\u0020druhem.\nV\u0020",
    "image": "https://cdn.myshoptet.com/usr/www.tlamagames.com/user/shop/orig/67559_stm750-1.png?6521a323",
    "offers": {
        "@type": "Offer",
        "price": "1799",
        "priceCurrency": "CZK",
        "availability": "https://schema.org/InStock",
        "url": "https://oposilovani.cz/apiary"
    }
    ,"manufacturer": {"@type": "Organization", "name": "Stonemaier\u0020Games"}    ,"sku": "850032180559"}
</script>

            <header>
            <nav class="bg-gray-900 border-b border-gray-800">
                <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-2">
                                                                <span class="text-xl font-black text-white">O posilování</span>
                            </a>
                        </div>

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

                            <!-- Search Bar -->
                            <div class="hidden md:block relative">
                                <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-800 border border-gray-700 text-gray-100 placeholder-gray-500 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-colors duration-200">
                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                                        <svg class="h-4 w-4 text-gray-500" 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" x-data="{ open: false }">
                                <button @click="open = !open" type="button" class="text-gray-300 hover:text-primary-400 focus:outline-none transition-colors duration-200">
                                    <svg x-show="!open" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                                    </svg>
                                    <svg x-show="open" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                                    </svg>
                                </button>

                                <!-- Mobile Navigation -->
                                <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="absolute top-16 left-0 right-0 bg-gray-900 border-t border-gray-800 shadow-lg z-50">
                                    <div class="px-2 pt-2 pb-3 space-y-1">
                                        <a href="/" class="block px-3 py-2 text-primary-500 font-medium text-sm">
                                            Domů
                                        </a>
                                        <a href="/clanky" class="block px-3 py-2 text-gray-300 hover:text-primary-400 text-sm transition-colors duration-200">
                                            Články
                                        </a>
                                        <a href="/kategorie" class="block px-3 py-2 text-gray-300 hover:text-primary-400 text-sm transition-colors duration-200">
                                            Kategorie
                                        </a>
                                        <!-- Mobile Search -->
                                        <div class="px-3 py-2">
                                            <form action="/search" method="GET" class="relative">
                                                <input type="search"
                                                       name="q"
                                                       placeholder="Hledat..."
                                                       value=""
                                                       class="w-full pl-10 pr-4 py-2 text-sm bg-gray-800 border border-gray-700 text-gray-100 placeholder-gray-500 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-colors duration-200">
                                                <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                                                    <svg class="h-4 w-4 text-gray-500" 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>
                        </div>
                    </div>
                </div>
            </nav>
        </header>
    
    
    <main id="main-content" class="min-h-screen bg-white">
            
        <!-- BreadcrumbList JSON-LD -->
        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://oposilovani.cz/"
                }
                                ,{
                    "@type": "ListItem",
                    "position": 2,
                    "name": "stolnihry",
                    "item": "https://oposilovani.cz/stolni-hry"
                },
                {
                    "@type": "ListItem",
                    "position": 3,
                    "name": "Apiary"
                }
                            ]
        }
        </script>

                <!-- Product JSON-LD -->
        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Product",
            "name": "Apiary"
                        ,"image": "https\u003A\/\/cdn.myshoptet.com\/usr\/www.tlamagames.com\/user\/shop\/orig\/67559_stm750\u002D1.png\u003F6521a323"
                                                ,"description": "Ve\u0020vzd\u00E1len\u00E9\u0020budoucnosti\u0020u\u017E\u0020lid\u00E9\u0020neob\u00FDvaj\u00ED\u0020Zemi.\u0020P\u0159\u00ED\u010Dina\u0020jejich\u0020zmizen\u00ED\u0020\u0028nebo\u0020mo\u017En\u00E1\u0020z\u00E1niku\u0029\u0020nen\u00ED\u0020zn\u00E1ma,\u0020ale\u0020jejich\u0020nep\u0159\u00EDtomnost\u0020zanechala\u0020pr\u00E1zdn\u00E9\u0020m\u00EDsto\u0020p\u0159ipraven\u00E9\u0020k\u0020zapln\u011Bn\u00ED\u0020jin\u00FDm\u0020vn\u00EDmaj\u00EDc\u00EDm\u0020druhem.\nV\u0020pr\u016Fb\u011Bhu\u0020nes\u010Detn\u00FDch\u0020generac\u00ED\u0020se\u0020vyvinul\u0020jeden\u0020druh\u0020skromn\u00E9\u0020v\u010Dely\u0020medonosn\u00E9,\u0020kter\u00FD\u0020tuto\u0020mezeru\u0020zaplnila.\u0020Jejich\u0020velikost\u0020a\u0020inteligence\u0020rostla,\u0020a\u017E\u0020se\u0020z\u0020nich\u0020stala\u0020vysoce\u0020vysp\u011Bl\u00E1\u0020spole\u010Dnost.\u0020\u0158\u00EDkaj\u00ED\u0020si\u0020Mellifera\u0020a\u0020krom\u011B\u0020technologie,\u0020kterou\u0020si\u0020osvojili\u0020z\u0020lidsk\u00FDch\u0020trosek,\u0020dos\u00E1hli\u0020zna\u010Dn\u00E9ho\u0020technologick\u00E9ho\u0020p"
                                                ,"brand": {
                "@type": "Brand",
                "name": "Stonemaier\u0020Games"
            }
                                                ,"sku": "850032180559"
                                                ,"offers": {
                "@type": "Offer",
                "price": "1799",
                "priceCurrency": "CZK",
                "availability": "https://schema.org/InStock"
            }
                    }
        </script>

        <!-- Product Content -->
        <div class="bg-gray-50 py-12">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

                <!-- Breadcrumbs -->
                <nav class="mb-8" aria-label="Breadcrumb">
                    <ol class="flex items-center gap-2 text-sm text-gray-500">
                        <li>
                            <a href="/" class="hover:text-orange-500 transition-colors">Home</a>
                        </li>
                                                    <li class="flex items-center gap-2" aria-hidden="true">
                                <svg class="w-4 h-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                            </li>
                            <li>
                                <a href="/stolni-hry" class="hover:text-orange-500 transition-colors">stolnihry</a>
                            </li>
                                                <li class="flex items-center gap-2" aria-hidden="true">
                            <svg class="w-4 h-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                        </li>
                        <li>
                            <span class="text-gray-900 font-medium">Apiary</span>
                        </li>
                    </ol>
                </nav>

                <!-- Product Card -->
                <div class="bg-white rounded-3xl shadow-xl ring-1 ring-gray-200/50 p-8 mb-12">
                    <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
                        <!-- Product Image -->
                        <div class="bg-gray-50 rounded-2xl overflow-hidden aspect-[4/3] flex items-center justify-center">
                                                            <img class="w-full h-full object-cover" src="https://cdn.myshoptet.com/usr/www.tlamagames.com/user/shop/orig/67559_stm750-1.png?6521a323" alt="Apiary" />
                                                    </div>

                        <!-- Product Info -->
                        <div class="flex flex-col justify-center">
                            <h1 class="text-3xl font-black text-gray-900 mb-2">
                                Apiary
                            </h1>

                                                            <div class="text-3xl font-black text-orange-500 mb-8">
                                                                            1799 Kč
                                                                    </div>
                            
                                                            <div class="mb-8" x-data="{ expanded: false }">
                                    <div class="prose prose-gray max-w-none relative overflow-hidden transition-all duration-300" :class="expanded ? 'max-h-none' : 'max-h-64'">
                                        <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 x-show="!expanded" class="absolute bottom-0 left-0 right-0 h-20 bg-gradient-to-t from-white to-transparent pointer-events-none"></div>
                                    </div>
                                    <button type="button" x-show="!expanded" @click="expanded = true" class="text-orange-500 font-semibold text-sm mt-2 hover:text-orange-600 transition-colors">Zobrazit více &#8595;</button>
                                </div>
                            
                            <!-- Buy Button -->
                                                            <div class="bg-gradient-to-r from-orange-500 to-orange-600 rounded-2xl p-4 mb-6">
                                    <div class="flex flex-col sm:flex-row items-center justify-between gap-4">
                                        <div>
                                                                                        <div class="text-2xl font-black text-white">Nejlepší cena: 1799 Kč</div>
                                                                                        <div class="text-white/80 text-sm">Check all shops and compare prices</div>
                                        </div>
                                        <a target="_blank" rel="nofollow" href="/redirect/348276" class="inline-flex items-center justify-center px-6 py-3 bg-white text-orange-600 font-bold text-base rounded-xl hover:bg-gray-100 transition-colors shadow-lg">
                                            <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>
                                            Compare Prices
                                        </a>
                                    </div>
                                </div>
                            
                            <!-- Product Details Table -->
                            <div class="mt-8">
                                <table class="w-full rounded-xl overflow-hidden">
                                    <tbody>
                                                                                    <tr class="border-b border-gray-100">
                                                <th class="px-4 py-3 text-left font-semibold text-sm text-gray-100 bg-gray-900">EAN</th>
                                                <td class="px-4 py-3 text-sm text-gray-700 bg-gray-50">850032180559</td>
                                            </tr>
                                                                                                                            <tr class="border-b border-gray-100">
                                                <th class="px-4 py-3 text-left font-semibold text-sm text-gray-100 bg-gray-900">Značka</th>
                                                <td class="px-4 py-3 text-sm text-gray-700 bg-gray-50">Stonemaier Games</td>
                                            </tr>
                                                                            </tbody>
                                        </table>
                                    </div>

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

                <!-- Available Shops -->
                
                
                <!-- Categories -->
                                    <div class="mb-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-4 py-2 bg-orange-100 text-orange-800 rounded-full text-sm font-medium hover:bg-orange-200 transition-colors">stolnihry</a>
                                                    </div>
                    </div>
                
                
                <!-- Related Articles -->
                            </div>
        </div>
            
<section class="relative py-20 overflow-hidden">
    <div class="absolute inset-0 bg-gray-950"></div>
    <div class="absolute inset-0 bg-[radial-gradient(circle_at_15%_20%,rgba(249,115,22,0.22),transparent_40%),radial-gradient(circle_at_85%_10%,rgba(59,130,246,0.18),transparent_42%),linear-gradient(145deg,#111827,#030712)]"></div>
    <div class="absolute inset-0 opacity-20 bg-[url('data:image/svg+xml,%3Csvg width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg fill=%22%23f97316%22 fill-opacity=%220.32%22%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%221.8%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')]"></div>

    <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex flex-col md:flex-row md:items-end md:justify-between gap-6 mb-10">
            <div>
                <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold tracking-[0.16em] uppercase bg-orange-500/15 text-orange-300 border border-orange-400/30">
                    Doporučené odkazy
                </span>
                <h2 class="mt-4 text-3xl md:text-4xl font-black text-white tracking-tight">
                    Související produkty a články
                </h2>
                <p class="mt-2 text-gray-300 max-w-2xl">
                    Přehledné pokračování bez marketingových sloganů.
                </p>
            </div>
            <a href="/kategorie" class="inline-flex items-center gap-2 self-start md:self-auto px-5 py-3 rounded-xl bg-white/10 border border-white/20 text-white font-semibold hover:bg-orange-500/20 hover:border-orange-300/40 transition-all duration-300">
                Browse all categories
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5-5 5M6 12h12"></path>
                </svg>
            </a>
        </div>

        <div class="grid grid-cols-1 xl:grid-cols-12 gap-6">
            <article class="xl:col-span-4 group rounded-3xl border border-white/15 bg-white/5 backdrop-blur-md p-6 hover:border-orange-300/50 hover:bg-white/10 transition-all duration-500">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-lg font-bold text-white">Produkty</h3>
                </div>
                <ul class="space-y-3">
                                                                    <li>
                            <a href="/powerwolf-armata-strigoi-stolni-hra-standard" class="flex items-center justify-between gap-3 rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-orange-300/50 hover:bg-orange-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-1">Powerwolf Armata Strigoi Stolní hra standard</span>
                                <svg class="w-4 h-4 text-orange-300 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                </svg>
                            </a>
                        </li>
                                                                                            <li>
                            <a href="/sabaton-a-battle-through-history-stolni-hra-standard" class="flex items-center justify-between gap-3 rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-orange-300/50 hover:bg-orange-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-1">Sabaton A Battle Through History Stolní hra standard</span>
                                <svg class="w-4 h-4 text-orange-300 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                </svg>
                            </a>
                        </li>
                                                                                            <li>
                            <a href="/railways-of-the-world-10th-anniversary-edition" class="flex items-center justify-between gap-3 rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-orange-300/50 hover:bg-orange-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-1">Railways of the World: 10th Anniversary Edition</span>
                                <svg class="w-4 h-4 text-orange-300 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                </svg>
                            </a>
                        </li>
                                                                                            <li>
                            <a href="/stonemaier-games-scythe-zakladni-hra" class="flex items-center justify-between gap-3 rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-orange-300/50 hover:bg-orange-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-1">Stonemaier Games Scythe: Základní hra</span>
                                <svg class="w-4 h-4 text-orange-300 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                </svg>
                            </a>
                        </li>
                                                                                            <li>
                            <a href="/mindok-kryci-jmena-cesky" class="flex items-center justify-between gap-3 rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-orange-300/50 hover:bg-orange-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-1">Mindok krycí jména (česky)</span>
                                <svg class="w-4 h-4 text-orange-300 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                </svg>
                            </a>
                        </li>
                                                                                            <li>
                            <a href="/mindok-adrenalin" class="flex items-center justify-between gap-3 rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-orange-300/50 hover:bg-orange-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-1">Mindok Adrenalin</span>
                                <svg class="w-4 h-4 text-orange-300 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                </svg>
                            </a>
                        </li>
                                                            </ul>
            </article>

            <article class="xl:col-span-4 group rounded-3xl border border-white/15 bg-white/5 backdrop-blur-md p-6 hover:border-sky-300/50 hover:bg-white/10 transition-all duration-500">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-lg font-bold text-white">Články</h3>
                </div>
                <ul class="space-y-3">
                                                                    <li>
                            <a href="/ashwagandha" class="block rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-sky-300/50 hover:bg-sky-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-2">Article</span>
                            </a>
                        </li>
                                                                                            <li>
                            <a href="/eaa" class="block rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-sky-300/50 hover:bg-sky-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-2">Article</span>
                            </a>
                        </li>
                                                                                            <li>
                            <a href="/bcaa" class="block rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-sky-300/50 hover:bg-sky-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-2">Article</span>
                            </a>
                        </li>
                                                                                            <li>
                            <a href="/kreatin" class="block rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-sky-300/50 hover:bg-sky-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-2">Article</span>
                            </a>
                        </li>
                                                                                            <li>
                            <a href="/root" class="block rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-sky-300/50 hover:bg-sky-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-2">Article</span>
                            </a>
                        </li>
                                                                                            <li>
                            <a href="/dr-popov-bylinne-kapky-briza-belokora-50-ml" class="block rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-sky-300/50 hover:bg-sky-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-2">Article</span>
                            </a>
                        </li>
                                                            </ul>
            </article>

            <article class="xl:col-span-4 group rounded-3xl border border-white/15 bg-white/5 backdrop-blur-md p-6 hover:border-emerald-300/50 hover:bg-white/10 transition-all duration-500">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-lg font-bold text-white">Kategorie</h3>
                </div>
                <ul class="space-y-3">
                                            <li>
                            <a href="/stolni-hry" class="flex items-center justify-between gap-3 rounded-xl px-3 py-2 bg-black/25 border border-white/10 text-gray-100 hover:text-white hover:border-emerald-300/50 hover:bg-emerald-500/15 transition-all duration-300">
                                <span class="text-sm line-clamp-1">stolnihry</span>
                                <svg class="w-4 h-4 text-emerald-200 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                </svg>
                            </a>
                        </li>
                                                        </ul>
            </article>
        </div>
    </div>
</section>
    </main>

            <footer class="bg-gray-900 text-white pt-16 pb-8">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
                    <div class="md:col-span-1">
                        <h3 class="text-lg font-black mb-4">
                            <span class="text-primary-500">O posilování</span>
                        </h3>
                        <p class="text-gray-400 text-sm leading-relaxed">
                            Váš průvodce světem fitness vybavení a posiloven
                        </p>
                    </div>
                    <div>
                        <h4 class="text-sm font-semibold uppercase tracking-wider text-gray-400 mb-4">Rychlé odkazy</h4>
                        <ul class="space-y-3 text-sm">
                            <li><a href="/" class="text-gray-400 hover:text-primary-400 transition-colors duration-200">Domů</a></li>
                            <li><a href="/clanky" class="text-gray-400 hover:text-primary-400 transition-colors duration-200">Články</a></li>
                            <li><a href="/kategorie" class="text-gray-400 hover:text-primary-400 transition-colors duration-200">Kategorie</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="text-sm font-semibold uppercase tracking-wider text-gray-400 mb-4">Populární kategorie</h4>
                        <ul class="space-y-3 text-sm">
                            <li><a href="/kategorie" class="text-gray-400 hover:text-primary-400 transition-colors duration-200">Všechny kategorie</a></li>
                            <li><a href="/clanky" class="text-gray-400 hover:text-primary-400 transition-colors duration-200">Nejnovější články</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="text-sm font-semibold uppercase tracking-wider text-gray-400 mb-4">Kontakt</h4>
                        <p class="text-gray-400 text-sm leading-relaxed">
                            Kontaktujte nás s dotazy nebo zpětnou vazbou.
                        </p>
                    </div>
                </div>
                <div class="border-t border-gray-800 pt-8 text-center text-sm text-gray-500">
                    &copy; 2026 <span class="text-primary-500">O posilování</span>. Všechna práva vyhrazena.
                    <span class="block mt-2 text-xs text-gray-500">Některé odkazy na produkty jsou affiliate odkazy. Nákupem přes ně nás podpoříte, cena pro vás zůstává stejná.</span>
                </div>
            </div>
        </footer>
                </body>
</html>
