#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(1203): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(979): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
<!DOCTYPE html>
    <html lang="cs">

<head>
    <base href="https://mpouzdra.cz">
        <meta name="robots" content="index, follow">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Velký výběr krytů ✅Gelová, silikonová pouzdra a obaly na mobil Samsung Galaxy A22 5G. ✅Vlastní sklad➤➤Okamžitá expedice. ✅ Vše skladem." />
    <meta name="keywords" content="" />
            <meta name="author" content="mpouzdra.cz" />
            
            <link rel="alternate" hreflang="cs-cz" href="https://mpouzdra.cz/obaly-a-pouzdra-na-mobil-samsung-galaxy-a22-5g/gelove-obaly" />
            <link rel="alternate" hreflang="sk-sk" href="https://mpuzdra.sk/sk/samsung/galaxy-a22-5g/gelove-obaly" />
            <link rel="alternate" hreflang="hu-hu" href="https://telefonkieg.hu/gel-boritok-es-tokok-samsung-galaxy-a22-5g-keszulekhez" />
                <link rel="canonical" href="https://mpouzdra.cz/obaly-a-pouzdra-na-mobil-samsung-galaxy-a22-5g/gelove-obaly/?page=14" />
        
    <!-- DNS-prefetch external services - START -->
    <link rel="dns-prefetch" href="//cdn.cookie-script.com" />
    <link rel="dns-prefetch" href="//widget-v3.smartsuppcdn.com" />
    <link rel="dns-prefetch" href="//www.smartsuppchat.com" />
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//connect.facebook.net" />
    <link rel="dns-prefetch" href="//google-analytics.com" />
    <link rel="dns-prefetch" href="//googletagmanager.com" />
    <link rel="dns-prefetch" href="//youtube.com" />
    <!-- DNS-prefetch external services - END -->
    <!-- Preconnect external services - START -->
    <link rel="preconnect" href="//consent.cookie-script.com">
    <link rel="preconnect" href="//www.smartsuppchat.com">
    <link rel="preconnect" href="//connect.facebook.net">
    <link rel="preconnect" href="//consent.cookie-script.com">
    <link rel="preconnect" href="//bootstrap.smartsuppchat.com">
    <link rel="preconnect" href="//translations.smartsuppcdn.com">
    <link rel="preconnect" href="//d70shl7vidtft.cloudfront.net">
    <link rel="preconnect" href="//widget-v3.smartsuppcdn.com">


    <script src="/assets/js/jquery.min.js" rel="preload" as="script" fetchpriority="high"></script>
    <script src="/assets/js/app.js?8" rel="preload" as="script" fetchpriority="high"></script>


    <!-- Preconnect external services - END -->
    <link rel="apple-touch-icon" sizes="180x180" href="./images/favicon/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon/favicon-16x16.png" />
    <link rel="manifest" href="./images/favicon/site.webmanifest" />
    <link rel="mask-icon" href="./images/favicon/safari-pinned-tab.svg" color="#5bbad5" />
    <link rel="shortcut icon" href="./images/favicon/favicon.ico" />
    <meta name="msapplication-TileColor" content="#7e7e7e" />
    <meta name="msapplication-config" content="./images/favicon/browserconfig.xml" />
    <meta name="theme-color" content="#a30062" />



            <!--
        <script defer src="./js/bundle.vendor.345de25c28d2698c462b.min.js"></script>
        <script defer src="./js/bundle.main.abe1cd73c5d653a221d9.min.js"></script>
        -->

        <link href="./css/vendor.69bda4acdab8e4cce41c.min.css?3" rel="stylesheet" rel="preload" as="style" fetchpriority="high">
        <link href="./css/main.73b400fba17b3930797d.min.css?3" rel="stylesheet" rel="preload" as="style" fetchpriority="high">


                    <script defer src="./js/bundle.vendor.ec918b6f15a691981048.min.js?4" fetchpriority="high"></script>
                <script defer src="./js/bundle.main.be2ae89094b2a3bed7b4_test.min.js?7" fetchpriority="high"></script>



    

    
    <link href="./css/custom.css?2" rel="stylesheet" rel="preload" as="style">

    

    
    

            <title>Gelové kryty a pouzdra na mobil Samsung Galaxy A22 5G - Mpouzdra.cz</title>
        <meta property="og:title" content="Gelové kryty a pouzdra na mobil Samsung Galaxy A22 5G - Mpouzdra.cz" />
                    <link rel="next" href="/obaly-a-pouzdra-na-mobil-samsung-galaxy-a22-5g/gelove-obaly/?filter&limit=16&page=15">
                            <link rel="next" href="/obaly-a-pouzdra-na-mobil-samsung-galaxy-a22-5g/gelove-obaly/?filter&limit=16&page=13">
        <meta property="og:description" content="Velký výběr krytů ✅Gelová, silikonová pouzdra a obaly na mobil Samsung Galaxy A22 5G. ✅Vlastní sklad➤➤Okamžitá expedice. ✅ Vše skladem." />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Mpouzdra.cz" />
    <meta property="og:url" content="https://mpouzdra.cz/obaly-a-pouzdra-na-mobil-samsung-galaxy-a22-5g/gelove-obaly/?page=14" />
    <meta property="og:image" content="https://mpouzdra.cz/images/category/MgE5Mgn3_b.png" />
    <meta property="og:locale" content="cs_CZ" />
    
        <meta name="facebook-domain-verification" content="ydi6i41hgodv5m86ijme6zost8aiea" />
        <script>
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }
            gtag("consent", "default", {
                ad_storage: "denied",
                analytics_storage: "denied",
                functionality_storage: "denied",
                personalization_storage: "denied",
                security_storage: "denied",
                ad_personalization: "denied",
                ad_user_data: "denied",
                wait_for_update: 5000
            });
            gtag("set", "ads_data_redaction", true);
            dataLayer.push({
                "event": "defaultConsentsSet"
            });
        </script>

        <!-- Optimio - cookie lišta 29.4.2024 -->
        <script type="text/javascript" fetchpriority="high" charset="UTF-8" src="//cdn.cookie-script.com/s/7c42626586b28c45a71876d60f88aed8.js"></script>


        <!--<script type="text/javascript" src="https://www.termsfeed.com/public/cookie-consent/4.1.0/cookie-consent.js" charset="UTF-8"></script>
        <script type="text/javascript" charset="UTF-8">
            document.addEventListener('DOMContentLoaded', function() {
                cookieconsent.run({
                    "notice_banner_type": "simple",
                    "consent_type": "express",
                    "palette": "light",
                    "language": "cs",
                    "page_load_consent_levels": ["strictly-necessary"],
                    "notice_banner_reject_button_hide": false,
                    "preferences_center_close_button_hide": false,
                    "website_name": "https://www.mpouzdra.cz/",
                    "website_privacy_policy_url": "https://www.mpouzdra.cz/ochrana-osobnich-udaju/"
                });
            });
        </script>
        <noscript>ePrivacy and GPDR Cookie Consent by <a href="https://www.TermsFeed.com/" rel="nofollow">TermsFeed Generator</a></noscript>

        <script type="text/plain" data-cookie-consent="strictly-necessary">gtag('consent', 'update', {'ad_storage': 'granted','ad_user_data': 'granted'});</script>
        <script type="text/plain" data-cookie-consent="functionality">gtag('consent', 'update', {'ad_storage': 'granted','ad_user_data': 'granted'});</script>
        <script type="text/plain" data-cookie-consent="tracking">gtag('consent', 'update', {'ad_personalization': 'granted' });</script>
        <script type="text/plain" data-cookie-consent="targeting">gtag('consent', 'update', {'analytics_storage': 'granted'});</script>
-->

        <!-- Google Tag Manager -->
        <script>
            (function(w, d, s, l, i) {
                w[l] = w[l] || [];
                w[l].push({
                    'gtm.start': new Date().getTime(),
                    event: 'gtm.js'
                });
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s),
                    dl = l != 'dataLayer' ? '&l=' + l : '';
                j.async = true;
                j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-NC2DZSDC');
        </script>
        <!-- End Google Tag Manager -->

        <!-- Meta Pixel Code
        <script>
            ! function(f, b, e, v, n, t, s) {
                if (f.fbq) return;
                n = f.fbq = function() {
                    n.callMethod ?
                        n.callMethod.apply(n, arguments) : n.queue.push(arguments)
                };
                if (!f._fbq) f._fbq = n;
                n.push = n;
                n.loaded = !0;
                n.version = '2.0';
                n.queue = [];
                t = b.createElement(e);
                t.async = !0;
                t.src = v;
                s = b.getElementsByTagName(e)[0];
                s.parentNode.insertBefore(t, s)
            }(window, document, 'script',
                'https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '443809333560593');
            fbq('track', 'PageView');
        </script>
        <noscript><img height="1" width="1" style="display:none"
                src="https://www.facebook.com/tr?id=443809333560593&ev=PageView&noscript=1" /></noscript>
        -->

        
    
</head>

<body class="font-sans">
            <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-NC2DZSDC height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
        
        <div class="notice notice--banner !px-0" style="display: none">
        <div class="container flex flex-wrap !gap-x-8 !gap-y-1 justify-center">
            <div class="notice__item">
                <i class="notice__icon icon icon-local_shipping"></i>
                <p class="notice__text">
                    <strong>Doprava nad 1499,- ZDARMA</strong>                </p>
            </div>
            <div class="notice__item">
                <i class="notice__icon icon icon-speed"></i>
                <p class="notice__text">
                    <strong>Objednejte do 12:00 a odešleme ještě DNES!</strong>                </p>
            </div>
        </div>
        <button id="closeNotice" aria-label="Zavřít"><i class="icon icon-close"></i></button>
    </div>
    <script>
        localStorage.getItem("noticeClosed") || (document.querySelector(".notice.notice--banner").style.display = "flex");
    </script>

    <header class="navbar py-3 !sticky top-0 z-50">
        <div class="container">
            <div class="grid lg-max:grid-cols-[1fr_133px_1fr] lg:flex lg:items-center justify-between">
                <div class="flex lg:hidden">
                    <button type="button" class="flex-center flex-grow-0 flex-col items-start justify-center lg-max:ml-2" data-te-offcanvas-toggle data-te-target="#main-menu" aria-controls="main-menu" aria-label="hlavní menu" aria-controls="main-menu">
                        <div class="menu-icon" id="hamburger">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <span class="text-primary font-bold text-[11px] mt-2 leading-1" id="hamburgerOpen">MENU</span> <span class="text-primary font-bold text-[11px] mt-2 leading-1 hidden" id="hamburgerClose">ZAVŘÍT</span>
                    </button>
                </div>
                <a href="/" class="navbar__logo flex lg-max:col-start-2"> <img src="../images/logo.svg" alt="Mpouzdra.cz logo" width="235.61" height="166" fetchpriority="high" /> </a>
                <div class="flex-center gap-5 lg-max:hidden">
                    <div class="">
                        <button class="w-[238px] h-[40px] flex items-center justify-between border border-primary rounded px-3 hover:bg-primary-5 transition-all duration-200 shadow-[0_0_0_3px_var(--color-primary-25)]" data-te-ripple-init data-te-ripple-color="light" data-te-toggle="modal" data-te-target="#headerModal">
                            Vyberte značku zařízení <i class="icon icon-expand_more"></i>
                        </button>
                    </div>
                                            <a class="flex-center gap-2 lg-max:hidden" href="tel:+420604 489 850">
                            <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-call-40 text-[24px] text-white"></i></div>
                            <div class="flex flex-col"><span class="text-primary font-bold h4 !mb-0 leading-1.1">604 489 850</span> <span class="leading-1.1 text-paragraph text-[14px]">Volejte Po–Pá 7–13.30 hod.</span></div>
                        </a>
                                    </div>
                <div class="flex justify-end gap-3 lg-max:col-start-3 lg-max:gap-1.5 lg-max:mr-1">
                    

                    

                    <div class="language relative inline-block text-left" id="langDropdown">
                        <button id="dropdownButton" class="inline-flex items-center gap-2 px-3 py-2 button button--bordered !rounded gap-1">
                            <img src="../images/cz.svg" alt="mpouzdra.cz" width="20" height="20">
                            <span class="text-primary md-max:hidden mt-1 text-sm">Čeština</span>
                            <svg class="w-4 h-4 ml-1 text-primary language-arrow md-max:hidden" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
                            </svg>
                        </button>
                        <div id="dropdownMenu" class="language-drodpown absolute z-10 right-0 rounded-md bg-white shadow-lg border border-gray-200 hidden">
                                                            <a href="https://mpouzdra.cz/obaly-a-pouzdra-na-mobil-samsung-galaxy-a22-5g/gelove-obaly" class="inline-flex items-center gap-2 px-4 pt-2 pb-0 hover:bg-gray-100 text-gray-800 w-full">
                                    <img src="../images/cz.svg" alt="mpouzdra.cz" width="20" height="20" loading="lazy">
                                    <span class="leading-normal mt-1 text-sm">Čeština</span>
                                </a>
                                                            <a href="https://mpuzdra.sk/sk/samsung/galaxy-a22-5g/gelove-obaly" class="inline-flex items-center gap-2 px-4 pt-2 pb-0 hover:bg-gray-100 text-gray-800 w-full">
                                    <img src="../images/sk.svg" alt="mpuzdra.sk" width="20" height="20" loading="lazy">
                                    <span class="leading-normal mt-1 text-sm">Slovenština</span>
                                </a>
                                                            <a href="https://telefonkieg.hu/gel-boritok-es-tokok-samsung-galaxy-a22-5g-keszulekhez" class="inline-flex items-center gap-2 px-4 pt-2 pb-0 hover:bg-gray-100 text-gray-800 w-full">
                                    <img src="../images/hu.svg" alt="telefonkieg.hu" width="20" height="20" loading="lazy">
                                    <span class="leading-normal mt-1 text-sm">Magyar</span>
                                </a>
                                                    </div>
                    </div>

                    <script async defer>
                        const dropdownButton = document.getElementById('dropdownButton');
                        const dropdownMenu = document.getElementById('dropdownMenu');
                        dropdownButton.addEventListener('click', (e) => {
                            e.preventDefault();
                            e.stopPropagation();
                            dropdownMenu.classList.toggle('hidden');
                        });
                        document.addEventListener('click', (e) => {
                            if (!dropdownMenu.classList.contains('hidden')) {
                                dropdownMenu.classList.add('hidden');
                            }
                        });
                    </script>


                    
                                        <button class="flex items-center button-circle" data-te-toggle="modal" data-te-target="#searchModal" data-te-ripple-init data-te-ripple-color="light" aria-label="">
                        <div class="button-circle__icon"><i class="icon icon-search text-[24px]"></i></div>
                    </button>
                                                                <button class="lg-max:hidden flex items-center gap-2 button-circle" data-te-toggle="modal" data-te-target="#loginModal" data-te-ripple-init data-te-ripple-color="light" aria-label="Přihlásit se">
                            <div class="button-circle__icon"><i class="icon icon-account_circle text-[24px]"></i></div>
                            <span class="button-circle__text xl-max:hidden">Přihlásit se</span>
                        </button>
                                        <div class="xl:ml-2 flex-center">
                        <div class="relative cart-dropdown" data-te-dropdown-ref id="topCart">
    <button data-te-auto-close="outside" class="cart-dropdown__button" type="button" id="cartDropdown" data-te-dropdown-toggle-ref aria-expanded="false" aria-label="Košík">
        <i class="icon icon-shopping_cart"></i> <span id="cartSum" class="lg-max:hidden cart-dropdown__button-sum">0 Kč</span>
            </button>
    <div class="cart-dropdown__menu dropdown-menu dropdown-menu-end lg:!w-[508px] rounded-sm p-4 group/gr translate-y-[33px] !transition-all duration-200" aria-labelledby="cartDropdown" data-te-dropdown-menu-ref data-popper-placement="bottom-end">
        <div class="flex justify-between items-center mb-4">
            <div class="font-bold text-[18px]">Obsah košíku</div>
            <i class="icon icon-close text-[20px] cursor-pointer" onclick='document.getElementById("cartDropdown").click()'></i>
        </div>
        <div class="grid gap-2 mb-4 overflow-auto">

            Váš nákupní košík je prázdný        </div>
    </div>
</div>                    </div>
                </div>
            </div>
            <div class="select mt-3 flex justify-center lg:hidden">
                <button class="w-full h-[40px] flex items-center justify-between border border-primary rounded px-3 hover:bg-primary-5 transition-all duration-200 shadow-[0_0_0_3px_var(--color-primary-25)]" data-te-ripple-init data-te-ripple-color="light" data-te-toggle="modal" data-te-target="#headerModal">
                    Vyberte značku zařízení <i class="icon icon-expand_more"></i>
                </button>
            </div>
        </div>
    </header>
    <nav class="navbar-menu">
        <div class="container">
            <div class="relative flex w-full items-center justify-between lg:flex-wrap">
                <div class="flex-grow basis-[100%] items-center lg:!flex lg:basis-auto lg-max:hidden">
                    <ul class="mr-auto flex flex-row" id="megamenu">

                                                    <li class="static megamenu">
                                <a class="megamenu__dropdown" href="obaly-pouzdra-a-kryty-na-mobil" id="dropdownMenuButton0" aria-expanded="false">
                                    Obaly, pouzdra a kryty na mobil                                </a>
                                <div class="megamenu__dropdown-menu" style="visibility: hidden;" aria-labelledby="dropdownMenuButton0">
                                                                            <div class="grid grid-cols-[1.6fr_1fr] xl:grid-cols-[2fr_1fr] gap-8">
                                            <div>
                                                <div class="grid grid-cols-4 xl:grid-cols-5 gap-2 auto-rows-max">
                                                                                                            <a href="samsung" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/LKe0dAuB_b.webp" type="image/webp">
                                                                    <source srcset="images/category/LKe0dAuB_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/LKe0dAuB_b.jpg" alt="SAMSUNG" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">SAMSUNG</div>
                                                        </a>
                                                                                                            <a href="huawei" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/SwmaTyLz_b.webp" type="image/webp">
                                                                    <source srcset="images/category/SwmaTyLz_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/SwmaTyLz_b.jpg" alt="HUAWEI" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">HUAWEI</div>
                                                        </a>
                                                                                                            <a href="xiaomi" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/NBxerVzI_b.webp" type="image/webp">
                                                                    <source srcset="images/category/NBxerVzI_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/NBxerVzI_b.jpg" alt="XIAOMI" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">XIAOMI</div>
                                                        </a>
                                                                                                            <a href="obaly-pouzdra-a-kryty-na-mobil/apple" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/jKda0ipT_b.webp" type="image/webp">
                                                                    <source srcset="images/category/jKda0ipT_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/jKda0ipT_b.jpg" alt="APPLE" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">APPLE</div>
                                                        </a>
                                                                                                            <a href="pouzdra-obaly-na-telefony-honor" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/DYJALhjV_b.webp" type="image/webp">
                                                                    <source srcset="images/category/DYJALhjV_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/DYJALhjV_b.jpg" alt="Honor" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Honor</div>
                                                        </a>
                                                                                                            <a href="nokia" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/p5bEiaSX_b.webp" type="image/webp">
                                                                    <source srcset="images/category/p5bEiaSX_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/p5bEiaSX_b.jpg" alt="NOKIA" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">NOKIA</div>
                                                        </a>
                                                                                                            <a href="sony" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/sNWA9NWe_b.webp" type="image/webp">
                                                                    <source srcset="images/category/sNWA9NWe_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/sNWA9NWe_b.jpg" alt="SONY" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">SONY</div>
                                                        </a>
                                                                                                            <a href="obaly-pouzdra-google" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/IR0tsu8X_b.webp" type="image/webp">
                                                                    <source srcset="images/category/IR0tsu8X_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/IR0tsu8X_b.jpg" alt="Google" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Google</div>
                                                        </a>
                                                                                                            <a href="pouzdra-obaly-motorola-moto" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/YQYpcArZ_b.webp" type="image/webp">
                                                                    <source srcset="images/category/YQYpcArZ_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/YQYpcArZ_b.jpg" alt="Motorola" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Motorola</div>
                                                        </a>
                                                                                                            <a href="realme-obaly-kryty-a-pouzdra" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/cHTvDc4W_b.webp" type="image/webp">
                                                                    <source srcset="images/category/cHTvDc4W_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/cHTvDc4W_b.jpg" alt="Realme" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Realme</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="obaly-pouzdra-a-kryty-na-mobil" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Zobrazit vše</span> <i class="icon icon-chevron_right ml-1 text-[1.1em]"></i>
                                                </a>
                                            </div>
                                            <div class="flex-col flex gap-y-4 items-end">
                                                <div class="flex relative rounded-2xl overflow-hidden w-full">
                                                    <div class="flex flex-col justify-center items-start p-6 xl:p-8 relative z-10">
                                                        <div class="h3 max-w-[13ch] leading-1.2">Gelová pouzdra
                <br>
                s vlastním motivem</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Navrhnout vlastní pouzdro</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gelová pouzdra
                <br>
                s vlastním motivem" width="1010" height="508" loading="lazy" />
                                                </div>
                                                <div class="flex mb-4 gap-2">
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-local_shipping"></i>
                                                            <p class="notice__text"><strong>Doprava nad 1499,- ZDARMA</strong></p>
                                                        </div>
                                                    </div>
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-speed"></i>
                                                            <p class="notice__text"><strong>Objednejte do 12:00 a odešleme ještě DNES!</strong></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex items-center gap-4">
                                                    <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nevíte si s něčím rady</div>
                                                        <div class="mb-0">Volejte a pište Po–Pá 7–13.30</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Šipka" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@mpouzdra.cz" class="flex-center gap-2 font-bold">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-mail text-[24px] text-white"></i></div>
                                                        <span>info@mpouzdra.cz</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420604 489 850">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-call-40 text-[24px] text-white"></i></div>
                                                        <span>604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="obaly-a-kryty-na-tablet" id="dropdownMenuButton0" aria-expanded="false">
                                    Obaly a pouzdra na tablety                                </a>
                                <div class="megamenu__dropdown-menu" style="visibility: hidden;" aria-labelledby="dropdownMenuButton0">
                                                                            <div class="grid grid-cols-[1.6fr_1fr] xl:grid-cols-[2fr_1fr] gap-8">
                                            <div>
                                                <div class="grid grid-cols-4 xl:grid-cols-5 gap-2 auto-rows-max">
                                                                                                            <a href="obaly-pouzdra-na-mobil-lenovo" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/t2pUIT4K_b.webp" type="image/webp">
                                                                    <source srcset="images/category/t2pUIT4K_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/t2pUIT4K_b.jpg" alt="Obaly na tablet Lenovo" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Obaly na tablet Lenovo</div>
                                                        </a>
                                                                                                            <a href="obaly-a-pouzdra-na-tablety-samsung" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/fmWp3uNa_b.webp" type="image/webp">
                                                                    <source srcset="images/category/fmWp3uNa_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/fmWp3uNa_b.jpg" alt="Obaly na tablet Samsung" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Obaly na tablet Samsung</div>
                                                        </a>
                                                                                                            <a href="obaly-na-ipad" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/b2ZO7R0L_b.webp" type="image/webp">
                                                                    <source srcset="images/category/b2ZO7R0L_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/b2ZO7R0L_b.jpg" alt="Obaly na iPad" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Obaly na iPad</div>
                                                        </a>
                                                                                                            <a href="obaly-a-pouzdra-na-tablety-xiaomi" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/Ywrzhy5S_b.webp" type="image/webp">
                                                                    <source srcset="images/category/Ywrzhy5S_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/Ywrzhy5S_b.jpg" alt="Obaly na tablet Xiaomi" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Obaly na tablet Xiaomi</div>
                                                        </a>
                                                                                                            <a href="obaly-na-tablet-huawei" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/G83ZYm9Z_b.webp" type="image/webp">
                                                                    <source srcset="images/category/G83ZYm9Z_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/G83ZYm9Z_b.jpg" alt="Obaly na tablet Huawei" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Obaly na tablet Huawei</div>
                                                        </a>
                                                                                                            <a href="obaly-kryty-a-pouzdra-na-tablety-honor" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/pgf8tnHQ_b.webp" type="image/webp">
                                                                    <source srcset="images/category/pgf8tnHQ_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/pgf8tnHQ_b.jpg" alt="Obaly na tablet Honor" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Obaly na tablet Honor</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="obaly-a-kryty-na-tablet" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Zobrazit vše</span> <i class="icon icon-chevron_right ml-1 text-[1.1em]"></i>
                                                </a>
                                            </div>
                                            <div class="flex-col flex gap-y-4 items-end">
                                                <div class="flex relative rounded-2xl overflow-hidden w-full">
                                                    <div class="flex flex-col justify-center items-start p-6 xl:p-8 relative z-10">
                                                        <div class="h3 max-w-[13ch] leading-1.2">Gelová pouzdra
                <br>
                s vlastním motivem</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Navrhnout vlastní pouzdro</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gelová pouzdra
                <br>
                s vlastním motivem" width="1010" height="508" loading="lazy" />
                                                </div>
                                                <div class="flex mb-4 gap-2">
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-local_shipping"></i>
                                                            <p class="notice__text"><strong>Doprava nad 1499,- ZDARMA</strong></p>
                                                        </div>
                                                    </div>
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-speed"></i>
                                                            <p class="notice__text"><strong>Objednejte do 12:00 a odešleme ještě DNES!</strong></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex items-center gap-4">
                                                    <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nevíte si s něčím rady</div>
                                                        <div class="mb-0">Volejte a pište Po–Pá 7–13.30</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Šipka" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@mpouzdra.cz" class="flex-center gap-2 font-bold">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-mail text-[24px] text-white"></i></div>
                                                        <span>info@mpouzdra.cz</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420604 489 850">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-call-40 text-[24px] text-white"></i></div>
                                                        <span>604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="ochranne-folie-a-tvrzena-skla" id="dropdownMenuButton0" aria-expanded="false">
                                    Ochranné fólie a tvrzená skla                                </a>
                                <div class="megamenu__dropdown-menu" style="visibility: hidden;" aria-labelledby="dropdownMenuButton0">
                                                                            <div class="grid grid-cols-[1.6fr_1fr] xl:grid-cols-[2fr_1fr] gap-8">
                                            <div>
                                                <div class="grid grid-cols-4 xl:grid-cols-5 gap-2 auto-rows-max">
                                                                                                            <a href="temperovana-tvrzena-skla-na-samsung" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/zMztFmH8_b.webp" type="image/webp">
                                                                    <source srcset="images/category/zMztFmH8_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/zMztFmH8_b.jpg" alt="SAMSUNG" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">SAMSUNG</div>
                                                        </a>
                                                                                                            <a href="temperovana-tvrzena-skla-na-huawei" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/OdzwV9qw_b.webp" type="image/webp">
                                                                    <source srcset="images/category/OdzwV9qw_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/OdzwV9qw_b.jpg" alt="HUAWEI" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">HUAWEI</div>
                                                        </a>
                                                                                                            <a href="tvrzena-skla-xiaomi" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/eewRXvL8_b.webp" type="image/webp">
                                                                    <source srcset="images/category/eewRXvL8_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/eewRXvL8_b.jpg" alt="XIAOMI" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">XIAOMI</div>
                                                        </a>
                                                                                                            <a href="folie-na-mobil/apple" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/z6VgDcF3_b.webp" type="image/webp">
                                                                    <source srcset="images/category/z6VgDcF3_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/z6VgDcF3_b.jpg" alt="APPLE" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">APPLE</div>
                                                        </a>
                                                                                                            <a href="tvrzena-skla-honor" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/fNHscfH0_b.webp" type="image/webp">
                                                                    <source srcset="images/category/fNHscfH0_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/fNHscfH0_b.jpg" alt="HONOR" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">HONOR</div>
                                                        </a>
                                                                                                            <a href="temperovana-tvrzena-skla-na-nokia" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/CiKvrbUJ_b.webp" type="image/webp">
                                                                    <source srcset="images/category/CiKvrbUJ_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/CiKvrbUJ_b.jpg" alt="NOKIA" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">NOKIA</div>
                                                        </a>
                                                                                                            <a href="folie-na-mobil/lenovo-folie-na-mobilni-telefony" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/gYk9FVOi_b.webp" type="image/webp">
                                                                    <source srcset="images/category/gYk9FVOi_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/gYk9FVOi_b.jpg" alt="LENOVO" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">LENOVO</div>
                                                        </a>
                                                                                                            <a href="temperovana-tvrzena-skla-na-sony-xperia" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/izQa8P3W_b.webp" type="image/webp">
                                                                    <source srcset="images/category/izQa8P3W_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/izQa8P3W_b.jpg" alt="SONY" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">SONY</div>
                                                        </a>
                                                                                                            <a href="tvrzena-skla-motorola-moto" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/kNRMYG0w_b.webp" type="image/webp">
                                                                    <source srcset="images/category/kNRMYG0w_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/kNRMYG0w_b.jpg" alt="Motorola" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Motorola</div>
                                                        </a>
                                                                                                            <a href="ochranne-folie-a-tvrzena-skla/oppo-1" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/UgNJqErV_b.webp" type="image/webp">
                                                                    <source srcset="images/category/UgNJqErV_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/UgNJqErV_b.jpg" alt="Oppo" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Oppo</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="ochranne-folie-a-tvrzena-skla" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Zobrazit vše</span> <i class="icon icon-chevron_right ml-1 text-[1.1em]"></i>
                                                </a>
                                            </div>
                                            <div class="flex-col flex gap-y-4 items-end">
                                                <div class="flex relative rounded-2xl overflow-hidden w-full">
                                                    <div class="flex flex-col justify-center items-start p-6 xl:p-8 relative z-10">
                                                        <div class="h3 max-w-[13ch] leading-1.2">Gelová pouzdra
                <br>
                s vlastním motivem</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Navrhnout vlastní pouzdro</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gelová pouzdra
                <br>
                s vlastním motivem" width="1010" height="508" loading="lazy" />
                                                </div>
                                                <div class="flex mb-4 gap-2">
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-local_shipping"></i>
                                                            <p class="notice__text"><strong>Doprava nad 1499,- ZDARMA</strong></p>
                                                        </div>
                                                    </div>
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-speed"></i>
                                                            <p class="notice__text"><strong>Objednejte do 12:00 a odešleme ještě DNES!</strong></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex items-center gap-4">
                                                    <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nevíte si s něčím rady</div>
                                                        <div class="mb-0">Volejte a pište Po–Pá 7–13.30</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Šipka" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@mpouzdra.cz" class="flex-center gap-2 font-bold">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-mail text-[24px] text-white"></i></div>
                                                        <span>info@mpouzdra.cz</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420604 489 850">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-call-40 text-[24px] text-white"></i></div>
                                                        <span>604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="kryty-na-mobil-s-vlastni-fotografii-motivem" id="dropdownMenuButton0" aria-expanded="false">
                                    Kryty na mobil s vlastní fotografií                                </a>
                                <div class="megamenu__dropdown-menu" style="visibility: hidden;" aria-labelledby="dropdownMenuButton0">
                                                                            <div class="grid grid-cols-[1.6fr_1fr] xl:grid-cols-[2fr_1fr] gap-8">
                                            <div>
                                                <div class="grid grid-cols-4 xl:grid-cols-5 gap-2 auto-rows-max">
                                                                                                            <a href="kryty-obaly-na-mobil-samsung-s-vlastni-fotografii-a-motivem" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/27SfdEUh_b.webp" type="image/webp">
                                                                    <source srcset="images/category/27SfdEUh_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/27SfdEUh_b.jpg" alt="Samsung" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Samsung</div>
                                                        </a>
                                                                                                            <a href="kryty-na-mobil-s-vlastni-fotografii-motivem/motorola" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/o5TF0oXu_b.webp" type="image/webp">
                                                                    <source srcset="images/category/o5TF0oXu_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/o5TF0oXu_b.jpg" alt="Motorola" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Motorola</div>
                                                        </a>
                                                                                                            <a href="kryty-obaly-na-mobil-huawei-s-vlastni-fotografii-a-motivem" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/oLcRIZWY_b.webp" type="image/webp">
                                                                    <source srcset="images/category/oLcRIZWY_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/oLcRIZWY_b.jpg" alt="Huawei" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Huawei</div>
                                                        </a>
                                                                                                            <a href="kryty-obaly-na-mobil-xiaomi-s-vlastni-fotografii-a-motivem" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/WmwvCxIT_b.webp" type="image/webp">
                                                                    <source srcset="images/category/WmwvCxIT_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/WmwvCxIT_b.jpg" alt="Xiaomi" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Xiaomi</div>
                                                        </a>
                                                                                                            <a href="kryty-obaly-na-mobil-apple-s-vlastni-fotografii-a-motivem" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/sOK7r5ct_b.webp" type="image/webp">
                                                                    <source srcset="images/category/sOK7r5ct_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/sOK7r5ct_b.jpg" alt="Apple" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Apple</div>
                                                        </a>
                                                                                                            <a href="kryty-obaly-na-mobil-honor-s-vlastni-fotografii-a-motivem" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/2xC0xjgr_b.webp" type="image/webp">
                                                                    <source srcset="images/category/2xC0xjgr_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/2xC0xjgr_b.jpg" alt="Honor" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Honor</div>
                                                        </a>
                                                                                                            <a href="kryty-obaly-na-mobil-nokia-s-vlastni-fotografii-a-motivem" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/UsNmZhzz_b.webp" type="image/webp">
                                                                    <source srcset="images/category/UsNmZhzz_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/UsNmZhzz_b.jpg" alt="Nokia" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Nokia</div>
                                                        </a>
                                                                                                            <a href="kryty-na-mobil-s-vlastni-fotografii-motivem/realme" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/EmW8K9ge_b.webp" type="image/webp">
                                                                    <source srcset="images/category/EmW8K9ge_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/EmW8K9ge_b.jpg" alt="Realme" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Realme</div>
                                                        </a>
                                                                                                            <a href="kryty-na-mobil-s-vlastni-fotografii-motivem/vivo" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/qFvSRWna_b.webp" type="image/webp">
                                                                    <source srcset="images/category/qFvSRWna_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/qFvSRWna_b.jpg" alt="VIVO" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">VIVO</div>
                                                        </a>
                                                                                                            <a href="obaly-a-kryty-na-telefony-google-pixel-s-vlastnim-motivem" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/xAuRhgAm_b.webp" type="image/webp">
                                                                    <source srcset="images/category/xAuRhgAm_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/xAuRhgAm_b.jpg" alt="Google" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Google</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="kryty-na-mobil-s-vlastni-fotografii-motivem" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Zobrazit vše</span> <i class="icon icon-chevron_right ml-1 text-[1.1em]"></i>
                                                </a>
                                            </div>
                                            <div class="flex-col flex gap-y-4 items-end">
                                                <div class="flex relative rounded-2xl overflow-hidden w-full">
                                                    <div class="flex flex-col justify-center items-start p-6 xl:p-8 relative z-10">
                                                        <div class="h3 max-w-[13ch] leading-1.2">Gelová pouzdra
                <br>
                s vlastním motivem</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Navrhnout vlastní pouzdro</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gelová pouzdra
                <br>
                s vlastním motivem" width="1010" height="508" loading="lazy" />
                                                </div>
                                                <div class="flex mb-4 gap-2">
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-local_shipping"></i>
                                                            <p class="notice__text"><strong>Doprava nad 1499,- ZDARMA</strong></p>
                                                        </div>
                                                    </div>
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-speed"></i>
                                                            <p class="notice__text"><strong>Objednejte do 12:00 a odešleme ještě DNES!</strong></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex items-center gap-4">
                                                    <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nevíte si s něčím rady</div>
                                                        <div class="mb-0">Volejte a pište Po–Pá 7–13.30</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Šipka" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@mpouzdra.cz" class="flex-center gap-2 font-bold">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-mail text-[24px] text-white"></i></div>
                                                        <span>info@mpouzdra.cz</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420604 489 850">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-call-40 text-[24px] text-white"></i></div>
                                                        <span>604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="vse-pro-vasi-domacnost" id="dropdownMenuButton0" aria-expanded="false">
                                    Domov                                </a>
                                <div class="megamenu__dropdown-menu" style="visibility: hidden;" aria-labelledby="dropdownMenuButton0">
                                                                            <div class="grid grid-cols-[1.6fr_1fr] xl:grid-cols-[2fr_1fr] gap-8">
                                            <div>
                                                <div class="grid grid-cols-4 xl:grid-cols-5 gap-2 auto-rows-max">
                                                                                                            <a href="siroka-nabidka-elektro-produktu" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/HYiZcpSc_b.webp" type="image/webp">
                                                                    <source srcset="images/category/HYiZcpSc_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/HYiZcpSc_b.jpg" alt="Elektro" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Elektro</div>
                                                        </a>
                                                                                                            <a href="hracky-pro-nejmensi" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/Rc34vOGa_b.webp" type="image/webp">
                                                                    <source srcset="images/category/Rc34vOGa_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/Rc34vOGa_b.jpg" alt="Hračky" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Hračky</div>
                                                        </a>
                                                                                                            <a href="vytvorte-si-magnetku-s-vlastnim-obrazkem" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/jCE8gdMJ_b.webp" type="image/webp">
                                                                    <source srcset="images/category/jCE8gdMJ_b.png" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/jCE8gdMJ_b.png" alt="Magnetky" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Magnetky</div>
                                                        </a>
                                                                                                            <a href="detske-puzzle-s-vlastni-fotografii" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/0WCagGcS_b.webp" type="image/webp">
                                                                    <source srcset="images/category/0WCagGcS_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/0WCagGcS_b.jpg" alt="Puzzle" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Puzzle</div>
                                                        </a>
                                                                                                            <a href="stylove-hrnky-s-vlastni-fotografii" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/SHGZ2UHH_b.webp" type="image/webp">
                                                                    <source srcset="images/category/SHGZ2UHH_b.png" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/SHGZ2UHH_b.png" alt="Hrnky" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Hrnky</div>
                                                        </a>
                                                                                                            <a href="samolepky-na-ze-do-domacnosti" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/E6qi3cLR_b.webp" type="image/webp">
                                                                    <source srcset="images/category/E6qi3cLR_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/E6qi3cLR_b.jpg" alt="Samolepky" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Samolepky</div>
                                                        </a>
                                                                                                            <a href="dekorace-do-domacnosti" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/ADRk1btS_b.webp" type="image/webp">
                                                                    <source srcset="images/category/ADRk1btS_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/ADRk1btS_b.jpg" alt="Dekorace" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Dekorace</div>
                                                        </a>
                                                                                                            <a href="zvireci-napichovatka-pro-vase-deti" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/DYSAEMMW_b.webp" type="image/webp">
                                                                    <source srcset="images/category/DYSAEMMW_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/DYSAEMMW_b.jpg" alt="Dětská napichovátka" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Dětská napichovátka</div>
                                                        </a>
                                                                                                            <a href="zajimave-vychytavky-pro-vasi-domacnost" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/LozGexVg_b.webp" type="image/webp">
                                                                    <source srcset="images/category/LozGexVg_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/LozGexVg_b.jpg" alt="Vychytávky" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Vychytávky</div>
                                                        </a>
                                                                                                            <a href="kvalitni-nano-lepici-pasky" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/uzR8J3cq_b.webp" type="image/webp">
                                                                    <source srcset="images/category/uzR8J3cq_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/uzR8J3cq_b.jpg" alt="Nano lepenky" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Nano lepenky</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="vse-pro-vasi-domacnost" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Zobrazit vše</span> <i class="icon icon-chevron_right ml-1 text-[1.1em]"></i>
                                                </a>
                                            </div>
                                            <div class="flex-col flex gap-y-4 items-end">
                                                <div class="flex relative rounded-2xl overflow-hidden w-full">
                                                    <div class="flex flex-col justify-center items-start p-6 xl:p-8 relative z-10">
                                                        <div class="h3 max-w-[13ch] leading-1.2">Gelová pouzdra
                <br>
                s vlastním motivem</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Navrhnout vlastní pouzdro</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gelová pouzdra
                <br>
                s vlastním motivem" width="1010" height="508" loading="lazy" />
                                                </div>
                                                <div class="flex mb-4 gap-2">
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-local_shipping"></i>
                                                            <p class="notice__text"><strong>Doprava nad 1499,- ZDARMA</strong></p>
                                                        </div>
                                                    </div>
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-speed"></i>
                                                            <p class="notice__text"><strong>Objednejte do 12:00 a odešleme ještě DNES!</strong></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex items-center gap-4">
                                                    <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nevíte si s něčím rady</div>
                                                        <div class="mb-0">Volejte a pište Po–Pá 7–13.30</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Šipka" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@mpouzdra.cz" class="flex-center gap-2 font-bold">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-mail text-[24px] text-white"></i></div>
                                                        <span>info@mpouzdra.cz</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420604 489 850">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-call-40 text-[24px] text-white"></i></div>
                                                        <span>604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="prislusenstvi-pro-mobily" id="dropdownMenuButton0" aria-expanded="false">
                                    Příslušenství                                </a>
                                <div class="megamenu__dropdown-menu" style="visibility: hidden;" aria-labelledby="dropdownMenuButton0">
                                                                            <div class="grid grid-cols-[1.6fr_1fr] xl:grid-cols-[2fr_1fr] gap-8">
                                            <div>
                                                <div class="grid grid-cols-4 xl:grid-cols-5 gap-2 auto-rows-max">
                                                                                                            <a href="prislusenstvi-pro-mobily/snurky-na-krk-pro-pouzdra" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/AKISe34K_b.webp" type="image/webp">
                                                                    <source srcset="images/category/AKISe34K_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/AKISe34K_b.jpg" alt="Šňůrky na krk pro pouzdra" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Šňůrky na krk pro pouzdra</div>
                                                        </a>
                                                                                                            <a href="nabijecky-na-mobil" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/iji8ZIWB_b.webp" type="image/webp">
                                                                    <source srcset="images/category/iji8ZIWB_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/iji8ZIWB_b.jpg" alt="Nabíječky na mobil" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Nabíječky na mobil</div>
                                                        </a>
                                                                                                            <a href="power-bank-externi-nabijecky" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/u3LUAY8W_b.webp" type="image/webp">
                                                                    <source srcset="images/category/u3LUAY8W_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/u3LUAY8W_b.jpg" alt="Powerbanky" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Powerbanky</div>
                                                        </a>
                                                                                                            <a href="prislusenstvi-pro-mobily/autonabijecky" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/0YK5Z54d_b.webp" type="image/webp">
                                                                    <source srcset="images/category/0YK5Z54d_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/0YK5Z54d_b.jpg" alt="Autonabíječky" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Autonabíječky</div>
                                                        </a>
                                                                                                            <a href="drzaky-a-stojanky-na-mobil" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/5E7NbbdZ_b.webp" type="image/webp">
                                                                    <source srcset="images/category/5E7NbbdZ_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/5E7NbbdZ_b.jpg" alt="Držáky a stojánky na mobil" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Držáky a stojánky na mobil</div>
                                                        </a>
                                                                                                            <a href="kabely-rozdvojky-a-redukce" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/So6LqEsN_b.webp" type="image/webp">
                                                                    <source srcset="images/category/So6LqEsN_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/So6LqEsN_b.jpg" alt="Kabely, rozdvojky a redukce" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Kabely, rozdvojky a redukce</div>
                                                        </a>
                                                                                                            <a href="sluchatka-a-reproduktory" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/wnBRRN6m_b.webp" type="image/webp">
                                                                    <source srcset="images/category/wnBRRN6m_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/wnBRRN6m_b.jpg" alt="Sluchátka a reproduktory" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Sluchátka a reproduktory</div>
                                                        </a>
                                                                                                            <a href="vychytavky-a-dopl-ky" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/l1OiPFAk_b.webp" type="image/webp">
                                                                    <source srcset="images/category/l1OiPFAk_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/l1OiPFAk_b.jpg" alt="Vychytávky a doplňky" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Vychytávky a doplňky</div>
                                                        </a>
                                                                                                            <a href="univerzalni-pouzdra-na-opasek-pro-mobilni-telefony" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/NhLIu0l9_b.webp" type="image/webp">
                                                                    <source srcset="images/category/NhLIu0l9_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/NhLIu0l9_b.jpg" alt="Pouzdra na opasek" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Pouzdra na opasek</div>
                                                        </a>
                                                                                                            <a href="pametove-karty-microsd" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/AtriYSnE_b.webp" type="image/webp">
                                                                    <source srcset="images/category/AtriYSnE_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/AtriYSnE_b.jpg" alt="Paměťové karty" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Paměťové karty</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="prislusenstvi-pro-mobily" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Zobrazit vše</span> <i class="icon icon-chevron_right ml-1 text-[1.1em]"></i>
                                                </a>
                                            </div>
                                            <div class="flex-col flex gap-y-4 items-end">
                                                <div class="flex relative rounded-2xl overflow-hidden w-full">
                                                    <div class="flex flex-col justify-center items-start p-6 xl:p-8 relative z-10">
                                                        <div class="h3 max-w-[13ch] leading-1.2">Gelová pouzdra
                <br>
                s vlastním motivem</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Navrhnout vlastní pouzdro</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gelová pouzdra
                <br>
                s vlastním motivem" width="1010" height="508" loading="lazy" />
                                                </div>
                                                <div class="flex mb-4 gap-2">
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-local_shipping"></i>
                                                            <p class="notice__text"><strong>Doprava nad 1499,- ZDARMA</strong></p>
                                                        </div>
                                                    </div>
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-speed"></i>
                                                            <p class="notice__text"><strong>Objednejte do 12:00 a odešleme ještě DNES!</strong></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex items-center gap-4">
                                                    <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nevíte si s něčím rady</div>
                                                        <div class="mb-0">Volejte a pište Po–Pá 7–13.30</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Šipka" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@mpouzdra.cz" class="flex-center gap-2 font-bold">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-mail text-[24px] text-white"></i></div>
                                                        <span>info@mpouzdra.cz</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420604 489 850">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-call-40 text-[24px] text-white"></i></div>
                                                        <span>604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="mmcase" id="dropdownMenuButton0" aria-expanded="false">
                                    mmCase                                </a>
                                <div class="megamenu__dropdown-menu" style="visibility: hidden;" aria-labelledby="dropdownMenuButton0">
                                                                            <div class="grid grid-cols-[1.6fr_1fr] xl:grid-cols-[2fr_1fr] gap-8">
                                            <div>
                                                <div class="grid grid-cols-4 xl:grid-cols-5 gap-2 auto-rows-max">
                                                                                                            <a href="mmcase/samsung" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/f3Ke9sza_b.webp" type="image/webp">
                                                                    <source srcset="images/category/f3Ke9sza_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/f3Ke9sza_b.jpg" alt="Samsung" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Samsung</div>
                                                        </a>
                                                                                                            <a href="mmcase/huawei" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/IHLv2uxS_b.webp" type="image/webp">
                                                                    <source srcset="images/category/IHLv2uxS_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/IHLv2uxS_b.jpg" alt="Huawei" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Huawei</div>
                                                        </a>
                                                                                                            <a href="mmcase/xiaomi" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/oxVfzb7O_b.webp" type="image/webp">
                                                                    <source srcset="images/category/oxVfzb7O_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/oxVfzb7O_b.jpg" alt="Xiaomi" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Xiaomi</div>
                                                        </a>
                                                                                                            <a href="mmcase/apple" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/wkPu8as1_b.webp" type="image/webp">
                                                                    <source srcset="images/category/wkPu8as1_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/wkPu8as1_b.jpg" alt="Apple" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Apple</div>
                                                        </a>
                                                                                                            <a href="mmcase/honor" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/e22y27jB_b.webp" type="image/webp">
                                                                    <source srcset="images/category/e22y27jB_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/e22y27jB_b.jpg" alt="Honor" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Honor</div>
                                                        </a>
                                                                                                            <a href="mmcase/nokia" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/eb7aH16x_b.webp" type="image/webp">
                                                                    <source srcset="images/category/eb7aH16x_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/eb7aH16x_b.jpg" alt="Nokia" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Nokia</div>
                                                        </a>
                                                                                                            <a href="mmcase/realme" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/ZdxAmNBL_b.webp" type="image/webp">
                                                                    <source srcset="images/category/ZdxAmNBL_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/ZdxAmNBL_b.jpg" alt="Realme" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Realme</div>
                                                        </a>
                                                                                                            <a href="mmcase/vivo" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/tBe03NB1_b.webp" type="image/webp">
                                                                    <source srcset="images/category/tBe03NB1_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/tBe03NB1_b.jpg" alt="VIVO" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">VIVO</div>
                                                        </a>
                                                                                                            <a href="mmcase/motorola" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/lGOUK8wO_b.webp" type="image/webp">
                                                                    <source srcset="images/category/lGOUK8wO_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/lGOUK8wO_b.jpg" alt="Motorola" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Motorola</div>
                                                        </a>
                                                                                                            <a href="obaly-kryty-a-pouzdra-mmcase-pro-telefony-google-pixel" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/PMWt7yZu_b.webp" type="image/webp">
                                                                    <source srcset="images/category/PMWt7yZu_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/PMWt7yZu_b.jpg" alt="Google" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Google</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="mmcase" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Zobrazit vše</span> <i class="icon icon-chevron_right ml-1 text-[1.1em]"></i>
                                                </a>
                                            </div>
                                            <div class="flex-col flex gap-y-4 items-end">
                                                <div class="flex relative rounded-2xl overflow-hidden w-full">
                                                    <div class="flex flex-col justify-center items-start p-6 xl:p-8 relative z-10">
                                                        <div class="h3 max-w-[13ch] leading-1.2">Gelová pouzdra
                <br>
                s vlastním motivem</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Navrhnout vlastní pouzdro</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gelová pouzdra
                <br>
                s vlastním motivem" width="1010" height="508" loading="lazy" />
                                                </div>
                                                <div class="flex mb-4 gap-2">
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-local_shipping"></i>
                                                            <p class="notice__text"><strong>Doprava nad 1499,- ZDARMA</strong></p>
                                                        </div>
                                                    </div>
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-speed"></i>
                                                            <p class="notice__text"><strong>Objednejte do 12:00 a odešleme ještě DNES!</strong></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex items-center gap-4">
                                                    <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nevíte si s něčím rady</div>
                                                        <div class="mb-0">Volejte a pište Po–Pá 7–13.30</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Šipka" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@mpouzdra.cz" class="flex-center gap-2 font-bold">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-mail text-[24px] text-white"></i></div>
                                                        <span>info@mpouzdra.cz</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420604 489 850">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-call-40 text-[24px] text-white"></i></div>
                                                        <span>604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="reminky-a-chytre-hodinky" id="dropdownMenuButton0" aria-expanded="false">
                                    Chytré hodinky                                </a>
                                <div class="megamenu__dropdown-menu" style="visibility: hidden;" aria-labelledby="dropdownMenuButton0">
                                                                            <div class="grid grid-cols-[1.6fr_1fr] xl:grid-cols-[2fr_1fr] gap-8">
                                            <div>
                                                <div class="grid grid-cols-4 xl:grid-cols-5 gap-2 auto-rows-max">
                                                                                                            <a href="reminky-pro-hodinky-apple-watch" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/yIcFgobR_b.webp" type="image/webp">
                                                                    <source srcset="images/category/yIcFgobR_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/yIcFgobR_b.jpg" alt="Apple Watch" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Apple Watch</div>
                                                        </a>
                                                                                                            <a href="chytre-hodinky-xiaomi-band" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/QksOZ0Fp_b.webp" type="image/webp">
                                                                    <source srcset="images/category/QksOZ0Fp_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/QksOZ0Fp_b.jpg" alt="Bandy Xiaomi" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Bandy Xiaomi</div>
                                                        </a>
                                                                                                            <a href="obaly-reminky-fitbit" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/ut6CdxEo_b.webp" type="image/webp">
                                                                    <source srcset="images/category/ut6CdxEo_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/ut6CdxEo_b.jpg" alt="Fitbit" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Fitbit</div>
                                                        </a>
                                                                                                            <a href="reminky-k-chytrym-hodinkam" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/2INGtRqw_b.webp" type="image/webp">
                                                                    <source srcset="images/category/2INGtRqw_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/2INGtRqw_b.jpg" alt="Řemínky" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Řemínky</div>
                                                        </a>
                                                                                                            <a href="usb-kabely-pro-chytre-hodinky" class="brand-tile">
                                                            <div class="brand-tile__image">
                                                                <picture>
                                                                    <source srcset="images/category/jd4ONqfd_b.webp" type="image/webp">
                                                                    <source srcset="images/category/jd4ONqfd_b.jpg" type="image/jpeg">
                                                                    <img loading="lazy" src="images/category/jd4ONqfd_b.jpg" alt="USB kabely" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">USB kabely</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="reminky-a-chytre-hodinky" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Zobrazit vše</span> <i class="icon icon-chevron_right ml-1 text-[1.1em]"></i>
                                                </a>
                                            </div>
                                            <div class="flex-col flex gap-y-4 items-end">
                                                <div class="flex relative rounded-2xl overflow-hidden w-full">
                                                    <div class="flex flex-col justify-center items-start p-6 xl:p-8 relative z-10">
                                                        <div class="h3 max-w-[13ch] leading-1.2">Gelová pouzdra
                <br>
                s vlastním motivem</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Navrhnout vlastní pouzdro</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gelová pouzdra
                <br>
                s vlastním motivem" width="1010" height="508" loading="lazy" />
                                                </div>
                                                <div class="flex mb-4 gap-2">
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-local_shipping"></i>
                                                            <p class="notice__text"><strong>Doprava nad 1499,- ZDARMA</strong></p>
                                                        </div>
                                                    </div>
                                                    <div class="notice notice--inverted notice--centered !py-2">
                                                        <div class="notice__item">
                                                            <i class="notice__icon icon icon-speed"></i>
                                                            <p class="notice__text"><strong>Objednejte do 12:00 a odešleme ještě DNES!</strong></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="flex items-center gap-4">
                                                    <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nevíte si s něčím rady</div>
                                                        <div class="mb-0">Volejte a pište Po–Pá 7–13.30</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Šipka" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@mpouzdra.cz" class="flex-center gap-2 font-bold">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-mail text-[24px] text-white"></i></div>
                                                        <span>info@mpouzdra.cz</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420604 489 850">
                                                        <div class="bg-primary w-10 h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-call-40 text-[24px] text-white"></i></div>
                                                        <span>604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                                </div>
                            </li>
                    </ul>
                </div>

                <div class="relative" data-te-dropdown-ref>
                    <button class="hidden lg:!flex xl:!hidden lg:flex-center gap-1" type="button" id="dropdownOnakupu" data-te-dropdown-toggle-ref aria-expanded="false">O nákupu <i class="icon icon-expand_more text-[20px]"></i></button>
                    <ul aria-labelledby="dropdownOnakupu" data-te-dropdown-menu-ref class="xl:!flex gap-4 xl-max:gap-2 xl-max:absolute xl-max:right-0 z-[1000] xl-max:p-4 xl-max:hidden xl-max:min-w-max list-none overflow-hidden rounded-lg border-none bg-white bg-clip-padding text-left text-base xl-max:shadow-dropdown [&[data-te-dropdown-show]]:flex [&[data-te-dropdown-show]]:flex-col xl:!flex-row xl:!opacity-100">
                                                    <li class="menu-item"><a href="blog-a-poradna">Blog</a></li>
                                                    <li class="menu-item"><a href="/reklamace-a-vraceni-zbozi">Reklamace</a></li>
                                                    <li class="menu-item"><a href="/doprava-a-dodaci-lhuty">Doprava</a></li>
                                                    <li class="menu-item"><a href="/kde-nas-najdete-a-jak-k-nam">Kontakt</a></li>
                                            </ul>
                </div>
            </div>
        </div>
    </nav>
<main class="min-h-[80vh] lg:mt-5">
    <div class="container">
        <div class="grid-12 grid-category">
            <!-- SCHEMA.ORG BREADCRUMBS (strukturovaná data) -->
            <nav class="breadcrumbs mb-4 lg:mb-5 [grid-area:bread]" itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
                <ol>
                    <li>
                        <span class="breadcrumbs-link">
                            <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                <a itemprop="item" href="/">
                                    <i class="icon icon-home mr-1"></i>
                                    <span class="flex items-center gap-1" itemprop="name">Úvodní stránka</span>
                                </a>
                                <meta itemprop="position" content="1" />
                            </span>
                        </span>
                    </li>
                    <li class="breadcrumbs-separator" aria-hidden="true">/</li>
                                                                        <li>
                                <span class="breadcrumbs-link">
                                    <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                        <a itemprop="item" href="obaly-pouzdra-a-kryty-na-mobil">
                                            <span itemprop="name">Obaly, pouzdra a kryty na mobil</span>
                                        </a>
                                        <meta itemprop="position" content="2" />
                                    </span>
                                </span>
                            </li>
                            <li class="breadcrumbs-separator" aria-hidden="true">/</li>
                        
                                                                        <li>
                                <span class="breadcrumbs-link">
                                    <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                        <a itemprop="item" href="samsung">
                                            <span itemprop="name">SAMSUNG</span>
                                        </a>
                                        <meta itemprop="position" content="3" />
                                    </span>
                                </span>
                            </li>
                            <li class="breadcrumbs-separator" aria-hidden="true">/</li>
                        
                                                                        <li>
                                <span class="breadcrumbs-link">
                                    <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                        <a itemprop="item" href="obaly-kryty-a-pouzdra-z-rady-samsung-galaxy-a">
                                            <span itemprop="name">Řada Samsung Galaxy A</span>
                                        </a>
                                        <meta itemprop="position" content="4" />
                                    </span>
                                </span>
                            </li>
                            <li class="breadcrumbs-separator" aria-hidden="true">/</li>
                        
                                                                        <li>
                                <span class="breadcrumbs-link">
                                    <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                        <a itemprop="item" href="obaly-a-pouzdra-na-mobil-samsung-galaxy-a22-5g">
                                            <span itemprop="name">Galaxy A22 5G</span>
                                        </a>
                                        <meta itemprop="position" content="5" />
                                    </span>
                                </span>
                            </li>
                            <li class="breadcrumbs-separator" aria-hidden="true">/</li>
                        
                                            
                            <li>
                                <span class="breadcrumbs-link">
                                    <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                        <span itemprop="name">Gelové obaly</span>
                                        <meta itemprop="link" content=https://mpouzdra.cz/obaly-a-pouzdra-na-mobil-samsung-galaxy-a22-5g/gelove-obaly/?page=14" />
                                        <meta itemprop="position" content="6" />
                                    </span>
                                </span>
                            </li>
                        
                    

                </ol>
            </nav>

            <div class="[grid-area:content]">
                <h1 class="sm-max:text-[18px] !mb-8">Gelové kryty a pouzdra na mobil Samsung Galaxy A22 5G</h1>
                <div class="description">
                                    </div>
                
                
                                    <div class="mobile-collapse md-max:mb-4 mt-8">
                        <div class="grid gap-2 grid-cols-2 sm:grid-cols-3 md:grid-cols-5 lg:grid-cols-6 xl:grid-cols-6 2xl:grid-cols-7 mobile-collapse__wrapper">
                                                    </div>

                        

                        <div class="relative-controls w-full justify-center sm-max:hidden !h-auto !mb-1"></div>
                        <div class="mobile-collapse__button">
                            Zobrazit další                            <i class="icon icon-expand_more"></i>
                        </div>
                    </div>
                


                



                <!--
                    <h2 class="h4 !mb-0 sm-max:hidden"></h2>
                    <div class="flex items-center gap-4 sm:hidden">
                        <img src="./images/svg/maskot/palec.svg" alt="" width="68" height="64" loading="lazy" />
                        <p class="mb-0">
                                                    </p>
                        <img src="./images/svg/misc/sipka-dolu.svg" alt="" width="26" height="36" loading="lazy" />
                    </div>
                    <div class="mb-4 xl-max:-mx-4">
                        <div class="swiper swiper-init swiper-scrollable" data-arrows data-config="categoryScrollbar">
                            <div class="swiper-wrapper">

                                                                    <div class="swiper-slide">
                                        <a class="flex gap-3 group" href="">
                                            <div class="swiper-scrollable__thumb">
                                                <img src="images/products/" alt="" width="286" height="300" />
                                            </div>
                                            <div class="group-hover:text-mblack">
                                                <span class="font-bold line-clamp-3 leading-1.2"></span>
                                                <span class="text-primary font-bold mt-1"> </span>
                                            </div>
                                        </a>
                                    </div>
                                
                            </div>

                            <div class="swiper-scrollbar xl-max:mx-4 xl-max:!w-[calc(100%-2rem)]"></div>
                        </div>
                    </div>
                -->            </div>

            <div class="[grid-area:products] h-max">

                <ul class="category-tabs mb-4 mt-4 md-max:hidden" id="productListTop">

                    <li role="presentation">
    <a href="#" class="active" onclick="$('#sortId').val('default');filterDataCat();return false;">Doporučené</a>
</li>
<li role="presentation">
    <a href="#"  onclick="$('#sortId').val('sold');filterDataCat();return false;">Nejprodávanější</a>
</li>
<li role="presentation">
    <a href="#"  onclick="$('#sortId').val('visited');filterDataCat();return false;">Navštěvované</a>
</li>
<li role="presentation">
    <a href="#"  onclick="$('#sortId').val('price');filterDataCat();return false;">Od nejlevnějšího</a>
</li>
<li role="presentation">
    <a href="#"  onclick="$('#sortId').val('pricedesc');filterDataCat();return false;">Od nejdražšího</a>
</li>
<li class="hidden xl-max:!inline-flex">
    <select data-te-class-form-outline="relative styled-select styled-select--minimal" id="sortingSelect1" onchange="$('#sortId').val(this.options[this.selectedIndex].value);filterDataCat();">
        <option value="default" selected>Doporučené</option>
        <option value="sold" >Nejprodávanější</option>
        <option value="visited" >Navštěvované</option>
        <option value="price" >Od nejlevnějšího</option>
        <option value="pricedesc" >Od nejdražšího</option>
    </select>
</li>
<li class="!inline-flex xl:!hidden">
    <button class="button button--square ml-2" type="button" data-te-offcanvas-toggle data-te-target="#sideMenu" aria-controls="sideMenu" data-te-ripple-init data-te-ripple-color="light">
        <i class="icon icon-tune text-[1.1em] mr-1"></i>
        Filtrace    </button>
</li>
<li class="flex flex-1 justify-end !hidden md:!inline-flex">
    <ol class="pagination pagination--small">
        <li class="pagination__total">Celkem 904</li>
                    <li>
                <a href="#" class="group-hover:text-mblack paginationSet toTop" data-page="13">
                    <span class="sr-only">Předchozí strana</span>
                    <i class="icon icon-chevron_left"></i>
                </a>
            </li>
                <li class="border-none font-bold flex gap-1 !w-auto">
            <span>14</span>
            z            <span>57</span>
        </li>
                    <li>
                <a href="#" class="paginationSet toTop" data-page="15">
                    <span class="sr-only">Další strana</span>
                    <i class="icon icon-chevron_right font-bold"></i>
                </a>
            </li>
            </ol>
</li>
    <li class="flex ml-6 !hidden md:!inline-flex">
        <ol class="pagination pagination--small">
            <li class="pagination__total">Zobrazit</li>
            <li>
                <select class="pagerdrop" onchange="$('#limit').val(this.options[this.selectedIndex].value);filterDataCat();">
                    <option value="16" selected>16</option>
                    <option value="24" >24</option>
                    <option value="32" >32</option>
                    <option value="40" >40</option>
                </select>
            </li>
        </ol>
    </li>
<!--    -->
                </ul>

                <div id="productList">    <div class="sm:!grid sm:!grid-cols-2 lg:!grid-cols-3 2xl:!grid-cols-4 category-view " id="spage" data-spage="14">

        <a href="gelovy-kryt-mmcase-na-samsung-galaxy-a22-5g-roztomila-panda" class="product-tile swiper-slide " title="Gelový kryt mmCase na Samsung Galaxy A22 5G - roztomilá panda">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/v3XkivcK_s.webp" />
            <source type="image/jpg" srcset="images/products/v3XkivcK_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na Samsung Galaxy A22 5G - roztomilá panda" srcset="images/products/v3XkivcK_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na Samsung Galaxy A22 5G - roztomilá panda</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-samsung-galaxy-a22-5g-abstrakt-26" class="product-tile swiper-slide " title="Gelový kryt mmCase na Samsung Galaxy A22 5G - abstrakt 26">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/akuaknRc_s.webp" />
            <source type="image/jpg" srcset="images/products/akuaknRc_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na Samsung Galaxy A22 5G - abstrakt 26" srcset="images/products/akuaknRc_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na Samsung Galaxy A22 5G - abstrakt 26</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-samsung-galaxy-a22-5g-privesek-love" class="product-tile swiper-slide " title="Gelový kryt mmCase na Samsung Galaxy A22 5G - přívěsek love">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/bPifY63F_s.webp" />
            <source type="image/jpg" srcset="images/products/bPifY63F_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na Samsung Galaxy A22 5G - přívěsek love" srcset="images/products/bPifY63F_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na Samsung Galaxy A22 5G - přívěsek love</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-samsung-galaxy-a22-5g-kvetiny-9" class="product-tile swiper-slide " title="Gelový kryt mmCase na Samsung Galaxy A22 5G - květiny 9">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/hIekIfiP_s.webp" />
            <source type="image/jpg" srcset="images/products/hIekIfiP_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na Samsung Galaxy A22 5G - květiny 9" srcset="images/products/hIekIfiP_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na Samsung Galaxy A22 5G - květiny 9</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-samsung-galaxy-a22-5g-kvetiny-8" class="product-tile swiper-slide " title="Gelový kryt mmCase na Samsung Galaxy A22 5G - květiny 8">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/j7wMW6HJ_s.webp" />
            <source type="image/jpg" srcset="images/products/j7wMW6HJ_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na Samsung Galaxy A22 5G - květiny 8" srcset="images/products/j7wMW6HJ_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na Samsung Galaxy A22 5G - květiny 8</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kvet-hortenzie.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - květ hortenzie">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kvet-hortenzie-x3qzxi_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kvet-hortenzie-x3qzxi_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - květ hortenzie" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kvet-hortenzie-x3qzxi_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - květ hortenzie</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-beruska.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - beruška">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-beruska-xi04w9_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-beruska-xi04w9_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - beruška" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-beruska-xi04w9_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - beruška</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-stenatka.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - štěňátka">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-ste-atka-pb7yfu_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-ste-atka-pb7yfu_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - štěňátka" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-ste-atka-pb7yfu_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - štěňátka</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kotatko.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - koťátko">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-ko-atko-uh6txt_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-ko-atko-uh6txt_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - koťátko" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-ko-atko-uh6txt_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - koťátko</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-abstrakt-17.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - abstrakt 17">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-abstrakt-17-1ko5ez_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-abstrakt-17-1ko5ez_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - abstrakt 17" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-abstrakt-17-1ko5ez_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - abstrakt 17</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-abstrakt-14.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - abstrakt 14">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-abstrakt-14-lk0cnd_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-abstrakt-14-lk0cnd_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - abstrakt 14" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-abstrakt-14-lk0cnd_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - abstrakt 14</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kostlivci.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - kostlivci">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kostlivci-wi0aky_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kostlivci-wi0aky_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - kostlivci" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kostlivci-wi0aky_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - kostlivci</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-holcicka-s-kloboukem.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - holčička s kloboukem">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-holcicka-s-kloboukem-r6kf9e_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-holcicka-s-kloboukem-r6kf9e_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - holčička s kloboukem" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-holcicka-s-kloboukem-r6kf9e_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - holčička s kloboukem</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-relax-1.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - relax 1">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-relax-1-z6oebo_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-relax-1-z6oebo_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - relax 1" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-relax-1-z6oebo_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - relax 1</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-mandala.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - mandala">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-mandala-slzqg5_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-mandala-slzqg5_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - mandala" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-mandala-slzqg5_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - mandala</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a><a href="gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kreslene-padajici-listy.html" class="product-tile swiper-slide " title="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - kreslené padající listy">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kreslene-padajici-listy-j2mtgq_s.webp" />
            <source type="image/jpg" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kreslene-padajici-listy-j2mtgq_s.jpg" />
            <img loading="lazy" alt="Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - kreslené padající listy" srcset="images/products/gelovy-kryt-mmcase-na-mobil-samsung-galaxy-a22-5g-kreslene-padajici-listy-j2mtgq_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - kreslené padající listy</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        289 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
    
        <button type="button" class="product-tile__buy button">
            Detail        </button>

    </a>    </div>
            <div class="w-full mt-4 flex lg:justify-between flex-wrap justify-center gap-y-4 paginationContent">
                            <button class="button button--square loadNextProducts" data-te-ripple-init data-te-ripple-color="light" data-page="15">
                    Zobrazit dalších 16 produktů                    <i class="icon icon-expand_more text-[1.1em]"></i>
                </button>
            
            <ol class="pagination">
                                    <li>
                        <a data-page="13" href="#" class="group-hover:text-mblack paginationSet toTop">
                            <span class="sr-only">Předchozí strana</span>
                            <i class="icon icon-chevron_left"></i>
                        </a>
                    </li>
                
                                    
                    <li class="">
                        <a class="paginationSet toTop" data-page="1" href="#">1</a>
                    </li>
                                    
                        <li class="border-none">...</li>
                    
                    <li class="">
                        <a class="paginationSet toTop" data-page="12" href="#">12</a>
                    </li>
                                    
                    <li class="">
                        <a class="paginationSet toTop" data-page="13" href="#">13</a>
                    </li>
                                    
                    <li class="active">
                        <a class="paginationSet toTop" data-page="14" href="#">14</a>
                    </li>
                                    
                    <li class="">
                        <a class="paginationSet toTop" data-page="15" href="#">15</a>
                    </li>
                                    
                    <li class="">
                        <a class="paginationSet toTop" data-page="16" href="#">16</a>
                    </li>
                                    
                        <li class="border-none">...</li>
                    
                    <li class="">
                        <a class="paginationSet toTop" data-page="57" href="#">57</a>
                    </li>
                                                    <li>
                        <a href="#" data-page="15" class="group-hover:text-mblack paginationSet toTop">
                            <span class="sr-only">pager_nasledujici-strana</span>
                            <i class="icon icon-chevron_right"></i>
                        </a>
                    </li>
                
            </ol>
        </div>
            </div>

                
                                        <input type=hidden class="filterData sort" id="sortId" value="default">
                    <input type=hidden class="filterData limit" id="limit" data-defaultPag="16" value="16">
                    <input type=hidden class="filterData page" id="actPage" value="14">

                    <input class="filterData loadType" type="hidden" name="loadType" value='0'>
                
                


            </div>
            <div class="[grid-area:sidebar]" tabindex="-1" id="sideMenu" data-te-offcanvas-init>
                <div class="grid grid-cols-2 gap-2 md:hidden relative md-max:my-4">
                    <select class="group-hover:text-mblack" data-te-class-form-outline="relative styled-select styled-select--minimal" id="sortingSelect2" onchange="$('#sortId').val(this.options[this.selectedIndex].value);filterDataCat();">
                        <option value="default" selected>Doporučené</option>
                        <option value="sold" >Nejprodávanější</option>
                        <option value="visited" >Navštěvované</option>
                        <option value="price" >Od nejlevnějšího</option>
                        <option value="pricedesc" >Od nejdražšího</option>
                    </select>
                    <button class="button button--square group peer items-center" type="button" data-te-collapse-init data-te-ripple-init data-te-ripple-color="light" data-te-target="#collapseMobileFilter" aria-expanded="false" aria-controls="collapseMobileFilter" data-te-collapse-collapsed>
                        <i class="icon icon-tune text-[1.1em] mr-1 group-[&:not([data-te-collapse-collapsed])]:hidden"></i>
                        <span>Filtrace</span>
                        <i class="icon icon-close text-[1.2em] group-[[data-te-collapse-collapsed]]:hidden"></i>
                    </button>
                    <div class="respo-bg peer-[&:not([data-te-collapse-collapsed])]:!bg-white-smoke-3"></div>
                </div>
                <div class="!visible hidden md:!visible md:!flex md:flex-col md-max:-mx-4" id="collapseMobileFilter" data-te-collapse-item>
                    <!-- TLACITKO ZPET -->

                    
                        <a href="obaly-a-pouzdra-na-mobil-samsung-galaxy-a22-5g" class="button button--bordered mb-7 self-start gap-1 font-bold xl-max:hidden">
                            <i class="icon icon-chevron_left"></i>
                            Galaxy A22 5G                        </a>
                    
                    <!-- BOCNI MENU -->
                    <nav class="side-menu mb-4 xl-max:hidden">
                        <ul>
                                                            <li>
                                                                            <div>Obaly, pouzdra a kryty na mobil</div>
                                                                                    <div class="side-menu__tree">
                                                                                                    <a href="samsung" class="active">SAMSUNG</a>

                                                    
                                                                                                            <a href="huawei" >HUAWEI</a>

                                                    
                                                                                                            <a href="xiaomi" >XIAOMI</a>

                                                    
                                                                                                            <a href="obaly-pouzdra-a-kryty-na-mobil/apple" >APPLE</a>

                                                    
                                                                                                            <a href="pouzdra-obaly-na-telefony-honor" >Honor</a>

                                                                                                            <div>
                                                            <div class="!visible hidden flex flex-col side-menu__collapse" id="collapseSideNav" data-te-collapse-item>
                                                            
                                                                                                            <a href="nokia" >NOKIA</a>

                                                    
                                                                                                            <a href="sony" >SONY</a>

                                                    
                                                                                                            <a href="obaly-pouzdra-google" >Google</a>

                                                    
                                                                                                            <a href="pouzdra-obaly-motorola-moto" >Motorola</a>

                                                    
                                                                                                            <a href="realme-obaly-kryty-a-pouzdra" >Realme</a>

                                                    
                                                                                                            <a href="oppo-obaly-pouzdra-a-kryty" >Oppo</a>

                                                    
                                                                                                            <a href="vivo-obaly-pouzdra-a-kryty" >VIVO</a>

                                                    
                                                                                                            <a href="pouzdra-kryty-a-obaly-na-mobilni-telefony-t-mobile" >T-Mobile</a>

                                                    
                                                                                                            <a href="pouzdra-a-obaly-podle-aktivity-a-pouziti" >Pouzdra a obaly podle aktivity a použití</a>

                                                    
                                                        
                                                        
                                                            </div>
                                                            <a data-te-collapse-collapsed class="text-primary group flex items-center gap-1" data-te-collapse-init data-te-ripple-init data-te-ripple-color="light" href="#collapseSideNav" role="button" aria-expanded="false" aria-controls="collapseSideNav">
                                                                <span class="hidden group-[[data-te-collapse-collapsed]]:inline">Více</span>
                                                                <span class="inline group-[[data-te-collapse-collapsed]]:hidden">Méně</span>
                                                                <span class="hidden group-[[data-te-collapse-collapsed]]:inline">(9)</span>
                                                                <span class="flex-center h-4 w-4 shrink-0 rotate-[-180deg] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:mr-0 group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none origin-center">
                                                                    <i class="icon icon-expand_more text-[20px]"></i>
                                                                </span>
                                                            </a>
                                                                                                                </div>
                                                    

                                                                                </li>
                                                            <li>
                                                                            <a href="obaly-a-kryty-na-tablet">Obaly a pouzdra na tablety</a>
                                                                    </li>
                                                            <li>
                                                                            <a href="ochranne-folie-a-tvrzena-skla">Ochranné fólie a tvrzená skla</a>
                                                                    </li>
                                                            <li>
                                                                            <a href="kryty-na-mobil-s-vlastni-fotografii-motivem">Kryty na mobil s vlastní fotografií</a>
                                                                    </li>
                                                            <li>
                                                                            <a href="vse-pro-vasi-domacnost">Domov</a>
                                                                    </li>
                                                            <li>
                                                                            <a href="prislusenstvi-pro-mobily">Příslušenství</a>
                                                                    </li>
                                                            <li>
                                                                            <a href="mmcase">mmCase</a>
                                                                    </li>
                                                            <li>
                                                                            <a href="reminky-a-chytre-hodinky">Chytré hodinky</a>
                                                                    </li>
                                                    </ul>
                    </nav>

                    <!-- MODRE NOTICY -->
                    <div class="notice mb-2 xl-max:hidden">
                        <div class="notice__item">
                            <i class="notice__icon icon icon-local_shipping"></i>
                            <p class="notice__text font-bold"><strong>Doprava nad 1499,- ZDARMA</strong></p>
                        </div>
                    </div>

                    <div class="notice xl-max:hidden">
                        <div class="notice__item">
                            <i class="notice__icon icon icon-speed"></i>
                            <p class="notice__text font-bold"><strong>Objednejte do 12:00 a odešleme ještě DNES!</strong></p>
                        </div>
                    </div>

                    <div class="flex items-center gap-4 my-8 xl-max:hidden">
                        <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                        <p class="mb-0">
                            Vybírejte ze <strong class="text-primary">všech produktů</strong>, nebo zkuste filtrovat                        </p>
                        <img src="./images/svg/misc/sipka-dolu.svg" alt="Šipka" width="26" height="36" loading="lazy" />
                    </div>

                    <!-- FILTRACE -->
                    <div id="categorySidebar">

                        <div id="siderbarFilters">
    <div class="relative">
        <div class="flex items-center justify-between xl-max:p-4 xl:mb-2 md-max:hidden">
            <h4 class="!mb-0">Filtrace</h4>
                            <button class="font-bold flex-center gap-1 hover:text-primary" onclick="resetSidebarFilters()">
                    <i class="icon icon-close text-[18px]"></i>
                    Zrušit všechny filtry                </button>
                    </div>

        <div class="bg-white-smoke-3 p-4 sm-max:pt-2 xl:rounded-t-lg">
            <h4 class="f5 !mb-4">Cena a dostupnost</h4>
            <div class="range-slider mb-6" id="priceSlider" data-vat="1.21" data-step="1" data-min="99" data-max="399" data-start="0" data-stop="10000001"></div>
            <div class="grid grid-cols-[1fr_auto_1fr] gap-2 items-center">
                <div class="input-price">
                    <input type="number" name="priceMin" aria-label="cena od" id="priceMin" name="pFrom" data-default="99" class="filterData priceFrom w-full !border !rounded-md !py-[7px] !bg-white focus:!border-primary" />
                    <span class="input-postfix">Kč</span>
                </div>
                <span>až</span>
                <div class="input-price">
                    <input type="number" name="priceMax" aria-label="cena do" id="priceMax" data-default="399" class="filterData priceTo w-full !border !rounded-md !py-[7px] !bg-white focus:!border-primary" />
                    <span class="input-postfix">Kč</span>
                </div>
            </div>
        </div>
    </div>

    <div class="relative">
        <!--
        <div class="bg-white-smoke-3 p-4 sm-max:pt-2">

            <div class="grid grid-cols-2 gap-2">
                <div class="check-button" data-te-ripple-init data-te-ripple-color="light">
                    <input type="checkbox" class="hidden filterData flag" id="parflag_stock" name="flag[stock]"  />
                    <label for="parflag_stock" class="check-button__label">
                        <span class="checkbox-icon">
                            <i class="icon icon-done"></i>
                        </span>
                        <span class="check-button__content">
                            Skladem                            <span>18</span>
                        </span>
                    </label>
                </div>

                <div class="check-button" data-te-ripple-init data-te-ripple-color="light">
                    <input type="checkbox" class="hidden filterData flag" id="parflag_new" name="flag[new]"  />
                    <label for="parflag_new" class="check-button__label">
                        <span class="checkbox-icon">
                            <i class="icon icon-done"></i>
                        </span>
                        <span class="check-button__content">
                            Novinky                            <span>0</span>
                        </span>
                    </label>
                </div>

            </div>
        </div>
        -->
        
            <h4 class="f5 !mb-0 border-t border-light-gray">
                <button class="group relative flex justify-between p-4 [&[data-te-collapse-collapsed]]:bg-white-smoke-3 w-full items-center rounded-none border-0 text-left transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none" type="button" data-te-collapse-init data-te-target="#par_60-collapse" aria-expanded="true" aria-controls="par_60-collapse" >
                    Typ pouzdra                    <span class="flex-center h-4 w-4 shrink-0 rotate-[-180deg] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:mr-0 group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none origin-center">
                        <i class="icon icon-expand_more text-[20px]"></i>
                    </span>
                </button>
            </h4>
            <div id="par_60-collapse" class="!visible w-full px-4 " data-te-collapse-item data-te-collapse-show>
                <div class="grid gap-2 mb-4">
                                            <div class="check-button" data-te-ripple-init data-te-ripple-color="light">
                            <input type="checkbox" id="parval_438201" class="hidden filterData parameter" name="par[60][438201]"  />
                            <label for="parval_438201" class="check-button__label">
                                <span class="checkbox-icon">
                                    <i class="icon icon-done"></i>
                                </span>
                                <span class="check-button__content">
                                    Gelové                                    <span>903</span>
                                </span>
                            </label>
                        </div>
                                            <div class="check-button" data-te-ripple-init data-te-ripple-color="light">
                            <input type="checkbox" id="parval_438203" class="hidden filterData parameter" name="par[60][438203]"  />
                            <label for="parval_438203" class="check-button__label">
                                <span class="checkbox-icon">
                                    <i class="icon icon-done"></i>
                                </span>
                                <span class="check-button__content">
                                    Odolné                                    <span>1</span>
                                </span>
                            </label>
                        </div>
                                        </div>
                                </div>

        
            <h4 class="f5 !mb-0 border-t border-light-gray">
                <button class="group relative flex justify-between p-4 [&[data-te-collapse-collapsed]]:bg-white-smoke-3 w-full items-center rounded-none border-0 text-left transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none" type="button" data-te-collapse-init data-te-target="#par_54-collapse" aria-expanded="true" aria-controls="par_54-collapse" >
                    Barva                    <span class="flex-center h-4 w-4 shrink-0 rotate-[-180deg] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:mr-0 group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none origin-center">
                        <i class="icon icon-expand_more text-[20px]"></i>
                    </span>
                </button>
            </h4>
            <div id="par_54-collapse" class="!visible w-full px-4 " data-te-collapse-item data-te-collapse-show>
                <div class="grid grid-cols-4 gap-4 mb-4">
                                            <input type="checkbox" id="parval_438132" class="hidden filterData parameter" name="par[54][438132]"  />
                        <label for="parval_438132" class="check-button__label param-circle ">
                            <span style="background-color: #0000FF                                    "></span>
                            <span>modrá</span>
                        </label>
                                            <input type="checkbox" id="parval_438141" class="hidden filterData parameter" name="par[54][438141]"  />
                        <label for="parval_438141" class="check-button__label param-circle ">
                            <span style="background-color: #ffffff                                    ;border: 1px solid #707070"></span>
                            <span>vícebarevné</span>
                        </label>
                                            <input type="checkbox" id="parval_438144" class="hidden filterData parameter" name="par[54][438144]"  />
                        <label for="parval_438144" class="check-button__label param-circle ">
                            <span style="background-color: #ffffff                                    ;border: 1px solid #707070"></span>
                            <span>průhledná</span>
                        </label>
                                        </div>
                                </div>

        
            <h4 class="f5 !mb-0 border-t border-light-gray">
                <button class="group relative flex justify-between p-4 [&[data-te-collapse-collapsed]]:bg-white-smoke-3 w-full items-center rounded-none border-0 text-left transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none" type="button" data-te-collapse-init data-te-target="#par_57-collapse" aria-expanded="true" aria-controls="par_57-collapse" >
                    Barevný motiv                    <span class="flex-center h-4 w-4 shrink-0 rotate-[-180deg] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:mr-0 group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none origin-center">
                        <i class="icon icon-expand_more text-[20px]"></i>
                    </span>
                </button>
            </h4>
            <div id="par_57-collapse" class="!visible w-full px-4 " data-te-collapse-item data-te-collapse-show>
                <div class="grid grid-cols-4 gap-4 mb-4">
                                            <input type="checkbox" id="parval_437905" class="hidden filterData parameter" name="par[57][437905]"  />
                        <label for="parval_437905" class="check-button__label param-circle ">
                            <span><img src="images/icons/8iQILwFq_s.jpg" alt="Abstraktní" width="56" height="56" /></span>
                            <span>Abstraktní</span>
                        </label>
                                        <input type="checkbox" id="parval_437906" class="hidden filterData parameter" name="par[57][437906]"  />
                        <label for="parval_437906" class="check-button__label param-circle ">
                            <span><img src="images/icons/LNGz5zYj_s.jpg" alt="Auto-moto" width="56" height="56" /></span>
                            <span>Auto-moto</span>
                        </label>
                                        <input type="checkbox" id="parval_437907" class="hidden filterData parameter" name="par[57][437907]"  />
                        <label for="parval_437907" class="check-button__label param-circle ">
                            <span><img src="images/icons/HrRkbI7D_s.jpg" alt="Květiny" width="56" height="56" /></span>
                            <span>Květiny</span>
                        </label>
                                        <input type="checkbox" id="parval_437908" class="hidden filterData parameter" name="par[57][437908]"  />
                        <label for="parval_437908" class="check-button__label param-circle ">
                            <span><img src="images/icons/xjtEzqmY_s.jpg" alt="Kryptoměny" width="56" height="56" /></span>
                            <span>Kryptoměny</span>
                        </label>
                                        <input type="checkbox" id="parval_437909" class="hidden filterData parameter" name="par[57][437909]"  />
                        <label for="parval_437909" class="check-button__label param-circle ">
                            <span><img src="images/icons/DHpu2TlZ_s.jpg" alt="Příroda" width="56" height="56" /></span>
                            <span>Příroda</span>
                        </label>
                                        <input type="checkbox" id="parval_437910" class="hidden filterData parameter" name="par[57][437910]"  />
                        <label for="parval_437910" class="check-button__label param-circle ">
                            <span><img src="images/icons/pKQ67j9A_s.jpg" alt="Města" width="56" height="56" /></span>
                            <span>Města</span>
                        </label>
                                        <input type="checkbox" id="parval_437911" class="hidden filterData parameter" name="par[57][437911]"  />
                        <label for="parval_437911" class="check-button__label param-circle ">
                            <span><img src="images/icons/C9mYFCf9_s.jpg" alt="Myslivost" width="56" height="56" /></span>
                            <span>Myslivost</span>
                        </label>
                                        <input type="checkbox" id="parval_437912" class="hidden filterData parameter" name="par[57][437912]"  />
                        <label for="parval_437912" class="check-button__label param-circle ">
                            <span><img src="images/icons/bJefKK9T_s.jpg" alt="Ostatní zvířata" width="56" height="56" /></span>
                            <span>Ostatní zvířata</span>
                        </label>
                                </div>
                <div class="!visible hidden" id="parval_57_collapse" data-te-collapse-item>
                    <div class="grid grid-cols-4 gap-4 mb-4">
                                            <input type="checkbox" id="parval_437913" class="hidden filterData parameter" name="par[57][437913]"  />
                        <label for="parval_437913" class="check-button__label param-circle ">
                            <span><img src="images/icons/j7pcP5zT_s.jpg" alt="Kočky" width="56" height="56" /></span>
                            <span>Kočky</span>
                        </label>
                                        <input type="checkbox" id="parval_437914" class="hidden filterData parameter" name="par[57][437914]"  />
                        <label for="parval_437914" class="check-button__label param-circle ">
                            <span><img src="images/icons/h2y73dEd_s.jpg" alt="Ostatní vzory" width="56" height="56" /></span>
                            <span>Ostatní vzory</span>
                        </label>
                                        <input type="checkbox" id="parval_437915" class="hidden filterData parameter" name="par[57][437915]"  />
                        <label for="parval_437915" class="check-button__label param-circle ">
                            <span><img src="images/icons/bsPlLguL_s.jpg" alt="Koně" width="56" height="56" /></span>
                            <span>Koně</span>
                        </label>
                                        <input type="checkbox" id="parval_437916" class="hidden filterData parameter" name="par[57][437916]"  />
                        <label for="parval_437916" class="check-button__label param-circle ">
                            <span><img src="images/icons/6aK7i06M_s.jpg" alt="Láska" width="56" height="56" /></span>
                            <span>Láska</span>
                        </label>
                                        <input type="checkbox" id="parval_437917" class="hidden filterData parameter" name="par[57][437917]"  />
                        <label for="parval_437917" class="check-button__label param-circle ">
                            <span><img src="images/icons/QuMp3B8z_s.jpg" alt="Šelmy" width="56" height="56" /></span>
                            <span>Šelmy</span>
                        </label>
                                        <input type="checkbox" id="parval_437918" class="hidden filterData parameter" name="par[57][437918]"  />
                        <label for="parval_437918" class="check-button__label param-circle ">
                            <span><img src="images/icons/nqA39YiW_s.jpg" alt="Psi" width="56" height="56" /></span>
                            <span>Psi</span>
                        </label>
                                        <input type="checkbox" id="parval_437919" class="hidden filterData parameter" name="par[57][437919]"  />
                        <label for="parval_437919" class="check-button__label param-circle ">
                            <span><img src="images/icons/TqzxfbMq_s.jpg" alt="Vánoční" width="56" height="56" /></span>
                            <span>Vánoční</span>
                        </label>
                                        <input type="checkbox" id="parval_437920" class="hidden filterData parameter" name="par[57][437920]"  />
                        <label for="parval_437920" class="check-button__label param-circle ">
                            <span><img src="images/icons/zXjwbNGM_s.jpg" alt="Motýli" width="56" height="56" /></span>
                            <span>Motýli</span>
                        </label>
                                        <input type="checkbox" id="parval_437921" class="hidden filterData parameter" name="par[57][437921]"  />
                        <label for="parval_437921" class="check-button__label param-circle ">
                            <span><img src="images/icons/dwm9z6VY_s.jpg" alt="Pivo-víno" width="56" height="56" /></span>
                            <span>Pivo-víno</span>
                        </label>
                                        <input type="checkbox" id="parval_437922" class="hidden filterData parameter" name="par[57][437922]"  />
                        <label for="parval_437922" class="check-button__label param-circle ">
                            <span><img src="images/icons/gQtvZ2KT_s.jpg" alt="Rybaření" width="56" height="56" /></span>
                            <span>Rybaření</span>
                        </label>
                                        <input type="checkbox" id="parval_437923" class="hidden filterData parameter" name="par[57][437923]"  />
                        <label for="parval_437923" class="check-button__label param-circle ">
                            <span><img src="images/icons/ya4sbhzr_s.jpg" alt="Sport" width="56" height="56" /></span>
                            <span>Sport</span>
                        </label>
                                        <input type="checkbox" id="parval_437924" class="hidden filterData parameter" name="par[57][437924]"  />
                        <label for="parval_437924" class="check-button__label param-circle ">
                            <span><img src="images/icons/MABO9vkl_s.jpg" alt="Muži-ženy" width="56" height="56" /></span>
                            <span>Muži-ženy</span>
                        </label>
                                        <input type="checkbox" id="parval_437925" class="hidden filterData parameter" name="par[57][437925]"  />
                        <label for="parval_437925" class="check-button__label param-circle ">
                            <span><img src="images/icons/xteDvMIx_s.jpg" alt="Nápisy" width="56" height="56" /></span>
                            <span>Nápisy</span>
                        </label>
                                        <input type="checkbox" id="parval_437926" class="hidden filterData parameter" name="par[57][437926]"  />
                        <label for="parval_437926" class="check-button__label param-circle ">
                            <span><img src="images/icons/2rmnN09P_s.jpg" alt="Ovoce-zelenina" width="56" height="56" /></span>
                            <span>Ovoce-zelenina</span>
                        </label>
                                        <input type="checkbox" id="parval_438207" class="hidden filterData parameter" name="par[57][438207]"  />
                        <label for="parval_438207" class="check-button__label param-circle ">
                            <span><img src="images/icons/FOT2TxR8_s.jpg" alt="Vojenské" width="56" height="56" /></span>
                            <span>Vojenské</span>
                        </label>
                                        <input type="checkbox" id="parval_438208" class="hidden filterData parameter" name="par[57][438208]"  />
                        <label for="parval_438208" class="check-button__label param-circle ">
                            <span><img src="images/icons/lIsJwDxB_s.jpg" alt="Zdravotnictví" width="56" height="56" /></span>
                            <span>Zdravotnictví</span>
                        </label>
                                        <input type="checkbox" id="parval_438209" class="hidden filterData parameter" name="par[57][438209]"  />
                        <label for="parval_438209" class="check-button__label param-circle ">
                            <span><img src="images/icons/jxBUx9DU_s.jpg" alt="Zvěrokruh" width="56" height="56" /></span>
                            <span>Zvěrokruh</span>
                        </label>
                                        <input type="checkbox" id="parval_438210" class="hidden filterData parameter" name="par[57][438210]"  />
                        <label for="parval_438210" class="check-button__label param-circle ">
                            <span><img src="images/icons/WyW1tRP4_s.jpg" alt="Fitness" width="56" height="56" /></span>
                            <span>Fitness</span>
                        </label>
                                        <input type="checkbox" id="parval_438211" class="hidden filterData parameter" name="par[57][438211]"  />
                        <label for="parval_438211" class="check-button__label param-circle ">
                            <span><img src="images/icons/WT3JBaQ7_s.jpg" alt="Dětské motivy" width="56" height="56" /></span>
                            <span>Dětské motivy</span>
                        </label>
                                        <input type="checkbox" id="parval_438246" class="hidden filterData parameter" name="par[57][438246]"  />
                        <label for="parval_438246" class="check-button__label param-circle ">
                            <span><img src="images/icons/C4olLLs2_s.jpg" alt="Ptáci" width="56" height="56" /></span>
                            <span>Ptáci</span>
                        </label>
                                        <input type="checkbox" id="parval_438247" class="hidden filterData parameter" name="par[57][438247]"  />
                        <label for="parval_438247" class="check-button__label param-circle ">
                            <span><img src="images/icons/Q9a8Kt2C_s.jpg" alt="Papoušci" width="56" height="56" /></span>
                            <span>Papoušci</span>
                        </label>
                                    </div>
                    
                </div>
                <a href="#parval_57_collapse" class="mb-6 justify-center group cursor-pointer relative flex gap-1 text-primary w-full items-center rounded-none border-0 text-left transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none" data-te-collapse-init data-te-target="#parval_57_collapse" aria-expanded="false" aria-controls="parval_57_collapse" data-te-collapse-collapsed>
                    <span class="hidden group-[[data-te-collapse-collapsed]]:inline group-hover:underline font-bold">Zobrazit více</span>
                    <span class="inline group-[[data-te-collapse-collapsed]]:hidden group-hover:underline font-bold">Zobrazit méně</span>
                    <span class="flex-center h-4 w-4 shrink-0 rotate-[-180deg] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:mr-0 group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none origin-center">
                        <i class="icon icon-expand_more text-[20px]"></i>
                    </span>
                </a>
                        </div>

            </div>

    <div class="bg-white-smoke-3 p-4 border-t border-light-gray md-max:mb-4">
        <h5 class="text-[14px]">Vybrané filtry</h5>

        <div class="flex flex-wrap gap-2 mb-2 chips">
            
        </div>

                    <button class="font-bold flex items-center gap-1 hover:text-primary mb-2" onclick="resetSidebarFilters()">
                <i class="icon icon-close text-[18px]"></i>
                Zrušit všechny filtry            </button>
                    </div>
</div>                    </div>
                </div>

                <!-- END COL 3 -->
            </div>
        </div>

                    <!-- REVIEWS -->
            <div class="[grid-area:rest] mt-8 lg:mt-16">
                <div>
                    <div class="flex-center gap-8 mb-8">
                        <img class="md-max:-mb-12 z-10 relative sm-max:w-[100px] h-auto" src="./images/heureka-logo-overeno-gold.svg" alt="Ověřeno zákazníky Heureka" width="120" height="120" />
                        <h2 class="md-max:hidden">Za nás mluví vaše spokojené recenze</h2>
                    </div>
                    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8 reviews">
                                                    <div class="review">
                                <div class="review__rating">
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                    </div>
                                <p>Obal na tablet  nad očekávání. Doporučuji</p>
                                <div class="review__person">
                                    <div class="avatar"><i class="icon icon-account_circle"></i></div>
                                    <div class="person"><span>Bohuslava Ž.</span> <span>7.12.2025</span></div>
                                </div>
                            </div>
                                                    <div class="review">
                                <div class="review__rating">
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                    </div>
                                <p>Přehledný obchod,rychké dodání a dobrá komunikace.</p>
                                <div class="review__person">
                                    <div class="avatar"><i class="icon icon-account_circle"></i></div>
                                    <div class="person"><span>Eva P.</span> <span>7.12.2025</span></div>
                                </div>
                            </div>
                                                    <div class="review">
                                <div class="review__rating">
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                            <i class="icon icon-star"></i>
                                                                    </div>
                                <p>Sháněla jsem jako drobný dárek pro vášnivého chovatele rotvajlerů nějaký užitný předmět s vyobrazením rotvajlera. Ten jsem u Vás našla v podobě magnetky.</p>
                                <div class="review__person">
                                    <div class="avatar"><i class="icon icon-account_circle"></i></div>
                                    <div class="person"><span>Hana P.</span> <span>7.12.2025</span></div>
                                </div>
                            </div>
                                            </div>
                    <div class="flex-center mt-4">
                        <a href="https://obchody.heureka.cz/mpouzdra-cz/recenze/" class="button button--bordered" target="_blank" rel="noreferrer"> Více recenzí <i class="icon icon-chevron_right font-bold ml-1 translate-y-[1px]"></i> </a>
                    </div>
                </div>
            </div>
            </div>
    <!-- end 12 grid-->
    </div>
    <!-- end container -->
</main>




<script>
        window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
        event: 'productImpression',
        ecomm_prodid: ['SM-A22-5G-2086','SM-A22-5G-2085','SM-A22-5G-2063','SM-A22-5G-2062','SM-A22-5G-2056','SM-A22-5G-2052','SM-A22-5G-2044','SM-A22-5G-2041','SM-A22-5G-2040','SM-A22-5G-2036','SM-A22-5G-2027','SM-A22-5G-2023','SM-A22-5G-2020','SM-A22-5G-2017','SM-A22-5G-2016','SM-A22-5G-2015',],
        ecomm_pagetype: 'category',
        ecomm_category: 'Gelové obaly',
        section: 'Obaly, pouzdra a kryty na mobil',
        subsection: 'Gelové obaly',
        ecommerce: {
            currencyCode: 'CZK',
            impressions: [
                 {
                        id: 'SM-A22-5G-2086',
                        name: 'Gelový kryt mmCase na Samsung Galaxy A22 5G - roztomilá panda',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 1                    },
                 {
                        id: 'SM-A22-5G-2085',
                        name: 'Gelový kryt mmCase na Samsung Galaxy A22 5G - abstrakt 26',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 2                    },
                 {
                        id: 'SM-A22-5G-2063',
                        name: 'Gelový kryt mmCase na Samsung Galaxy A22 5G - přívěsek love',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 3                    },
                 {
                        id: 'SM-A22-5G-2062',
                        name: 'Gelový kryt mmCase na Samsung Galaxy A22 5G - květiny 9',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 4                    },
                 {
                        id: 'SM-A22-5G-2056',
                        name: 'Gelový kryt mmCase na Samsung Galaxy A22 5G - květiny 8',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 5                    },
                 {
                        id: 'SM-A22-5G-2052',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - květ hortenzie',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 6                    },
                 {
                        id: 'SM-A22-5G-2044',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - beruška',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 7                    },
                 {
                        id: 'SM-A22-5G-2041',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - štěňátka',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 8                    },
                 {
                        id: 'SM-A22-5G-2040',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - koťátko',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 9                    },
                 {
                        id: 'SM-A22-5G-2036',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - abstrakt 17',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 10                    },
                 {
                        id: 'SM-A22-5G-2027',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - abstrakt 14',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 11                    },
                 {
                        id: 'SM-A22-5G-2023',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - kostlivci',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 12                    },
                 {
                        id: 'SM-A22-5G-2020',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - holčička s kloboukem',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 13                    },
                 {
                        id: 'SM-A22-5G-2017',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - relax 1',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 14                    },
                 {
                        id: 'SM-A22-5G-2016',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - mandala',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 15                    },
                 {
                        id: 'SM-A22-5G-2015',
                        name: 'Gelový kryt mmCase na mobil Samsung Galaxy A22 5G - kreslené padající listy',
                        category: 'Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly',
                        list: 'category',
                        position: 16                    },
                            ]
        }
    });
</script>
<script>
    $(document).on('change', '.filterData.parameter', function() {
        ($(this).prop("checked") ? $(this).next('.param-circle').addClass('active') : $(this).next('.param-circle').removeClass('active'));
    });
</script><footer class="footer my-8 overflow-hidden">
    <div class="container">

        <div class="lg-max:flex lg-max:flex-col grid-12 gap-y-4 mt-4 lg:mt-16">

                        <div class="col-span-6">
                <h2 class="lg-max:text-center mb-8">
                    Poslední články<br class="hidden sm-max:block" />
z našeho blogu                </h2>
                <div class="swiper swiper-init" data-bullets data-arrows>
                    <div class="swiper-wrapper">
                                                        <div class="swiper-slide">
                                    <a href="jak-vybrat-reminek-pro-apple-watch-kompletni-pruvodce" class="article-tile" title="Jak vybrat řemínek pro Apple Watch (Kompletní průvodce)">
                                        <div class="article-tile__thumbnail">
                                            <picture>
                                                <source srcset="images/article/BcozoQF7_s.webp" type="image/webp">
                                                <source srcset="images/article/BcozoQF7_s.jpg" type="image/jpeg">

                                                <img src="images/article/BcozoQF7_s.jpg" alt="Jak vybrat řemínek pro Apple Watch (Kompletní průvodce)" loading="lazy" />
                                            </picture>
                                        </div>
                                        <div class="article-tile__content">
                                            <h3 class="article-tile__title">Jak vybrat řemínek pro Apple Watch (Kompletní průvodce)</h3>
                                            <p class="article-tile__perex">
                                                                                            </p>
                                            <div class="article-tile__meta">
                                                <span> Autor: <strong>mpouzdra.cz</strong> </span> <span>9.2.2026</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                                        <div class="swiper-slide">
                                    <a href="jak-vycistit-kryt-na-mobil-od-spiny-a-zlutych-skvrn-velky-pruvodce" class="article-tile" title="Jak vyčistit kryt na mobil od špíny a žlutých skvrn (Velký průvodce)">
                                        <div class="article-tile__thumbnail">
                                            <picture>
                                                <source srcset="images/article/yAldxvwb_s.webp" type="image/webp">
                                                <source srcset="images/article/yAldxvwb_s.jpg" type="image/jpeg">

                                                <img src="images/article/yAldxvwb_s.jpg" alt="Jak vyčistit kryt na mobil od špíny a žlutých skvrn (Velký průvodce)" loading="lazy" />
                                            </picture>
                                        </div>
                                        <div class="article-tile__content">
                                            <h3 class="article-tile__title">Jak vyčistit kryt na mobil od špíny a žlutých skvrn (Velký průvodce)</h3>
                                            <p class="article-tile__perex">
                                                                                            </p>
                                            <div class="article-tile__meta">
                                                <span> Autor: <strong>mpouzdra.cz</strong> </span> <span>26.1.2026</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                                        <div class="swiper-slide">
                                    <a href="vivo-x300-pro-vlajkova-lo-pro-fotomaniaky" class="article-tile" title="Vivo X300 Pro: Vlajková loď pro fotomaniaky">
                                        <div class="article-tile__thumbnail">
                                            <picture>
                                                <source srcset="images/article/4rmkLerI_s.webp" type="image/webp">
                                                <source srcset="images/article/4rmkLerI_s.jpg" type="image/jpeg">

                                                <img src="images/article/4rmkLerI_s.jpg" alt="Vivo X300 Pro: Vlajková loď pro fotomaniaky" loading="lazy" />
                                            </picture>
                                        </div>
                                        <div class="article-tile__content">
                                            <h3 class="article-tile__title">Vivo X300 Pro: Vlajková loď pro fotomaniaky</h3>
                                            <p class="article-tile__perex">
                                                                                            </p>
                                            <div class="article-tile__meta">
                                                <span> Autor: <strong>mpouzdra.cz</strong> </span> <span>31.12.2025</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                                        <div class="swiper-slide">
                                    <a href="honor-magic-v5-nejtenci-smartphone-s-dokonalym-designem" class="article-tile" title="Honor Magic V5: Nejtenčí smartphone s dokonalým designem">
                                        <div class="article-tile__thumbnail">
                                            <picture>
                                                <source srcset="images/article/gayu9xTE_s.webp" type="image/webp">
                                                <source srcset="images/article/gayu9xTE_s.jpg" type="image/jpeg">

                                                <img src="images/article/gayu9xTE_s.jpg" alt="Honor Magic V5: Nejtenčí smartphone s dokonalým designem" loading="lazy" />
                                            </picture>
                                        </div>
                                        <div class="article-tile__content">
                                            <h3 class="article-tile__title">Honor Magic V5: Nejtenčí smartphone s dokonalým designem</h3>
                                            <p class="article-tile__perex">
                                                                                            </p>
                                            <div class="article-tile__meta">
                                                <span> Autor: <strong>mpouzdra.cz</strong> </span> <span>28.11.2025</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                                        <div class="swiper-slide">
                                    <a href="jak-vybrat-obal-na-tablet-jediny-navod-ktery-potrebujete" class="article-tile" title="Jak vybrat obal na tablet: Jediný návod, který potřebujete">
                                        <div class="article-tile__thumbnail">
                                            <picture>
                                                <source srcset="images/article/tK6KTy5t_s.webp" type="image/webp">
                                                <source srcset="images/article/tK6KTy5t_s.jpg" type="image/jpeg">

                                                <img src="images/article/tK6KTy5t_s.jpg" alt="Jak vybrat obal na tablet: Jediný návod, který potřebujete" loading="lazy" />
                                            </picture>
                                        </div>
                                        <div class="article-tile__content">
                                            <h3 class="article-tile__title">Jak vybrat obal na tablet: Jediný návod, který potřebujete</h3>
                                            <p class="article-tile__perex">
                                                                                            </p>
                                            <div class="article-tile__meta">
                                                <span> Autor: <strong>mpouzdra.cz</strong> </span> <span>23.10.2025</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                            </div>
                    <div class="relative-controls lg-max:!w-full sm-max:!justify-between justify-center lg:justify-start !mb-1"></div>
                </div>
            </div>
            
            <div class="newsletter lg-max:fullwidth bg-primary text-white lg:rounded-lg px-4 py-8 lg:p-8 lg:col-start-7 col-span-full self-center">
                <h4 class="h2 text-center !mb-2">Zlevněné zboží a všechny novinky</h4>
                <p class="text-center text-primary-15 f4 !mb-7">Dozvíte se o nich jako první!</p>
                                <form class="flex flex-col items-center" method="post">
                    <div class="relative flex w-full max-w-[416px]">
                        <input type="email" id="email" name="newsletter_email" required class="!rounded-r-none flex-1 !border-none" placeholder="Zadejte vas@email.cz" aria-label="Zadejte vas@email.cz" aria-describedby="button-addon2" />
                        <button class="button !rounded-md !rounded-l-none uppercase" data-te-ripple-init="" data-te-ripple-color="light" type="submit" id="button-addon2" name="newsletter_subscribe">Odebírat</button>
                    </div>
                    <label class="checkbox checkbox--xl checkbox--inverted mt-4">
                        <input type="checkbox" name="newsletter_agree" /> <span class="checkbox-icon"> <i class="icon icon-done"></i> </span>
                        <span class="checkbox-label"> Souhlasím se <a href="#" class="underline text-white hover:text-white">zpracováním osobních údajů</a> pro marketingové účely. </span>
                    </label>
                </form>
            </div>

            <div class="col-span-12 flex justify-end lg-max:hidden">
                <div class="flex items-center gap-4">
                    <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                    <div>
                        <div class="h4 font-bold !mb-0">Ozvěte se nám</div>
                        <div class="mb-0">Volejte a pište Po–Pá 7–13.30</div>
                    </div>
                    <img src="./images/sipka-dolu.svg" alt="Šipka" width="26.48" height="36.29" loading="lazy" />
                </div>
            </div>

            <div class="footer-logo flex items-center col-span-3 xl:col-span-4 lg-max:order-4">
                <a href="/" class="flex lg-max:justify-center w-full"> <img src="../images/logo.svg" alt="Logo mpouzdra" width="206.16" height="56" loading="lazy" /> </a>
            </div>

            <div class="footer-socials flex-center gap-4 xl:gap-8 col-span-5 xl:col-span-4 lg-max:order-1 lg-max:my-8">
                <a href="https://www.facebook.com/mpouzdra/" class="flex-center gap-1.5" target="_blank" rel="noopener noreferrer"> <img src="./images/fb.svg" alt="Obrázek Facebook" width="27.77" height="27" loading="lazy" /> Facebook </a>
                <a href="https://www.instagram.com/mpouzdra/" class="flex-center gap-1.5" target="_blank" rel="noopener noreferrer"> <img src="./images/ig.svg" alt="Obrázek Instagram" width="37" height="37" loading="lazy" /> Instagram </a>
                <a href="https://www.youtube.com/@mpouzdracz290" target="_blank" class="flex-center gap-1.5" rel="noopener noreferrer"> <img src="./images/yt.svg" alt="Obrázek Youtube" width="30.57" height="21.5" loading="lazy" /> Youtube </a>
            </div>

            <div class="footer-contants lg-max:items-center lg-max:my-4 lg-max:flex-col col-span-4 flex gap-x-4 xl:gap-x-10 gap-y-4 lg:justify-end lg-max:order-3">
                <a href="mailto:info@mpouzdra.cz" class="flex-center gap-2 font-bold">
                    <div class="bg-primary w-8 h-8 md:w-10 md:h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-mail text-[20px] md:text-[24px] text-white"></i></div>
                    <span class="whitespace-nowrap">info@mpouzdra.cz</span>
                </a>
                                 <a class="flex-center gap-2 font-bold" href="tel:+420604 489 850">
                    <div class="bg-primary w-8 h-8 md:w-10 md:h-10 flex-shrink-0 rounded-full flex-center"><i class="icon icon-call-40 text-[20px] md:text-[24px] text-white"></i></div>
                    <span class="whitespace-nowrap">604 489 850</span>
                </a>
                                <hr class="lg:hidden block" />
            </div>

            <hr class="lg:block hidden col-span-12 mt-4 mb-1" />

            <div class="footer-menu lg-max:block grid-12 col-span-12 lg-max:order-2">
                <div id="vse-o-nakupovani-menu" class="col-span-2">
                    <div class="rounded-none lg-max:border-t border-gainsboro">
                        <h4 class="mb-0 lg:mb-2" id="vse-o-nakupovani">
                            <button class="lg:pointer-events-none group relative flex justify-between w-full items-center rounded-none border-0 lg-max:px-2 py-4 text-left transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none lg-max:[&:not([data-te-collapse-collapsed])]:bg-white lg-max:[&:not([data-te-collapse-collapsed])]:bg-white-smoke-3" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#vse-o-nakupovani-collapse" aria-expanded="false" aria-controls="vse-o-nakupovani-collapse">
                                Vše o nakupování                                <span class="lg:hidden flex-center h-4 w-4 shrink-0 rotate-[-180deg] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:mr-0 group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none origin-center">
                                    <i class="icon icon-expand_more text-[20px]"></i>
                                </span>
                            </button>
                        </h4>
                        <div id="vse-o-nakupovani-collapse" class="!visible hidden lg:block w-full lg-max:bg-white-smoke-3" data-te-collapse-item aria-labelledby="vse-o-nakupovani" data-te-parent="#vse-o-nakupovani-menu">
                            <div class="lg-max:px-2 lg-max:py-2">
                                <ul class="leading-1.4 flex flex-col gap-4">
                                                                            <li><a href="/obchodni-podminky" >Obchodní podmínky</a></li>
                                                                            <li><a href="/ochrana-osobnich-udaju" >Ochrana osobních údajů</a></li>
                                                                            <li><a href="javascript:" id="open_preferences_center" >Nastavení cookies</a></li>
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="sluzy-a-servis-menu" class="col-span-2">
                    <div class="rounded-none lg-max:border-t border-gainsboro">
                        <h4 class="mb-0 lg:mb-2" id="sluzy-a-servis">
                            <button class="lg:pointer-events-none group relative flex justify-between w-full items-center rounded-none border-0 lg-max:px-2 py-4 text-left transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none lg-max:[&:not([data-te-collapse-collapsed])]:bg-white lg-max:[&:not([data-te-collapse-collapsed])]:bg-white-smoke-3" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#sluzy-a-servis-collapse" aria-expanded="false" aria-controls="sluzy-a-servis-collapse">
                                Služby a servis                                <span class="lg:hidden flex-center h-4 w-4 shrink-0 rotate-[-180deg] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:mr-0 group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none origin-center">
                                    <i class="icon icon-expand_more text-[20px]"></i>
                                </span>
                            </button>
                        </h4>
                        <div id="sluzy-a-servis-collapse" class="!visible hidden lg:block w-full lg-max:bg-white-smoke-3" data-te-collapse-item aria-labelledby="sluzy-a-servis" data-te-parent="#vse-o-nakupovani-menu">
                            <div class="lg-max:px-2 lg-max:py-2">
                                <ul class="leading-1.4 flex flex-col gap-4">
                                                                            <li><a href="/reklamace-a-vraceni-zbozi">Reklamace a vrácení zboží</a></li>
                                                                            <li><a href="/doprava-a-dodaci-lhuty">Doprava a dodací podmínky</a></li>
                                                                            <li><a href="/zpusoby-platby">Způsob platby</a></li>
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>

                                <div id="vice-o-nas-menu" class="col-span-3">
                    <div class="rounded-none lg-max:border-t border-gainsboro">
                        <h4 class="mb-0 lg:mb-2" id="vice-o-nas">
                            <button class="lg:pointer-events-none group relative flex justify-between w-full items-center rounded-none border-0 lg-max:px-2 py-4 text-left transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none lg-max:[&:not([data-te-collapse-collapsed])]:bg-white lg-max:[&:not([data-te-collapse-collapsed])]:bg-white-smoke-3" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#vice-o-nas-collapse" aria-expanded="false" aria-controls="vice-o-nas-collapse">
                                Poradna                                <span class="lg:hidden flex-center h-4 w-4 shrink-0 rotate-[-180deg] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:mr-0 group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none origin-center">
                                    <i class="icon icon-expand_more text-[20px]"></i>
                                </span>
                            </button>
                        </h4>
                        <div id="vice-o-nas-collapse" class="!visible hidden lg:block w-full lg-max:bg-white-smoke-3" data-te-collapse-item aria-labelledby="vice-o-nas" data-te-parent="#vse-o-nakupovani-menu">
                            <div class="lg-max:px-2 lg-max:py-2">
                                <ul class="leading-1.4 flex flex-col gap-4">
                                                                                <li><a href="jak-spravne-nabijet-telefon-vse-co-musite-vedet">Jak správně nabíjet telefon: vše, co musíte vědět</a></li>
                                                                                <li><a href="nabijecka-magsafe-co-to-je-a-jak-technologii-vyuzit">Nabíječka MagSafe: Co to je a jak technologii využít</a></li>
                                                                                <li><a href="kam-s-pouzitym-pouzdrem-na-mobil-moznosti-je-cela-rada">Kam s použitým pouzdrem na mobil? Možností je celá řada</a></li>
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>
                                                <div id="najdete-nas-menu" class="col-span-5 2xl:col-span-4 col-start-8 2xl:col-start-9 lg-max:border-b border-gainsboro">
                    <div class="rounded-none lg-max:border-t border-gainsboro">
                        <h4 class="mb-0 lg:mb-2" id="najdete-nas">
                            <button class="lg:pointer-events-none group relative flex justify-between w-full items-center rounded-none border-0 lg-max:px-2 py-4 text-left transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none lg-max:[&:not([data-te-collapse-collapsed])]:bg-white lg-max:[&:not([data-te-collapse-collapsed])]:bg-white-smoke-3" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#najdete-nas-collapse" aria-expanded="false" aria-controls="najdete-nas-collapse">
                                Najdete nás v Táboře                                <span class="lg:hidden flex-center h-4 w-4 shrink-0 rotate-[-180deg] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:mr-0 group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none origin-center">
                                    <i class="icon icon-expand_more text-[20px]"></i>
                                </span>
                            </button>
                        </h4>
                        
                        <div id="najdete-nas-collapse" class="!visible hidden lg:block w-full lg-max:bg-white-smoke-3" data-te-collapse-item aria-labelledby="najdete-nas" data-te-parent="#vse-o-nakupovani-menu">
                            <div class="lg-max:px-2 lg-max:py-2">
                                <div class="grid lg:grid-cols-[1fr_2fr] gap-4 lg:gap-8">
                                    <div>
                                        <address>
                                            Vančurova 1946/3<br />
390 01 Tábor                                        </address>
                                    </div>
                                    <table>
	<tbody>
		<tr class="font-bold">
			<td>Po–Čt:</td>
			<td>9–11 a 11.30–14.30 h</td>
		</tr>
		<tr class="font-bold">
			<td>Pá</td>
			<td>9–11 a 11.30–13.30 h</td>
		</tr>
		<tr>
			<td>So–Ne:</td>
			<td>Zavřeno</td>
		</tr>
	</tbody>
</table>
                                </div>
                                <div class="grid grid-cols-2 overflow-hidden rounded-lg mt-4 w-max max-w-full">
                                    <div class="relative flex-center">
                                        <img class="object-cover h-full" src="./images/mapa.jpg" alt="Mapa prodejny" loading="lazy" width="254px" height="123px" />
                                        <a href="https://goo.gl/maps/fj4cHe9ZoucocUuW6" target="_blank" rel="noopener noreferrer" class="!absolute z-10 button button--square" data-te-ripple-init data-te-ripple-color="light">
                                            <i class="icon icon-location_on mr-1 text-[20px]"></i> Navigovat                                        </a>
                                    </div>
                                    <img src="./images/prodejna.jpg" alt="Foto prodejny" loading="lazy" width="254px" height="123px" />
                                </div>
                            </div>
                        </div>
                       
                    </div>
                </div>
            </div>
 
                        <div class="footer-heureka flex items-center gap-8 col-span-12 lg-max:order-5 lg-max:justify-center lg-max:my-4">
                <a href="https://obchody.heureka.cz/mpouzdra-cz/recenze/" target="_blank" rel="noreferrer"><img class="overeno" src="./images/heureka-logo-overeno-gold.svg" alt="Ověřeno zákazníky Heureka" width="100" height="100" loading="lazy" /></a>
                <a href="https://www.shoproku.cz/vysledky#cena-kvality-mobily-a-gps-2022" target="_blank" rel="noreferrer"><img class="shop-roku" src="./images/heureka-shop-roku.svg" alt="Shop roku 2022" width="262.62" height="80" loading="lazy" /></a>
                <a href="https://www.shoproku.cz/vysledky#cena-kvality-mobily-a-gps-2023" target="_blank" rel="noreferrer"><img class="shop-roku" src="./images/heureka-shop-roku-2.png" alt="Shop roku 2022" width="262.62" height="80" loading="lazy" /></a>
            </div>
            
            <div class="footer-copyright col-span-6 lg-max:order-7 lg-max:text-center text-dark-gray text-[14px] lg-max:mt-2 lg:mt-5">Copyright © 2025&nbsp;<a aria-label="mpouzdra.cz" href="/">mpouzdra.cz</a></div>

            <div class="footer-payments flex items-center gap-6 col-span-6 lg-max:order-6 justify-center lg:justify-end">
                <img src="./images/maestro.svg" alt="maestro" width="41.07" height="32" loading="lazy" />
                <img src="./images/mastercard.svg" alt="mastercard" width="41.19" height="32" loading="lazy" />
                <img src="./images/visa-electron.svg" alt="visa-electron" width="50.39" height="32" loading="lazy" />
                <img src="./images/visa.svg" alt="visa" width="43.23" height="14" loading="lazy" />
            </div>
        </div>

    </div>
</footer>

<div class="backdrop"></div>

<div class="pointer-events-none [&[data-te-offcanvas-show]]:pointer-events-auto invisible fixed bottom-0 left-0 right-0 top-[calc(60px_+_var(--header-top))] z-[1045] flex h-fit max-h-[calc(100%_-_60px)] max-w-full opacity-0 flex-col border-none bg-white bg-clip-padding outline-none transition duration-300 ease-in-out -translate-y-[1rem] [&[data-te-offcanvas-show]]:translate-y-0 [&[data-te-offcanvas-show]]:opacity-100 shadow-[0_16px_16px_#0000001A]" tabindex="-1" id="main-menu" aria-labelledby="main-menuLabel" data-te-offcanvas-init data-te-backdrop="false">
    <div class="flex-grow overflow-y-auto px-4 pb-4 mt-1">
        <div class="w-full">
            <div class="bg-white sticky top-0 z-30">
                <div class="button-switch button-switch--fullwidth" role="tablist" data-te-nav-ref>
                    <button href="#menu-kategorie" data-te-toggle="pill" data-te-target="#menu-kategorie" data-te-nav-active role="tab" aria-controls="menu-kategorie" aria-selected="true">
                        <i class="icon icon-category"></i> Kategorie                    </button>
                                            <button href="#menu-ucet" data-te-toggle="pill" data-te-target="#menu-ucet" role="tab" aria-controls="menu-ucet" aria-selected="false"><i class="icon icon-account_circle_24"></i> Účet</button>
                                        <button href="#menu-kontakt" data-te-toggle="pill" data-te-target="#menu-kontakt" role="tab" aria-controls="menu-kontakt" aria-selected="false"><i class="icon icon-call-24"></i> Kontakt</button>
                </div>
            </div>
            <div class="hidden opacity-100 transition-opacity duration-200 ease-linear data-[te-tab-active]:block pt-4" id="menu-kategorie" role="tabpanel" aria-labelledby="menu-kategorie-tab" data-te-tab-active>
                <div id="responsive-megamenu" class="menu-accordion">
                                            <div class="menu-acordion__item">
                            <button class="menu-accordion__button group" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#respo-menu-84637" aria-expanded="false" aria-controls="respo-menu-84637">
                                <span class="menu-accordion__button-wrapper">
                                    <span class="menu-accordion__thumbnail">
                                        <picture>
                                            <source srcset="images/category/AUvqrEPF_b.webp" type="image/webp">
                                            <source srcset="images/category/AUvqrEPF_b.jpg" type="image/jpeg">
                                            <img loading="lazy" src="images/category/AUvqrEPF_b.jpg" alt="Obaly, pouzdra a kryty na mobil" width="266" height="266">
                                        </picture>
                                    </span> Obaly, pouzdra a kryty na mobil                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-84637" class="menu-accordion__content !visible hidden border-0" data-te-collapse-item aria-labelledby="flush-headingOne" data-te-parent="#responsive-megamenu">
                                <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-2">
                                                                            <a href="samsung" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/LKe0dAuB_b.jpg" alt="SAMSUNG" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">SAMSUNG</div>
                                        </a>
                                                                            <a href="huawei" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/SwmaTyLz_b.jpg" alt="HUAWEI" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">HUAWEI</div>
                                        </a>
                                                                            <a href="xiaomi" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/NBxerVzI_b.jpg" alt="XIAOMI" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">XIAOMI</div>
                                        </a>
                                                                            <a href="obaly-pouzdra-a-kryty-na-mobil/apple" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/jKda0ipT_b.jpg" alt="APPLE" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">APPLE</div>
                                        </a>
                                                                            <a href="pouzdra-obaly-na-telefony-honor" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/DYJALhjV_b.jpg" alt="Honor" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Honor</div>
                                        </a>
                                                                            <a href="nokia" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/p5bEiaSX_b.jpg" alt="NOKIA" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">NOKIA</div>
                                        </a>
                                                                            <a href="sony" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/sNWA9NWe_b.jpg" alt="SONY" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">SONY</div>
                                        </a>
                                                                            <a href="obaly-pouzdra-google" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/IR0tsu8X_b.jpg" alt="Google" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Google</div>
                                        </a>
                                                                        <a href="obaly-pouzdra-a-kryty-na-mobil" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Zobrazit vše</a>
                                </div>
                            </div>
                        </div>
                                            <div class="menu-acordion__item">
                            <button class="menu-accordion__button group" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#respo-menu-676863" aria-expanded="false" aria-controls="respo-menu-676863">
                                <span class="menu-accordion__button-wrapper">
                                    <span class="menu-accordion__thumbnail">
                                        <picture>
                                            <source srcset="images/category/uXUzfjID_b.webp" type="image/webp">
                                            <source srcset="images/category/uXUzfjID_b.jpg" type="image/jpeg">
                                            <img loading="lazy" src="images/category/uXUzfjID_b.jpg" alt="Obaly a pouzdra na tablety" width="266" height="266">
                                        </picture>
                                    </span> Obaly a pouzdra na tablety                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-676863" class="menu-accordion__content !visible hidden border-0" data-te-collapse-item aria-labelledby="flush-headingOne" data-te-parent="#responsive-megamenu">
                                <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-2">
                                                                            <a href="obaly-pouzdra-na-mobil-lenovo" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/t2pUIT4K_b.jpg" alt="Obaly na tablet Lenovo" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Obaly na tablet Lenovo</div>
                                        </a>
                                                                            <a href="obaly-a-pouzdra-na-tablety-samsung" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/fmWp3uNa_b.jpg" alt="Obaly na tablet Samsung" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Obaly na tablet Samsung</div>
                                        </a>
                                                                            <a href="obaly-na-ipad" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/b2ZO7R0L_b.jpg" alt="Obaly na iPad" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Obaly na iPad</div>
                                        </a>
                                                                            <a href="obaly-a-pouzdra-na-tablety-xiaomi" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/Ywrzhy5S_b.jpg" alt="Obaly na tablet Xiaomi" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Obaly na tablet Xiaomi</div>
                                        </a>
                                                                            <a href="obaly-na-tablet-huawei" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/G83ZYm9Z_b.jpg" alt="Obaly na tablet Huawei" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Obaly na tablet Huawei</div>
                                        </a>
                                                                            <a href="obaly-kryty-a-pouzdra-na-tablety-honor" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/pgf8tnHQ_b.jpg" alt="Obaly na tablet Honor" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Obaly na tablet Honor</div>
                                        </a>
                                                                        <a href="obaly-a-kryty-na-tablet" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Zobrazit vše</a>
                                </div>
                            </div>
                        </div>
                                            <div class="menu-acordion__item">
                            <button class="menu-accordion__button group" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#respo-menu-84639" aria-expanded="false" aria-controls="respo-menu-84639">
                                <span class="menu-accordion__button-wrapper">
                                    <span class="menu-accordion__thumbnail">
                                        <picture>
                                            <source srcset="images/category/xgZHszHw_b.webp" type="image/webp">
                                            <source srcset="images/category/xgZHszHw_b.jpg" type="image/jpeg">
                                            <img loading="lazy" src="images/category/xgZHszHw_b.jpg" alt="Ochranné fólie a tvrzená skla" width="266" height="266">
                                        </picture>
                                    </span> Ochranné fólie a tvrzená skla                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-84639" class="menu-accordion__content !visible hidden border-0" data-te-collapse-item aria-labelledby="flush-headingOne" data-te-parent="#responsive-megamenu">
                                <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-2">
                                                                            <a href="temperovana-tvrzena-skla-na-samsung" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/zMztFmH8_b.jpg" alt="SAMSUNG" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">SAMSUNG</div>
                                        </a>
                                                                            <a href="temperovana-tvrzena-skla-na-huawei" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/OdzwV9qw_b.jpg" alt="HUAWEI" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">HUAWEI</div>
                                        </a>
                                                                            <a href="tvrzena-skla-xiaomi" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/eewRXvL8_b.jpg" alt="XIAOMI" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">XIAOMI</div>
                                        </a>
                                                                            <a href="folie-na-mobil/apple" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/z6VgDcF3_b.jpg" alt="APPLE" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">APPLE</div>
                                        </a>
                                                                            <a href="tvrzena-skla-honor" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/fNHscfH0_b.jpg" alt="HONOR" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">HONOR</div>
                                        </a>
                                                                            <a href="temperovana-tvrzena-skla-na-nokia" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/CiKvrbUJ_b.jpg" alt="NOKIA" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">NOKIA</div>
                                        </a>
                                                                            <a href="folie-na-mobil/lenovo-folie-na-mobilni-telefony" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/gYk9FVOi_b.jpg" alt="LENOVO" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">LENOVO</div>
                                        </a>
                                                                            <a href="temperovana-tvrzena-skla-na-sony-xperia" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/izQa8P3W_b.jpg" alt="SONY" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">SONY</div>
                                        </a>
                                                                        <a href="ochranne-folie-a-tvrzena-skla" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Zobrazit vše</a>
                                </div>
                            </div>
                        </div>
                                            <div class="menu-acordion__item">
                            <button class="menu-accordion__button group" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#respo-menu-84641" aria-expanded="false" aria-controls="respo-menu-84641">
                                <span class="menu-accordion__button-wrapper">
                                    <span class="menu-accordion__thumbnail">
                                        <picture>
                                            <source srcset="images/category/5btCwotB_b.webp" type="image/webp">
                                            <source srcset="images/category/5btCwotB_b.jpg" type="image/jpeg">
                                            <img loading="lazy" src="images/category/5btCwotB_b.jpg" alt="Kryty na mobil s vlastní fotografií" width="266" height="266">
                                        </picture>
                                    </span> Kryty na mobil s vlastní fotografií                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-84641" class="menu-accordion__content !visible hidden border-0" data-te-collapse-item aria-labelledby="flush-headingOne" data-te-parent="#responsive-megamenu">
                                <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-2">
                                                                            <a href="kryty-obaly-na-mobil-samsung-s-vlastni-fotografii-a-motivem" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/27SfdEUh_b.jpg" alt="Samsung" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Samsung</div>
                                        </a>
                                                                            <a href="kryty-na-mobil-s-vlastni-fotografii-motivem/motorola" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/o5TF0oXu_b.jpg" alt="Motorola" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Motorola</div>
                                        </a>
                                                                            <a href="kryty-obaly-na-mobil-huawei-s-vlastni-fotografii-a-motivem" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/oLcRIZWY_b.jpg" alt="Huawei" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Huawei</div>
                                        </a>
                                                                            <a href="kryty-obaly-na-mobil-xiaomi-s-vlastni-fotografii-a-motivem" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/WmwvCxIT_b.jpg" alt="Xiaomi" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Xiaomi</div>
                                        </a>
                                                                            <a href="kryty-obaly-na-mobil-apple-s-vlastni-fotografii-a-motivem" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/sOK7r5ct_b.jpg" alt="Apple" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Apple</div>
                                        </a>
                                                                            <a href="kryty-obaly-na-mobil-honor-s-vlastni-fotografii-a-motivem" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/2xC0xjgr_b.jpg" alt="Honor" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Honor</div>
                                        </a>
                                                                            <a href="kryty-obaly-na-mobil-nokia-s-vlastni-fotografii-a-motivem" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/UsNmZhzz_b.jpg" alt="Nokia" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Nokia</div>
                                        </a>
                                                                            <a href="kryty-na-mobil-s-vlastni-fotografii-motivem/realme" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/EmW8K9ge_b.jpg" alt="Realme" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Realme</div>
                                        </a>
                                                                        <a href="kryty-na-mobil-s-vlastni-fotografii-motivem" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Zobrazit vše</a>
                                </div>
                            </div>
                        </div>
                                            <div class="menu-acordion__item">
                            <button class="menu-accordion__button group" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#respo-menu-1175958" aria-expanded="false" aria-controls="respo-menu-1175958">
                                <span class="menu-accordion__button-wrapper">
                                    <span class="menu-accordion__thumbnail">
                                        <picture>
                                            <source srcset="images/category/Wc5EJUxA_b.webp" type="image/webp">
                                            <source srcset="images/category/Wc5EJUxA_b.jpg" type="image/jpeg">
                                            <img loading="lazy" src="images/category/Wc5EJUxA_b.jpg" alt="Domov" width="266" height="266">
                                        </picture>
                                    </span> Domov                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-1175958" class="menu-accordion__content !visible hidden border-0" data-te-collapse-item aria-labelledby="flush-headingOne" data-te-parent="#responsive-megamenu">
                                <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-2">
                                                                            <a href="siroka-nabidka-elektro-produktu" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/HYiZcpSc_b.jpg" alt="Elektro" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Elektro</div>
                                        </a>
                                                                            <a href="hracky-pro-nejmensi" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/Rc34vOGa_b.jpg" alt="Hračky" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Hračky</div>
                                        </a>
                                                                            <a href="vytvorte-si-magnetku-s-vlastnim-obrazkem" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/jCE8gdMJ_b.png" alt="Magnetky" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Magnetky</div>
                                        </a>
                                                                            <a href="detske-puzzle-s-vlastni-fotografii" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/0WCagGcS_b.jpg" alt="Puzzle" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Puzzle</div>
                                        </a>
                                                                            <a href="stylove-hrnky-s-vlastni-fotografii" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/SHGZ2UHH_b.png" alt="Hrnky" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Hrnky</div>
                                        </a>
                                                                            <a href="samolepky-na-ze-do-domacnosti" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/E6qi3cLR_b.jpg" alt="Samolepky" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Samolepky</div>
                                        </a>
                                                                            <a href="dekorace-do-domacnosti" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/ADRk1btS_b.jpg" alt="Dekorace" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Dekorace</div>
                                        </a>
                                                                            <a href="zvireci-napichovatka-pro-vase-deti" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/DYSAEMMW_b.jpg" alt="Dětská napichovátka" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Dětská napichovátka</div>
                                        </a>
                                                                        <a href="vse-pro-vasi-domacnost" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Zobrazit vše</a>
                                </div>
                            </div>
                        </div>
                                            <div class="menu-acordion__item">
                            <button class="menu-accordion__button group" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#respo-menu-84653" aria-expanded="false" aria-controls="respo-menu-84653">
                                <span class="menu-accordion__button-wrapper">
                                    <span class="menu-accordion__thumbnail">
                                        <picture>
                                            <source srcset="images/category/zFa1wbPh_b.webp" type="image/webp">
                                            <source srcset="images/category/zFa1wbPh_b.jpg" type="image/jpeg">
                                            <img loading="lazy" src="images/category/zFa1wbPh_b.jpg" alt="Příslušenství" width="266" height="266">
                                        </picture>
                                    </span> Příslušenství                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-84653" class="menu-accordion__content !visible hidden border-0" data-te-collapse-item aria-labelledby="flush-headingOne" data-te-parent="#responsive-megamenu">
                                <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-2">
                                                                            <a href="prislusenstvi-pro-mobily/snurky-na-krk-pro-pouzdra" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/AKISe34K_b.jpg" alt="Šňůrky na krk pro pouzdra" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Šňůrky na krk pro pouzdra</div>
                                        </a>
                                                                            <a href="nabijecky-na-mobil" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/iji8ZIWB_b.jpg" alt="Nabíječky na mobil" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Nabíječky na mobil</div>
                                        </a>
                                                                            <a href="power-bank-externi-nabijecky" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/u3LUAY8W_b.jpg" alt="Powerbanky" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Powerbanky</div>
                                        </a>
                                                                            <a href="prislusenstvi-pro-mobily/autonabijecky" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/0YK5Z54d_b.jpg" alt="Autonabíječky" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Autonabíječky</div>
                                        </a>
                                                                            <a href="drzaky-a-stojanky-na-mobil" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/5E7NbbdZ_b.jpg" alt="Držáky a stojánky na mobil" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Držáky a stojánky na mobil</div>
                                        </a>
                                                                            <a href="kabely-rozdvojky-a-redukce" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/So6LqEsN_b.jpg" alt="Kabely, rozdvojky a redukce" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Kabely, rozdvojky a redukce</div>
                                        </a>
                                                                            <a href="sluchatka-a-reproduktory" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/wnBRRN6m_b.jpg" alt="Sluchátka a reproduktory" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Sluchátka a reproduktory</div>
                                        </a>
                                                                            <a href="vychytavky-a-dopl-ky" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/l1OiPFAk_b.jpg" alt="Vychytávky a doplňky" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Vychytávky a doplňky</div>
                                        </a>
                                                                        <a href="prislusenstvi-pro-mobily" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Zobrazit vše</a>
                                </div>
                            </div>
                        </div>
                                            <div class="menu-acordion__item">
                            <button class="menu-accordion__button group" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#respo-menu-84643" aria-expanded="false" aria-controls="respo-menu-84643">
                                <span class="menu-accordion__button-wrapper">
                                    <span class="menu-accordion__thumbnail">
                                        <picture>
                                            <source srcset="images/category/4UiAHoo0_b.webp" type="image/webp">
                                            <source srcset="images/category/4UiAHoo0_b.jpg" type="image/jpeg">
                                            <img loading="lazy" src="images/category/4UiAHoo0_b.jpg" alt="mmCase" width="266" height="266">
                                        </picture>
                                    </span> mmCase                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-84643" class="menu-accordion__content !visible hidden border-0" data-te-collapse-item aria-labelledby="flush-headingOne" data-te-parent="#responsive-megamenu">
                                <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-2">
                                                                            <a href="mmcase/samsung" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/f3Ke9sza_b.jpg" alt="Samsung" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Samsung</div>
                                        </a>
                                                                            <a href="mmcase/huawei" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/IHLv2uxS_b.jpg" alt="Huawei" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Huawei</div>
                                        </a>
                                                                            <a href="mmcase/xiaomi" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/oxVfzb7O_b.jpg" alt="Xiaomi" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Xiaomi</div>
                                        </a>
                                                                            <a href="mmcase/apple" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/wkPu8as1_b.jpg" alt="Apple" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Apple</div>
                                        </a>
                                                                            <a href="mmcase/honor" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/e22y27jB_b.jpg" alt="Honor" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Honor</div>
                                        </a>
                                                                            <a href="mmcase/nokia" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/eb7aH16x_b.jpg" alt="Nokia" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Nokia</div>
                                        </a>
                                                                            <a href="mmcase/lenovo" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/GgXlkS5I_b.jpg" alt="Lenovo" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Lenovo</div>
                                        </a>
                                                                            <a href="mmcase/sony" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/Fc02Se71_b.jpg" alt="Sony" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Sony</div>
                                        </a>
                                                                        <a href="mmcase" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Zobrazit vše</a>
                                </div>
                            </div>
                        </div>
                                            <div class="menu-acordion__item">
                            <button class="menu-accordion__button group" type="button" data-te-collapse-init data-te-collapse-collapsed data-te-target="#respo-menu-473446" aria-expanded="false" aria-controls="respo-menu-473446">
                                <span class="menu-accordion__button-wrapper">
                                    <span class="menu-accordion__thumbnail">
                                        <picture>
                                            <source srcset="images/category/IaSGqqMr_b.webp" type="image/webp">
                                            <source srcset="images/category/IaSGqqMr_b.jpg" type="image/jpeg">
                                            <img loading="lazy" src="images/category/IaSGqqMr_b.jpg" alt="Chytré hodinky" width="266" height="266">
                                        </picture>
                                    </span> Chytré hodinky                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-473446" class="menu-accordion__content !visible hidden border-0" data-te-collapse-item aria-labelledby="flush-headingOne" data-te-parent="#responsive-megamenu">
                                <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-2">
                                                                            <a href="reminky-pro-hodinky-apple-watch" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/yIcFgobR_b.jpg" alt="Apple Watch" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Apple Watch</div>
                                        </a>
                                                                            <a href="chytre-hodinky-xiaomi" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/p4jyrSNK_b.jpg" alt="Xiaomi" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Xiaomi</div>
                                        </a>
                                                                            <a href="chytre-hodinky-xiaomi-band" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/QksOZ0Fp_b.jpg" alt="Bandy Xiaomi" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Bandy Xiaomi</div>
                                        </a>
                                                                            <a href="obaly-reminky-fitbit" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/ut6CdxEo_b.jpg" alt="Fitbit" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Fitbit</div>
                                        </a>
                                                                            <a href="chytre-hodinky-realme" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/yH7bFnM9_b.jpg" alt="Realme" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Realme</div>
                                        </a>
                                                                            <a href="chytre-hodinky-mobvoi" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/10j9qHjT_b.jpg" alt="Mobvoi" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Mobvoi</div>
                                        </a>
                                                                            <a href="chytre-hodinky-haylou" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/jTkcOilM_b.jpg" alt="Haylou" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Haylou</div>
                                        </a>
                                                                            <a href="reminky-k-chytrym-hodinkam" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/2INGtRqw_b.jpg" alt="Řemínky" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Řemínky</div>
                                        </a>
                                                                        <a href="reminky-a-chytre-hodinky" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Zobrazit vše</a>
                                </div>
                            </div>
                        </div>
                                    </div>
            </div>
            <div class="hidden opacity-0 transition-opacity duration-200 ease-linear data-[te-tab-active]:block pt-4" id="menu-ucet" role="tabpanel" aria-labelledby="menu-ucet-tab">
                <div class="flex justify-center">
                    <div class="max-w-[400px] w-full">
                        <h4 class="h5 w-full">Přihlášení</h4>
                        <form method="post" class="flex flex-col items-center relative gap-2 w-full">
                            <input type="hidden" name="login[contentType]" value="category">
                            <input class="w-full" type="email" name="login[email]" value="" autocomplete="username" placeholder="E-mail" aria-label="E-mail" required />
                            <input class="w-full" type="password" name="login[password]" value="" autocomplete="current-password" placeholder="Heslo" aria-label="Heslo" required />
                            <button type="submit" name="login[confirm]" class="button button--square w-full" data-te-ripple-init data-te-ripple-color="light">Přihlásit se</button>
                            <a href="/zapomenute-heslo" class="text-center text-primary my-2 hover:underline">Zapomenuté heslo?</a>
                            <!--<div class="divider"></div>
                            <button class="button button--bordered w-full !rounded-lg"><img class="mr-2" src="./images/fb.svg" alt="" width="24" height="24" /> </button>
                            <button class="button button--bordered w-full !rounded-lg"><img class="mr-2" src="./images/google.svg" alt="" width="24" height="24" /> </button>-->
                            <a href="/registrace" class="text-center hover:underline text-primary text-[18px] font-bold mt-4">Získejte výhody a registrujte se!</a>
                            <ul class="pros pros--clean mt-4 max-w-[286px]">
	<li>Získáte <strong>kredity na další nákupy</strong></li>
	<li><strong>Předvyplněné údaje</strong><br />
	a možnosti více doručovacích adres</li>
	<li>Přehledná <strong>historie nákupů</strong><br />
	a bezpečně uložené účtenky</li>
</ul>
                        </form>
                    </div>
                </div>
            </div>
            <div class="hidden opacity-0 transition-opacity duration-200 ease-linear data-[te-tab-active]:block pt-4" id="menu-kontakt" role="tabpanel" aria-labelledby="menu-kontakt-tab">
                <div class="flex flex-col justify-center items-center gap-2 mb-4">
                    <ul class="underline flex flex-wrap gap-x-4 gap-y-2 justify-center mb-4 mt-1">
                                                    <li><a href="blog-a-poradna">Blog</a></li>
                                                    <li><a href="/reklamace-a-vraceni-zbozi">Reklamace</a></li>
                                                    <li><a href="/doprava-a-dodaci-lhuty">Doprava</a></li>
                                                    <li><a href="/kde-nas-najdete-a-jak-k-nam">Kontakt</a></li>
                                            </ul>
                    <a href="/kde-nas-najdete-a-jak-k-nam" class="button button--square gap-1 mb-4"><i class="icon icon-location_on text-[1.2em]"></i>Kde nás najdete a jak k nám?</a>
                    <div class="flex items-center gap-4 mb-2">
                        <img src="./images/palec.png" srcset="./images/palec.png, ./images/palec2x.png 2x, ./images/palec3x.png 3x" alt="maskot mpouzdra" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                        <div>
                            <div class="h4 font-bold !mb-0">Ozvěte se nám</div>
                            <div class="mb-0 text-[15px]">Volejte a pište Po–Pá 7–13.30</div>
                        </div>
                        <img src="./images/sipka-dolu.svg" alt="Šipka" width="26.48" height="36.29" loading="lazy" />
                    </div>
                    <a href="mailto:info@mpouzdra.cz" class="button button--bordered gap-2 !font-bold !text-primary"> <i class="icon icon-mail text-[1.2em]"></i> <span>info@mpouzdra.cz</span> </a>
                    <a href="tel:+420604 489 850" class="button button--bordered flex-center gap-2 !font-bold !text-primary"> <i class="icon icon-call-40 text-[1.2em]"></i> <span>604 489 850</span> </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div data-te-modal-init class="modal" id="loginModal" tabindex="-1" aria-labelledby="loginModal" aria-modal="true" role="dialog">
    <div data-te-modal-dialog-ref class="modal__inner opacity-0 translate-y-[-50px] !max-w-[373px]">
        <div class="modal__body items-center justify-center p-4 max-w-[373px]">
            <h4 class="h5 w-full">Přihlášení</h4>
            <button type="button" class="modal__close !top-3 !right-3" data-te-modal-dismiss aria-label="Close">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                </svg>
            </button>
            <form method="post" class="flex flex-col items-center relative gap-2 w-full">
                <input type="hidden" name="login[contentType]" value="category">
                <input class="w-full" type="email" name="login[email]" value="" autocomplete="username" placeholder="E-mail" aria-label="E-mail" required />
                <input class="w-full" type="password" name="login[password]" value="" autocomplete="current-password" placeholder="Heslo" aria-label="Heslo" required />
                <button type="submit" name="login[confirm]" class="button button--square w-full" data-te-ripple-init data-te-ripple-color="light">Přihlásit se</button>
                <a href="/zapomenute-heslo" class="text-center text-primary my-2 hover:underline">Zapomenuté heslo?</a>
                <!--<div class="divider"></div>
                <button class="button button--bordered w-full !rounded-lg"><img class="mr-2" src="./images/fb.svg" alt="" width="24" height="24" /> </button>
                <button class="button button--bordered w-full !rounded-lg"><img class="mr-2" src="./images/google.svg" alt="" width="24" height="24" /> </button>-->
                <a href="/registrace" class="text-center hover:underline text-primary text-[18px] font-bold mt-4">Získejte výhody a registrujte se!</a>
                <ul class="pros pros--clean mt-4 max-w-[286px]">
	<li>Získáte <strong>kredity na další nákupy</strong></li>
	<li><strong>Předvyplněné údaje</strong><br />
	a možnosti více doručovacích adres</li>
	<li>Přehledná <strong>historie nákupů</strong><br />
	a bezpečně uložené účtenky</li>
</ul>
            </form>
        </div>
    </div>
</div>

<div data-te-modal-init class="modal modal--responsive-menu pointer-events-none" id="searchModal" tabindex="-1" data-te-backdrop="false" aria-labelledby="searchModal" aria-modal="true" role="dialog">
    <div data-te-modal-dialog-ref class="modal__inner translate-y-[-16px] !items-start">
        <div class="modal__body p-4 lg:max-w-[778px] lg:!rounded-2xl lg-max:!w-full">
            <form action="/search/" class="flex flex-col items-center relative gap-2 w-full search" id="searchForm">
                <input type=hidden name=filter value="">
                <div class="flex gap-2 w-full">
                    <div class="relative flex-1">
                        <input class="w-full focus:!border-primary !border !px-8 lg:!px-10 !py-2.5 placeholder:text-dark-gray" id="searchField" type="text" name="search" autofocus="autofocus" autocomplete="off" placeholder="Kód produktu / EAN kód / název produktu" aria-label="Vyhledávací pole" />
                        <span class="absolute inset-y-0 left-0 flex items-center pl-3"> <i class="icon icon-search text-[22px]"></i> </span>
                    </div>
                    <button id="searchSubmit" type="submit" class="button button--square md-max:hidden" data-te-ripple-init data-te-ripple-color="light">Hledat</button>
                </div>

                <div class="search__results w-full">
                    <div class="flex flex-col mt-4 w-full max-h-[calc(61vh_-_var(--header-top))] lg:max-h-[51vh] overflow-auto" id="searchResults">
                        <!--<a href="#" class="font-bold text-primary flex-center gap-1 group mt-2"><span class="group-hover:underline">Všechny výsledky</span> <i class="icon icon-chevron_right"></i></a>-->
                    </div>

                </div>
            </form>

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




<script>
    function search_mp() {
        //$('#searchResults').html('Vyhledávání, čekejte prosím');
        $('#searchResults').load('/etc/ajaxSearch.php?q=' + encodeURIComponent($('#searchField').val()));
    }

    $('#searchField').keyup(function() {
        clearTimeout($.data(this, 'search_timer'));
        var wait = setTimeout(search_mp, 250);
        $(this).data('search_timer', wait);
    });
</script>

<div data-te-modal-init class="modal" id="cartAddedModal" tabindex="-1" aria-labelledby="cartAddedModal" aria-modal="true" role="dialog">
    <div data-te-modal-dialog-ref class="modal__inner opacity-0 translate-y-[-50px] !max-w-[1048px]" id="cartAddedModalContent">
    </div>
</div>

<div data-te-modal-init class="modal" id="headerModal" tabindex="-1" aria-labelledby="headerModal" aria-modal="true" role="dialog">
    <div data-te-modal-dialog-ref class="modal__inner opacity-0 translate-y-[-50px] !max-w-[373px]">
        <div class="modal__body items-center justify-center p-4 max-w-[373px]">
            <button type="button" class="modal__close !top-3 !right-3" data-te-modal-dismiss aria-label="Close">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                </svg>
            </button>

                            <form action="#" class="flex flex-col items-center relative gap-2 w-full mt-3">
                    <label class="input-field w-full">
                        <span>Vyberte značku zařízení:</span>
                        <div class="choices-wrapper relative">
                            <select name="category_brand" id="category_brand_select" class="appearance-none js-choice" data-type="select-one">
                                <option value="-" data-id="0" selected>-</option>
                                                                    <option value="samsung" id="category_brand_select_id_9098" data-id="9098">SAMSUNG</option>
                                                                    <option value="huawei" id="category_brand_select_id_9109" data-id="9109">HUAWEI</option>
                                                                    <option value="xiaomi" id="category_brand_select_id_9106" data-id="9106">XIAOMI</option>
                                                                    <option value="obaly-pouzdra-a-kryty-na-mobil/apple" id="category_brand_select_id_9162" data-id="9162">APPLE</option>
                                                                    <option value="pouzdra-obaly-na-telefony-honor" id="category_brand_select_id_9160" data-id="9160">Honor</option>
                                                                    <option value="nokia" id="category_brand_select_id_9163" data-id="9163">NOKIA</option>
                                                                    <option value="obaly-pouzdra-na-mobil-lenovo" id="category_brand_select_id_9101" data-id="9101">Lenovo</option>
                                                                    <option value="sony" id="category_brand_select_id_9054" data-id="9054">SONY</option>
                                                                    <option value="obaly-pouzdra-google" id="category_brand_select_id_9110" data-id="9110">Google</option>
                                                                    <option value="pouzdra-obaly-motorola-moto" id="category_brand_select_id_9090" data-id="9090">Motorola</option>
                                                                    <option value="realme-obaly-kryty-a-pouzdra" id="category_brand_select_id_9046" data-id="9046">Realme</option>
                                                                    <option value="oppo-obaly-pouzdra-a-kryty" id="category_brand_select_id_9047" data-id="9047">Oppo</option>
                                                                    <option value="vivo-obaly-pouzdra-a-kryty" id="category_brand_select_id_9191" data-id="9191">VIVO</option>
                                                                    <option value="pouzdra-kryty-a-obaly-na-mobilni-telefony-t-mobile" id="category_brand_select_id_16509" data-id="16509">T-Mobile</option>
                                                            </select>
                        </div>
                    </label>

                    <label class="input-field w-full mt-3">
                        <span>Vyberte model zařízení:</span>
                        <select name="category_brand" id="category_model_select" class="appearance-none js-choice2" data-type="select-one">
                            <option value="-" data-id="0" selected>-</option>
                        </select>


                    </label>
                    <button type="button" class="button button--square w-full" data-url="" data-te-ripple-init="" data-te-ripple-color="light" id="category_brand_model_btn"> Zobrazit produkty </button>
                </form>
                    </div>
    </div>
</div>

<link rel="stylesheet" href="css/choices.min.css" />

    <script>
        (function waitForFbq(cb) {
            if (typeof window.fbq === 'function') {
                cb();
            } else {
                setTimeout(() => waitForFbq(cb), 50);
            }
        })(function() {
            fbq('track', 'ViewCategory', {
                content_category: "Obaly, pouzdra a kryty na mobil/SAMSUNG/Řada Samsung Galaxy A/Galaxy A22 5G/Gelové obaly",
                content_type: 'category',
                content_name: 'Gelové obaly',
                content_ids: '["SM-A22-5G-2086","SM-A22-5G-2085","SM-A22-5G-2063","SM-A22-5G-2062","SM-A22-5G-2056","SM-A22-5G-2052","SM-A22-5G-2044","SM-A22-5G-2041","SM-A22-5G-2040","SM-A22-5G-2036","SM-A22-5G-2027"]'
            });
        });
    </script>

    <!-- Smartsupp Live Chat script -->
    <script type="text/javascript" defer>
        var _smartsupp = _smartsupp || {};
        _smartsupp.key = 'd11f005880342cccd41aeecaa00d9ce2427cf2e8';
        window.smartsupp || (function(d) {
            var s, c, o = smartsupp = function() {
                o._.push(arguments)
            };
            o._ = [];
            s = d.getElementsByTagName('script')[0];
            c = d.createElement('script');
            c.type = 'text/javascript';
            c.charset = 'utf-8';
            c.async = true;
            c.src = 'https://www.smartsuppchat.com/loader.js?';
            s.parentNode.insertBefore(c, s);
        })(document);
    </script>

    <!-- Formulář ecomail - CZ sleva 50kč | desktop
    <script>
        (function(w, d, s, o, f, js, fjs) {
            w['ecm-widget'] = o;
            w[o] = w[o] || function() {
                (w[o].q = w[o].q || []).push(arguments)
            };
            js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
            js.id = '4-f67e22c6c3dacfc9b77b6b40399abc16';
            js.dataset.a = 'mpouzdra';
            js.src = f;
            js.async = 1;
            fjs.parentNode.insertBefore(js, fjs);
        }(window, document, 'script', 'ecmwidget', 'https://d70shl7vidtft.cloudfront.net/widget.js'));
    </script>-->
    <!-- Formulář ecomail - CZ sleva 50kč | mobil
    <script>
        (function(w, d, s, o, f, js, fjs) {
            w['ecm-widget'] = o;
            w[o] = w[o] || function() {
                (w[o].q = w[o].q || []).push(arguments)
            };
            js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
            js.id = '5-ed07fd6b07ff0199fabc8509f995f058';
            js.dataset.a = 'mpouzdra';
            js.src = f;
            js.async = 1;
            fjs.parentNode.insertBefore(js, fjs);
        }(window, document, 'script', 'ecmwidget', 'https://d70shl7vidtft.cloudfront.net/widget.js'));
    </script>-->







<script>
    

        const category_brand_select_element = document.getElementById('category_brand_select');
        const category_model_select_element = document.getElementById('category_model_select');

        category_brand_select_element.addEventListener(
            'choice',
            function(event) {
                console.log(event.detail.choice);
                console.log(event.detail.choice.value);

                if (event.detail.choice.value !== undefined && event.detail.choice.value != '') {
                    $('#category_model_select').prop('disabled', false);

                    $.get('/etc/category_models_new.php?brand=' + event.detail.choice.value, function(newChoices) {
                        newChoices = $.parseJSON(newChoices);
                        choices2SetChoices(newChoices);
                    });

                    $('#category_brand_model_btn').data('url', event.detail.choice.value);
                } else {
                    $('#category_model_select').html('');
                    $('#category_model_select').prop('disabled', true);
                    //$('#category_brand_model_btn').data('url', '');
                }
            },
            false,
        );

        category_model_select_element.addEventListener(
            'choice',
            function(event) {
                console.log('model select');
                console.log(event.detail.choice);
                console.log(event.detail.choice.value);

                if (event.detail.choice.value !== undefined && event.detail.choice.value != '') {
                    $('#category_brand_model_btn').data('url', event.detail.choice.value);

                } else {
                    //$('#category_brand_model_btn').data('url', '');
                }

            },
            false,
        );

        $('#category_brand_model_btn').on('click', function() {
            console.log('blick');
            console.log($(this).data('url'))
            window.location.href = $(this).data('url');
            //if ($('#category_model_select').val() != '') window.location.href = $('#category_model_select').val();
            // else if ($('#category_brand_select').val() != '') window.location.href = $('#category_brand_select').val();
        });

    
    $(document).on('click', '.paginationSet', function(e) {
        e.preventDefault();
        $('#actPage').val($(this).attr('data-page'));
        filterDataCat('pagination');
        if ($(this).hasClass('toTop')) {
            if (window.getComputedStyle(document.getElementById("productListTop")).display === "none") document.getElementById('sideMenu').scrollIntoView();
            else document.getElementById('productListTop').scrollIntoView();
        }
    });

    $(document).on('click', '.loadNextProducts', function(e) {
        e.preventDefault();
        spage=false;
        if($('#spage').data('spage')!==undefined)spage=$('#spage').data('spage');


        $('#actPage').val($(this).attr('data-page'));
        filterDataCat('append', spage);
        //toTop();
    });


    $(document).on('change', '.filterData ', function(e) {
        filterDataCat();
        //toTop();
    });
  
    </script>

<style>
.sidebar_loading {
    position: relative;
}

.sidebar_loading::after {
    content: "Čekejte prosím";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    z-index: 10;
}
</style>

</body>

</html>