#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1074): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/app.php(291): routeUrl(Array)
#0 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(730): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#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(730): getProduct(Array)
#1 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#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/product.php(54): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(741): generateSimiliar('...')
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#4 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#5 /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/product.php(54): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(741): generateSimiliar('...')
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#4 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#5 /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/product.php(54): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(741): generateSimiliar('...')
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#4 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#5 /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/product.php(54): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(741): generateSimiliar('...')
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#4 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#5 /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/product.php(54): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(741): generateSimiliar('...')
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#4 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#5 /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/product.php(54): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(741): generateSimiliar('...')
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#4 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#5 /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/product.php(54): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(741): generateSimiliar('...')
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#4 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#5 /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/product.php(54): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(741): generateSimiliar('...')
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#4 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#5 /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/product.php(54): getProductListNew(Array)
#2 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/product.php(741): generateSimiliar('...')
#3 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(1133): getSimiliar('...', '...', false, true)
#4 /var/www/vhosts/mpouzdra.cz/httpdocs/modules/core/route.php(446): handleRequest(Array)
#5 /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="Skvělá cena, dokonalá ochrana Vašeho telefonu proti poškrábání. Gelové pouzdro mmCase padne skvěle na mobil Xiaomi Redmi Note 12 Pro 5G - abstraktní v" />
    <meta name="keywords" content="" />
            <meta name="author" content="mpouzdra.cz" />
            
            <link rel="alternate" hreflang="cs-cz" href="https://mpouzdra.cz/gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-12-pro-5g-abstraktni-vzor.html" />
            <link rel="alternate" hreflang="sk-sk" href="https://mpuzdra.sk/sk/gelove-puzdro-mmcase-na-mobil-xiaomi-redmi-note-12-pro-5g-abstraktny-vzor.html" />
            <link rel="alternate" hreflang="hu-hu" href="https://telefonkieg.hu/gel-tok-mmcase-a-xiaomi-redmi-note-12-pro-5g-szamara-absztrakt-minta" />
                    <link rel="canonical" href="https://mpouzdra.cz/gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-12-pro-5g-abstraktni-vzor.html" />
    
    <!-- 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">

    

            <link href="/css/select2.min.css" rel="stylesheet">
        <script src="/js/select2.full.min.js"></script>
    
    

            <title>Gelové pouzdro mmCase na mobil Xiaomi Redmi Note 12 Pro 5G - abstraktní vzor - Mpouzdra.cz</title>
        <meta property="og:title" content="Gelové pouzdro mmCase na mobil Xiaomi Redmi Note 12 Pro 5G - abstraktní vzor - Mpouzdra.cz" />
            <meta property="og:description" content="Skvělá cena, dokonalá ochrana Vašeho telefonu proti poškrábání. Gelové pouzdro mmCase padne skvěle na mobil Xiaomi Redmi Note 12 Pro 5G - abstraktní v" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Mpouzdra.cz" />
    <meta property="og:url" content="https://mpouzdra.cz/gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-12-pro-5g-abstraktni-vzor.html" />
    <meta property="og:image" content="https://mpouzdra.cz/images/products/iEl2eVH8_s.jpg" />
    <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/gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-12-pro-5g-abstraktni-vzor.html" 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/gelove-puzdro-mmcase-na-mobil-xiaomi-redmi-note-12-pro-5g-abstraktny-vzor.html" 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-tok-mmcase-a-xiaomi-redmi-note-12-pro-5g-szamara-absztrakt-minta" 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="lg-max:block grid-12">
			<!-- SIDEBAR -->
			<div class="flex flex-col col-span-3 xl-max:hidden">
				<a class="button button--bordered mb-7 self-start gap-2.5 font-bold" href="obaly-na-xiaomi-redmi-note-12-pro-5g">
					<i class="icon icon-chevron_left"></i>
					Xiaomi Redmi Note 12 Pro 5G				</a>

				<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" >SAMSUNG</a>

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

												
																									<a href="xiaomi" class="active">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">Zobrazit více</span>
															<span class="inline group-[[data-te-collapse-collapsed]]:hidden">Zobrazit 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>

				<div class="notice mb-2">
					<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">
					<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>

			<div class="lg-max:flex lg-max:flex-col col-span-12 grid-12 xl:grid-9 xl:col-span-9 auto-rows-max" itemscope itemtype="https://schema.org/Product">
				<!-- SCHEMA.ORG BREADCRUMBS (strukturovaná data) -->
				<nav class="breadcrumbs mb-4 lg:mb-5 col-span-12 xl:col-span-9">
					<ol itemscope itemtype="https://schema.org/BreadcrumbList">
						<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="xiaomi">
											<span itemprop="name">XIAOMI</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-xiaomi-redmi-note">
											<span itemprop="name">Řada Xiaomi Redmi Note</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-na-xiaomi-redmi-note-12-pro-5g">
											<span itemprop="name">Xiaomi Redmi Note 12 Pro 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">
										<a itemprop="item" href="obaly-na-xiaomi-redmi-note-12-pro-5g/gelove-obaly">
											<span itemprop="name">Gelové obaly</span>
										</a>
										<meta itemprop="position" content="6" />
									</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é pouzdro mmCase na mobil Xiaomi Redmi Note 12 Pro 5G - abstraktní vzor</span>
									<meta itemprop="position" content="7" />
								</span>
							</span>
						</li>
					</ol>
				</nav>

				<!-- MAIN CENTER CONTENT-->

				<div class="col-span-8 xl:col-span-6 h-max">
					<meta itemprop="itemCondition" content="https://schema.org/NewCondition" />
					<meta itemprop="gtin13" content="8596580445505" />
					<h1 class="sm-max:text-[18px]" itemprop="name">Gelové pouzdro mmCase na mobil Xiaomi Redmi Note 12 Pro 5G - abstraktní vzor</h1>
					<div class="product-slider my-4">
						<div class="swiper swiper-init" data-arrows data-gallery>
							<div class="product-badge">
															</div>
							<div class="swiper-wrapper">
								<a data-pswp-width="800" data-pswp-height="800" href="images/products/iEl2eVH8_b.webp" class="swiper-slide">
									<picture class="product-image">
										<source srcset="images/products/iEl2eVH8_b.webp" type="image/webp">
										<source srcset="images/products/iEl2eVH8_b.jpg" type="image/jpeg">
										<img src="images/products/iEl2eVH8_b.jpg" alt="Gelové pouzdro mmCase na mobil Xiaomi Redmi Note 12 Pro 5G - abstraktní vzor" width="500px" height="500px" itemprop="image">
									</picture>
								</a>
															</div>
						</div>
					</div>

					<div class="lg-max:hidden article" id="productContent" itemprop="description">
						Skvělá cena, dokonalá ochrana Vašeho telefonu proti poškrábání. Gelové pouzdro mmCase padne skvěle na mobil Xiaomi Redmi Note 12 Pro 5G - abstraktní vzor
											</div>
				</div>

				<!-- PRODUCT META RIGHT -->
				<div class="col-span-4 xl:col-span-3">
					<div class="buy-box lg:p-4 lg:rounded-2xl lg:border lg:border-light-gray grid mb-4" itemprop="offers" itemscope itemtype="https://schema.org/Offer">

						<!--
                                                        <div class="alert alert-warning text-center mt-0 lg:rounded-2xl lg:border" role="alert">
                                    <img src="./images/svg/maskot/palec.svg" alt="maskot mpouzdra" width="40" height="38"> Při zakoupení získáte 10% slevu na libovolné ochranné skla a fólie                                </div>
                                                        -->

						<div class="flex items-center justify-between">

							
																	<span class="product-tile__stock">Skladem - ihned k odeslání </span>
									<meta itemprop="availability" content="https://schema.org/InStock" />
															
														<!-- END TOOLTIP HTML DATA -->
						</div>

						<!-- MOBILNI NOTICE -->
						<div class="lg:hidden grid grid-cols-2 gap-2 mt-1 lg:mt-2">
							<div class="notice notice--centered sm-max:p-2">
								<div class="notice__item">
									<i class="notice__icon icon icon-local_shipping"></i>
									<p class="notice__text sm-max:text-[12px]"><strong>Doprava nad 1499,- ZDARMA</strong></p>
								</div>
							</div>

							<div class="notice notice--centered sm-max:p-2">
								<div class="notice__item">
									<i class="notice__icon icon icon-speed"></i>
									<p class="notice__text sm-max:text-[12px]"><strong>Objednejte do 12:00 a odešleme ještě DNES!</strong></p>
								</div>
							</div>
						</div>

						<div class="lg-max:grid lg-max:grid-cols-2 lg-max:items-center lg-max:mt-4 lg-max:mb-8">
							<div class="price price--large !text-left my-2">
																<span itemprop="price" content="289">289</span> <span itemprop="priceCurrency" content="CZK">Kč</span>
							</div>

															<table class="params-table">
																			<tr>
											<td>Při koupi 1ks</td>
											<td>289 Kč/ks</td>
										</tr>
																		<tr>
											<td>Při koupi 2ks</td>
											<td>260 Kč/ks</td>
										</tr>
																</table>
								
																	<form method="post" class="handlePostRequest tocart lg-max:col-span-2">
										<input type="hidden" name="requestType" value="addToCart">
										<input type="hidden" name="requestData[product_id]" value="131484">
										<div class="shop-button-box">
											<div class="flex justify-between gap-2 flex-wrap lg:mb-4">
												<div class="counter">
													<button data-te-ripple-init data-te-ripple-color="#c3b5bd" class="counter__minus" aria-label="Snížit počet">
														<i class="icon icon-remove"></i>
													</button>
													<input id="productAmount" min="1" max="0" value="1" step="1" type="number" name="requestData[amount]" data-type="product" data-id="131484" data-action="amountProd" class="counter__input cart_product_data" aria-label="Počet" readonly />
													<button data-te-ripple-init data-te-ripple-color="#c3b5bd" class="counter__plus" aria-label="Zvýšit počet">
														<i class="icon icon-add"></i>
													</button>
												</div>
												<button type="submit" class="button flex-1 add-tocart" data-te-ripple-init data-te-ripple-color="light" data-te-toggle="modal" data-te-target="#cartAddedModal">
													<i class="icon icon-shopping_cart"></i>
													Koupit												</button>
											</div>
										</div>
									</form>
														</div>
						<script>
							$('#productAmount').on('change', function() {
								if (parseInt($(this).val()) > parseInt($(this).attr('max'))) $(this).val($(this).attr('max'));
							});
						</script>

						<div class="notice">
							<div class="notice__item">
								<i class="notice__icon icon icon-local_shipping"></i>
								<p class="notice__text">
									<b>Rychlé doručení -</b> vše skladem								</p>
							</div>
							<div class="notice__item">
								<i class="notice__icon icon icon-undo"></i>
								<p class="notice__text">
									<strong>Vrácení zboží</strong> - do 60 dnů								</p>
							</div>
							<div class="notice__item">
								<i class="notice__icon icon icon-star"></i>
								<p class="notice__text">
									<strong>K nákupu nad 799,- Kč DÁREK ZDARMA</strong>								</p>
							</div>
						</div>

					</div>

											<div class="lg:p-4 lg:rounded-2xl lg:border lg:border-light-gray grid mb-4">
							<h4>Pro jiný telefon?</h4>
							<select id="js-choice3" class="mb-2 appearance-none js-choice3">
																	<option value="APPLE" >APPLE</option>
																	<option value="HUAWEI" >HUAWEI</option>
																	<option value="Honor" >Honor</option>
																	<option value="NOKIA" >NOKIA</option>
																	<option value="Realme" >Realme</option>
																	<option value="SAMSUNG" >SAMSUNG</option>
																	<option value="VIVO" >VIVO</option>
																	<option value="XIAOMI" selected>XIAOMI</option>
															</select>

							<select id="js-choice4" class="mb-2 appearance-none js-choice4">
								<option value="-" data-id="0" selected>-</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-11-lite-5g-ne-abstraktni-vzor.html" >Xiaomi 11 Lite 5G NE</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-11t-abstraktni-vzor.html" >Xiaomi 11T</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-11t-pro-abstraktni-vzor.html" >Xiaomi 11T Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-12-abstraktni-vzor.html" >Xiaomi 12</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-12-lite-abstraktni-vzor.html" >Xiaomi 12 Lite</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-12-pro-abstraktni-vzor.html" >Xiaomi 12 Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-12t-abstraktni-vzor.html" >Xiaomi 12T</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-12t-pro-abstraktni-vzor.html" >Xiaomi 12T Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-12x-abstraktni-vzor.html" >Xiaomi 12X</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-13-abstraktni-vzor.html" >Xiaomi 13</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-13-lite-abstraktni-vzor.html" >Xiaomi 13 Lite</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-13-pro-abstraktni-vzor.html" >Xiaomi 13 Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-8-abstraktni-vzor.html" >Xiaomi Mi 8</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-9-abstraktni-vzor.html" >Xiaomi Mi 9</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-9-lite-abstraktni-vzor.html" >Xiaomi Mi 9 Lite</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-10-abstraktni-vzor.html" >Xiaomi Mi 10</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-10-lite-abstraktni-vzor.html" >Xiaomi Mi 10 Lite</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-10-pro-abstraktni-vzor.html" >Xiaomi Mi 10 Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-10t-5g-abstraktni-vzor.html" >Xiaomi Mi 10T 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-10t-lite-5g-abstraktni-vzor.html" >Xiaomi Mi 10T Lite 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-10t-pro-5g-abstraktni-vzor.html" >Xiaomi Mi 10T Pro 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-11-abstraktni-vzor.html" >Xiaomi Mi 11</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-11-lite-4g-5g-abstraktni-vzor.html" >Xiaomi Mi 11 Lite/5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-11-ultra-abstraktni-vzor.html" >Xiaomi Mi 11 Ultra</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-a2-abstraktni-vzor.html" >Xiaomi Mi A2</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-a2-lite-abstraktni-vzor.html" >Xiaomi Mi A2 Lite</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-note-10-abstraktni-vzor.html" >Xiaomi Mi Note 10</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-mi-note-10-lite-abstraktni-vzor.html" >Xiaomi Mi Note 10 Lite</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-c40-abstraktni-vzor.html" >Xiaomi Poco C40</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-f2-pro-abstraktni-vzor.html" >Xiaomi Poco F2 Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-f3-abstraktni-vzor.html" >Xiaomi Poco F3</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-f4-abstraktni-vzor.html" >Xiaomi Poco F4</option>
																	<option value="gelove-pouzdro-mmcase-na-xiaomi-poco-f5-abstraktni-vzor.html" >Xiaomi Poco F5</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-m3-abstraktni-vzor.html" >Xiaomi Poco M3</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-m3-pro-5g-abstraktni-vzor.html" >Xiaomi Poco M3 Pro/5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-m4-5g-abstraktni-vzor.html" >Xiaomi Poco M4 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-m4-pro-4g-abstraktni-vzor.html" >Xiaomi Poco M4 Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-m5-4g-abstraktni-vzor.html" >Xiaomi Poco M5</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-m5s-abstraktni-vzor.html" >Xiaomi Poco M5s</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-x3-abstraktni-vzor.html" >Xiaomi Poco X3</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-x3-pro-abstraktni-vzor.html" >Xiaomi Poco X3 Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-x5-5g-abstraktni-vzor.html" >Xiaomi Poco X5 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-poco-x5-pro-5g-abstraktni-vzor.html" >Xiaomi Poco X5 Pro 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-5-plus-abstraktni-vzor.html" >Xiaomi Redmi 5 Plus</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-5a-abstraktni-vzor.html" >Xiaomi Redmi 5A</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-6a-abstraktni-vzor.html" >Xiaomi Redmi 6A</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-7-abstraktni-vzor.html" >Xiaomi Redmi 7</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-7a-abstraktni-vzor.html" >Xiaomi Redmi 7A</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-8-abstraktni-vzor.html" >Xiaomi Redmi 8</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-8a-abstraktni-vzor.html" >Xiaomi Redmi 8A</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-9-abstraktni-vzor.html" >Xiaomi Redmi 9</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-9a-abstraktni-vzor.html" >Xiaomi Redmi 9A</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-9at-abstraktni-vzor.html" >Xiaomi Redmi 9AT</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-9c-abstraktni-vzor.html" >Xiaomi Redmi 9C</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-9t-abstraktni-vzor.html" >Xiaomi Redmi 9T</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-10-5g-abstraktni-vzor.html" >Xiaomi Redmi 10 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-10-redmi-10-2022-abstraktni-vzor.html" >Xiaomi Redmi 10/10 (2022)</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-10a-abstraktni-vzor.html" >Xiaomi Redmi 10A</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-10c-abstraktni-vzor.html" >Xiaomi Redmi 10C</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-12c-abstraktni-vzor.html" >Xiaomi Redmi 12C</option>
																	<option value="gelove-pouzdro-mmcase-na-xiaomi-redmi-a1-a2-abstraktni-vzor.html" >Xiaomi Redmi A1+</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-a1-abstraktni-vzor.html" >Xiaomi Redmi A2</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-4x-abstraktni-vzor.html" >Xiaomi Redmi Note 4X</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-5a-prime-abstraktni-vzor.html" >Xiaomi Redmi Note 5A Prime</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-6-pro-abstraktni-vzor.html" >Xiaomi Redmi Note 6 Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-7-abstraktni-vzor.html" >Xiaomi Redmi Note 7</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-8-abstraktni-vzor.html" >Xiaomi Redmi Note 8</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-8-pro-abstraktni-vzor.html" >Xiaomi Redmi Note 8 Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-8t-abstraktni-vzor.html" >Xiaomi Redmi Note 8T</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-9-abstraktni-vzor.html" >Xiaomi Redmi Note 9</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-9-pro-abstraktni-vzor.html" >Xiaomi Redmi Note 9 Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-9s-abstraktni-vzor.html" >Xiaomi Redmi Note 9S</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-9t-5g-abstraktni-vzor.html" >Xiaomi Redmi Note 9T 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-10-4g-abstraktni-vzor.html" >Xiaomi Redmi Note 10</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-10-5g-abstraktni-vzor.html" >Xiaomi Redmi Note 10 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-10-pro-abstraktni-vzor.html" >Xiaomi Redmi Note 10 Pro</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-10s-abstraktni-vzor.html" >Xiaomi Redmi Note 10S</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-11-4g-abstraktni-vzor.html" >Xiaomi Redmi Note 11</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-11-pro-5g-abstraktni-vzor.html" >Xiaomi Redmi Note 11 Pro+ 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-11-pro-4g-5g-abstraktni-vzor.html" >Xiaomi Redmi Note 11 Pro 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-11s-4g-abstraktni-vzor.html" >Xiaomi Redmi Note 11S</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-11s-5g-abstraktni-vzor.html" >Xiaomi Redmi Note 11S 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-xiaomi-redmi-note-12-4g-abstraktni-vzor.html" >Xiaomi Redmi Note 12</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-12-5g-abstraktni-vzor.html" >Xiaomi Redmi Note 12 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-xiaomi-redmi-note-12-pro-5g-abstraktni-vzor.html" >Xiaomi Redmi Note 12 Pro+ 5G</option>
																	<option value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-12-pro-5g-abstraktni-vzor.html" selected>Xiaomi Redmi Note 12 Pro 5G</option>
															</select>

						</div>
						<script>
							const brand_select_element = document.getElementById('js-choice3');
							const model_select_element = document.getElementById('js-choice4');

							brand_select_element.addEventListener(
								'choice',
								function(event) {
									if (event.detail.choice.value !== undefined && event.detail.choice.value != '') {
										//$('#category_model_select').prop('disabled', false);
										$.get('gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-12-pro-5g-abstraktni-vzor.html?motives=' + event.detail.choice.value + '&model=Xiaomi Redmi Note 12 Pro 5G', function(newChoices) {
											newChoices = $.parseJSON(newChoices);
											choices4SetChoices(newChoices);
										});
									}
								},
								false,
							);

							model_select_element.addEventListener(
								'choice',
								function(event) {
									if (event.detail.choice.value !== undefined && event.detail.choice.value != '') {
										window.location.href = event.detail.choice.value;
									}

								},
								false,
							);
						</script>

					
					

					<div class="flex flex-col mb-8">
																			<button id="handleTextTransfer" class="flex items-center gap-1 font-bold text-primary">
								Číst celý popis <i class="icon icon-expand_more text-[20px]"></i>
							</button>
											</div>

					<table class="params-table my-4">
						<tbody>
							<tr>
								<td>Kategorie</td>
								<td><a class="underline" href="obaly-na-xiaomi-redmi-note-12-pro-5g">Xiaomi Redmi Note 12 Pro 5G</a></td>
							</tr>
							<tr>
								<td>EAN</td>
								<td>8596580445505</td>
							</tr>
						</tbody>
					</table>

					<div class="rounded-none lg-max:border-t border-gainsboro lg:hidden">
						<h4 class="f5 !mb-0">
							<button data-te-collapse-collapsed id="mobileCollapseTrigger" class="group relative flex justify-between w-full items-center rounded-none border-0 py-4 text-left transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none" type="button" data-te-collapse-init data-te-target="#mobileContentCollapse" aria-expanded="false" aria-controls="mobileContentCollapse">
								Popis								<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="mobileContentCollapse" class="!visible hidden w-full" data-te-collapse-item aria-labelledby="vse-o-nakupovani"></div>
					</div>

					<div class="rounded-none lg-max:border-t lg-max:border-b border-gainsboro">
						<h4 class="f5 !mb-0">
							<button class="group relative flex justify-between w-full items-center rounded-none border-0 py-4 text-left transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none" type="button" data-te-collapse-init data-te-target="#parametry-collapse" aria-expanded="true" aria-controls="parametry-collapse">
								Specifikace								<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="parametry-collapse" class="!visible w-full" data-te-collapse-item aria-labelledby="vse-o-nakupovani" data-te-parent="#vse-o-nakupovani-menu" data-te-collapse-show>
							<table class="params-table">
								<tbody>

																			<tr>
											<td>Značka telefonu</td>
											<td>XIAOMI																							</td>
										</tr>
																			<tr>
											<td>Pro model telefonu</td>
											<td>Xiaomi Redmi Note 12 Pro 5G																							</td>
										</tr>
																			<tr>
											<td>Typ pouzdra</td>
											<td>Gelové</td>
										</tr>
																			<tr>
											<td>Materiál</td>
											<td>pružný gel</td>
										</tr>
																			<tr>
											<td>Barva</td>
											<td>vícebarevné</td>
										</tr>
																			<tr>
											<td>Barevný motiv</td>
											<td>Abstraktní</td>
										</tr>
																	</tbody>
							</table>
						</div>
					</div>

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

				<!-- END COL-SPAN-9 -->
			</div>

			<!-- PRODUKTOVE DLAZDICE -->
							<div class="col-span-12">
					<h2 class="mt-8 text-center">Nezapomeňte na</h2>
					<div class="swiper swiper-init !p-[1px]" data-config="singleRow" data-arrows data-bullets>
						<div class="swiper-wrapper">
							<a href="tvrzene-sklo-na-xiaomi-redmi-note-12-pro-5g-poco-x5-pro-5g.html" class="product-tile swiper-slide swiper-slide" title="Tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G/Poco X5 Pro 5G">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/tvrzene-sklo-na-xiaomi-redmi-note-12-pro-5g-poco-x5-pro-5g-b8jn0j_s.webp" />
            <source type="image/jpg" srcset="images/products/tvrzene-sklo-na-xiaomi-redmi-note-12-pro-5g-poco-x5-pro-5g-b8jn0j_s.jpg" />
            <img loading="lazy" alt="Tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G/Poco X5 Pro 5G" srcset="images/products/tvrzene-sklo-na-xiaomi-redmi-note-12-pro-5g-poco-x5-pro-5g-b8jn0j_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G/Poco X5 Pro 5G</div>
    <div class="product-tile__meta">

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

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
            <form method="post" class="handlePostRequest tocart lg-max:col-span-2">
            <input type="hidden" name="requestType" value="addToCart">
            <input type="hidden" name="requestData[product_id]" value="130252">
            <input type="hidden" name="requestData[amount]" value="1">

            <button type="submit" class="product-tile__buy add-tocart button" data-te-toggle="modal" data-te-target="#cartAddedModal"  data-te-ripple-init="" data-te-ripple-color="light">
                Koupit            </button>
        </form>

    </a><a href="imk-tvrzene-sklo-na-xiaomi-redmi-note-12-pro-5g-poco-x5-pro-5g.html" class="product-tile swiper-slide swiper-slide" title="IMK tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G/Poco X5 Pro 5G">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/imk-tvrzene-sklo-na-xiaomi-redmi-note-12-pro-5g-poco-x5-pro-5g-3wkliq_s.webp" />
            <source type="image/jpg" srcset="images/products/imk-tvrzene-sklo-na-xiaomi-redmi-note-12-pro-5g-poco-x5-pro-5g-3wkliq_s.jpg" />
            <img loading="lazy" alt="IMK tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G/Poco X5 Pro 5G" srcset="images/products/imk-tvrzene-sklo-na-xiaomi-redmi-note-12-pro-5g-poco-x5-pro-5g-3wkliq_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">IMK tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G/Poco X5 Pro 5G</div>
    <div class="product-tile__meta">

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

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
            <form method="post" class="handlePostRequest tocart lg-max:col-span-2">
            <input type="hidden" name="requestType" value="addToCart">
            <input type="hidden" name="requestData[product_id]" value="130254">
            <input type="hidden" name="requestData[amount]" value="1">

            <button type="submit" class="product-tile__buy add-tocart button" data-te-toggle="modal" data-te-target="#cartAddedModal"  data-te-ripple-init="" data-te-ripple-color="light">
                Koupit            </button>
        </form>

    </a><a href="northjo-pruhledny-gelovy-obal-tvrzene-sklo-na-xiaomi-redmi-note-12-pro-5g-pruhledny" class="product-tile swiper-slide swiper-slide" title="NORTHJO průhledný gelový obal + tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G - průhledný">
    <div class="product-tile__badge">
        <img src="./images/svg/badges/akce.svg" alt="akce" width="48" height="48">    </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/CiR8gdlo_s.webp" />
            <source type="image/jpg" srcset="images/products/CiR8gdlo_s.jpg" />
            <img loading="lazy" alt="NORTHJO průhledný gelový obal + tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G - průhledný" srcset="images/products/CiR8gdlo_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">NORTHJO průhledný gelový obal + tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G - průhledný</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                            <span class="compare-price text-dark-gray">399 Kč</span>
                            369 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
            <form method="post" class="handlePostRequest tocart lg-max:col-span-2">
            <input type="hidden" name="requestType" value="addToCart">
            <input type="hidden" name="requestData[product_id]" value="334641">
            <input type="hidden" name="requestData[amount]" value="1">

            <button type="submit" class="product-tile__buy add-tocart button" data-te-toggle="modal" data-te-target="#cartAddedModal"  data-te-ripple-init="" data-te-ripple-color="light">
                Koupit            </button>
        </form>

    </a><a href="9h-tvrzene-sklo-na-mobil-xiaomi-redmi-note-10-pro.html" class="product-tile swiper-slide swiper-slide" title="9H tvrzené sklo na mobil Xiaomi Redmi Note 10 Pro/Note 12 4G/12 5G/12 Pro 5G/12 Pro+ 5G">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/9h-tvrzene-sklo-na-mobil-xiaomi-redmi-note-10-pro-note-12-4g-12-5g-12-pro-5g-12-pro-5g-cl6myl_s.webp" />
            <source type="image/jpg" srcset="images/products/9h-tvrzene-sklo-na-mobil-xiaomi-redmi-note-10-pro-note-12-4g-12-5g-12-pro-5g-12-pro-5g-cl6myl_s.jpg" />
            <img loading="lazy" alt="9H tvrzené sklo na mobil Xiaomi Redmi Note 10 Pro/Note 12 4G/12 5G/12 Pro 5G/12 Pro+ 5G" srcset="images/products/9h-tvrzene-sklo-na-mobil-xiaomi-redmi-note-10-pro-note-12-4g-12-5g-12-pro-5g-12-pro-5g-cl6myl_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">9H tvrzené sklo na mobil Xiaomi Redmi Note 10 Pro/Note 12 4G/12 5G/12 Pro 5G/12 Pro+ 5G</div>
    <div class="product-tile__meta">

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

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
            <form method="post" class="handlePostRequest tocart lg-max:col-span-2">
            <input type="hidden" name="requestType" value="addToCart">
            <input type="hidden" name="requestData[product_id]" value="120774">
            <input type="hidden" name="requestData[amount]" value="1">

            <button type="submit" class="product-tile__buy add-tocart button" data-te-toggle="modal" data-te-target="#cartAddedModal"  data-te-ripple-init="" data-te-ripple-color="light">
                Koupit            </button>
        </form>

    </a><a href="wozinsky-celoplosne-tvrzene-sklo-na-xiaomi-poco-x5-5g-poco-x5-pro-5g-note-10-pro.html" class="product-tile swiper-slide swiper-slide" title="Wozinsky celoplošné tvrzené sklo na Xiaomi Poco X5 5G/X5 Pro 5G/Note 10 Pro/Note 12 4G/12 5G/12 Pro 5G/12 Pro+ 5G">
    <div class="product-tile__badge">
        <img src="./images/svg/badges/akce.svg" alt="akce" width="48" height="48">    </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/wozinsky-celoplosne-tvrzene-sklo-na-xiaomi-poco-x5-5g-x5-pro-5g-note-10-pro-note-12-4g-12-5g-12-pro-5g-12-pro-5g-kqmemn_s.webp" />
            <source type="image/jpg" srcset="images/products/wozinsky-celoplosne-tvrzene-sklo-na-xiaomi-poco-x5-5g-x5-pro-5g-note-10-pro-note-12-4g-12-5g-12-pro-5g-12-pro-5g-kqmemn_s.jpg" />
            <img loading="lazy" alt="Wozinsky celoplošné tvrzené sklo na Xiaomi Poco X5 5G/X5 Pro 5G/Note 10 Pro/Note 12 4G/12 5G/12 Pro 5G/12 Pro+ 5G" srcset="images/products/wozinsky-celoplosne-tvrzene-sklo-na-xiaomi-poco-x5-5g-x5-pro-5g-note-10-pro-note-12-4g-12-5g-12-pro-5g-12-pro-5g-kqmemn_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Wozinsky celoplošné tvrzené sklo na Xiaomi Poco X5 5G/X5 Pro 5G/Note 10 Pro/Note 12 4G/12 5G/12 Pro 5G/12 Pro+ 5G</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                            <span class="compare-price text-dark-gray">299 Kč</span>
                            168 Kč        </div>

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
            <form method="post" class="handlePostRequest tocart lg-max:col-span-2">
            <input type="hidden" name="requestType" value="addToCart">
            <input type="hidden" name="requestData[product_id]" value="127662">
            <input type="hidden" name="requestData[amount]" value="1">

            <button type="submit" class="product-tile__buy add-tocart button" data-te-toggle="modal" data-te-target="#cartAddedModal"  data-te-ripple-init="" data-te-ripple-color="light">
                Koupit            </button>
        </form>

    </a><a href="sklo-cocky-fotoaparatu-na-xiaomi-redmi-note-12-pro-5g.html" class="product-tile swiper-slide swiper-slide" title="Sklo čočky fotoaparátu na Xiaomi Redmi Note 12 Pro 5G">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/sklo-cocky-fotoaparatu-na-xiaomi-redmi-note-12-pro-5g-lgpjlk_s.webp" />
            <source type="image/jpg" srcset="images/products/sklo-cocky-fotoaparatu-na-xiaomi-redmi-note-12-pro-5g-lgpjlk_s.jpg" />
            <img loading="lazy" alt="Sklo čočky fotoaparátu na Xiaomi Redmi Note 12 Pro 5G" srcset="images/products/sklo-cocky-fotoaparatu-na-xiaomi-redmi-note-12-pro-5g-lgpjlk_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Sklo čočky fotoaparátu na Xiaomi Redmi Note 12 Pro 5G</div>
    <div class="product-tile__meta">

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

                                <span class="product-tile__stock">Skladem - ihned k odeslání </span>
                    
    </div>
            <form method="post" class="handlePostRequest tocart lg-max:col-span-2">
            <input type="hidden" name="requestType" value="addToCart">
            <input type="hidden" name="requestData[product_id]" value="130253">
            <input type="hidden" name="requestData[amount]" value="1">

            <button type="submit" class="product-tile__buy add-tocart button" data-te-toggle="modal" data-te-target="#cartAddedModal"  data-te-ripple-init="" data-te-ripple-color="light">
                Koupit            </button>
        </form>

    </a><a href="obal-me-5d-tvrzene-sklo-pro-xiaomi-redmi-note-12-pro-5g-black" class="product-tile swiper-slide swiper-slide" title="Obal:Me 5D Tvrzené Sklo pro Xiaomi Redmi Note 12 Pro 5G Black ">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/obal-me-5d-tvrzene-sklo-pro-xiaomi-redmi-note-12-pro-5g-black-62knce_s.webp" />
            <source type="image/jpg" srcset="images/products/obal-me-5d-tvrzene-sklo-pro-xiaomi-redmi-note-12-pro-5g-black-62knce_s.jpg" />
            <img loading="lazy" alt="Obal:Me 5D Tvrzené Sklo pro Xiaomi Redmi Note 12 Pro 5G Black " srcset="images/products/obal-me-5d-tvrzene-sklo-pro-xiaomi-redmi-note-12-pro-5g-black-62knce_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Obal:Me 5D Tvrzené Sklo pro Xiaomi Redmi Note 12 Pro 5G Black </div>
    <div class="product-tile__meta">

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

                                <span class="product-tile__stock">Skladem - do 2 dnů odesíláme </span>
                    
    </div>
            <form method="post" class="handlePostRequest tocart lg-max:col-span-2">
            <input type="hidden" name="requestType" value="addToCart">
            <input type="hidden" name="requestData[product_id]" value="176761">
            <input type="hidden" name="requestData[amount]" value="1">

            <button type="submit" class="product-tile__buy add-tocart button" data-te-toggle="modal" data-te-target="#cartAddedModal"  data-te-ripple-init="" data-te-ripple-color="light">
                Koupit            </button>
        </form>

    </a><a href="tactical-glass-shield-5d-sklo-pro-xiaomi-redmi-note-12-pro-5g-black" class="product-tile swiper-slide swiper-slide" title="Tactical Glass Shield 5D sklo pro Xiaomi Redmi Note 12 Pro 5G Black ">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/tactical-glass-shield-5d-sklo-pro-xiaomi-redmi-note-12-pro-5g-black-hgecmq_s.webp" />
            <source type="image/jpg" srcset="images/products/tactical-glass-shield-5d-sklo-pro-xiaomi-redmi-note-12-pro-5g-black-hgecmq_s.jpg" />
            <img loading="lazy" alt="Tactical Glass Shield 5D sklo pro Xiaomi Redmi Note 12 Pro 5G Black " srcset="images/products/tactical-glass-shield-5d-sklo-pro-xiaomi-redmi-note-12-pro-5g-black-hgecmq_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Tactical Glass Shield 5D sklo pro Xiaomi Redmi Note 12 Pro 5G Black </div>
    <div class="product-tile__meta">

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

                                <span class="product-tile__stock">Skladem - do 2 dnů odesíláme </span>
                    
    </div>
            <form method="post" class="handlePostRequest tocart lg-max:col-span-2">
            <input type="hidden" name="requestType" value="addToCart">
            <input type="hidden" name="requestData[product_id]" value="208581">
            <input type="hidden" name="requestData[amount]" value="1">

            <button type="submit" class="product-tile__buy add-tocart button" data-te-toggle="modal" data-te-target="#cartAddedModal"  data-te-ripple-init="" data-te-ripple-color="light">
                Koupit            </button>
        </form>

    </a><a href="obal-me-2-5d-tvrzene-sklo-pro-xiaomi-redmi-note-12-pro-5g-clear" class="product-tile swiper-slide swiper-slide" title="Obal:Me 2.5D Tvrzené Sklo pro Xiaomi Redmi Note 12 Pro 5G Clear">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/obal-me-2-5d-tvrzene-sklo-pro-xiaomi-redmi-note-12-pro-5g-clear-dhm2ek_s.webp" />
            <source type="image/jpg" srcset="images/products/obal-me-2-5d-tvrzene-sklo-pro-xiaomi-redmi-note-12-pro-5g-clear-dhm2ek_s.jpg" />
            <img loading="lazy" alt="Obal:Me 2.5D Tvrzené Sklo pro Xiaomi Redmi Note 12 Pro 5G Clear" srcset="images/products/obal-me-2-5d-tvrzene-sklo-pro-xiaomi-redmi-note-12-pro-5g-clear-dhm2ek_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Obal:Me 2.5D Tvrzené Sklo pro Xiaomi Redmi Note 12 Pro 5G Clear</div>
    <div class="product-tile__meta">

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

                                <span class="product-tile__stock">Skladem - do 2 dnů odesíláme </span>
                    
    </div>
            <form method="post" class="handlePostRequest tocart lg-max:col-span-2">
            <input type="hidden" name="requestType" value="addToCart">
            <input type="hidden" name="requestData[product_id]" value="176789">
            <input type="hidden" name="requestData[amount]" value="1">

            <button type="submit" class="product-tile__buy add-tocart button" data-te-toggle="modal" data-te-target="#cartAddedModal"  data-te-ripple-init="" data-te-ripple-color="light">
                Koupit            </button>
        </form>

    </a>						</div>
						<div class="relative-controls w-full justify-center"></div>
					</div>
				</div>
			
						<div class="col-span-12 mt-2">
				<div class="flex flex-col lg:grid-12 mt-8">
					<div id="tab-basic-info-tab" class="col-span-12 xl:col-span-10 2xl:col-span-8 xl:col-start-2 2xl:col-start-3 tabcontent" style="display: block;">
						<div class="grid lg:grid-cols-1 lg:gap-x-8 w-full">
							<div class="lg:shadow-dropdown rounded-2xl lg:p-8 lg:pb-8 mb-8">
								<div class="flex-center w-full justify-between items-center gap-4">
									<h2 class="h3">Hodnocení produktu</h2>
								</div>
																<form method="post" id="reviewForm">
									<div class="flex-center w-full justify-between items-center gap-4 mb-6">
																			</div>
									<div class="grid grid-cols-2 gap-x-2 gap-y-4">
										<input type="hidden" name="rating[purl]" value="gelove-pouzdro-mmcase-na-mobil-xiaomi-redmi-note-12-pro-5g-abstraktni-vzor.html">
										<input type="hidden" name="ftime" id="ftime" value="0">
										<input type="hidden" name="rating[rating_lang]" value="1">
										<input type="hidden" name="rating[product_id]" value="131484">
										<label class="input-field required">
											<span>Jméno</span>
											<input type="text" name="rating[name]" class="form-control" placeholder="Bude uvedeno u recenze" required="">
										</label>
										<label class="input-field required">
											<span>Vyberte počet hvězdiček</span>
											<input type="hidden" name="rating[rating]" value="5" id="rating_stars" placeholder="Volba 1-5 hvězd">
											<div class="review product">
												<div class="review__rating">
													<i class="icon icon-star rating_star active" data-stars="1"></i>
													<i class="icon icon-star rating_star active" data-stars="2"></i>
													<i class="icon icon-star rating_star active" data-stars="3"></i>
													<i class="icon icon-star rating_star active" data-stars="4"></i>
													<i class="icon icon-star rating_star active" data-stars="5"></i>
												</div>
											</div>
										</label>
									</div>
									<label class="input-field required mt-4">
										<span>Hodnocení</span>
										<textarea cols="30" rows="3" class="w-full" name="rating[content]" autocomplete="off" placeholder="Uveďte vaše hodnocení produktu ..."></textarea>
									</label>
									<div class="flex flex-col justify-between mb-0 bg-white-smoke-3 rounded-lg p-4 mt-4">
										<button type="submit" name="rating[save_rating]" data-te-ripple-init="" data-te-ripple-color="light" class="button button--square" value="ulozit">Odeslat hodnocení</button>
									</div>
									<div class="flex-center w-full justify-between items-center gap-4 mb-0 mt-4">
										<p class="info-text">* Hodnocení bude před uveřejnění překontrolováno ze strany provozovatele e-shopu.</p>
									</div>
								</form>
							</div>
						</div>
						<div class="col-span-12 mt-4 lg:mt-4">
							<div>
								<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8 reviews">
																	</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<style>
				i.rating_star {
					color: silver !important;
					cursor: pointer;
				}

				i.active {
					color: rgb(255 215 0 / var(--tw-text-opacity)) !important;
				}
			</style>
			<script>
				document.getElementById('ftime').value = Date.now();
				
				$('.rating_star').click(function() {
					var cur_stars = parseInt($(this).data('stars'));
					$('#rating_stars').val(cur_stars);
					$('.rating_star').removeClass('active');
					$(".rating_star").filter(function(e) {
						return parseInt($(this).data("stars")) <= cur_stars;
					}).addClass('active');
				})
			</script>

							<div class="col-span-12 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>
	$('.varCheck').on('change', function() {
		$('.current_price').text($(this).attr('data-price'));
	});
</script>


<script>
	
	window.dataLayer = window.dataLayer || [];
	window.dataLayer.push({
		event: 'productDetail',
		ecomm_prodid: '131484',
		ecomm_pagetype: 'product',
		ecomm_totalvalue: '238.84',
		ecomm_category: 'Xiaomi Redmi Note 12 Pro 5G',
		section: 'Obaly, pouzdra a kryty na mobil',
		subsection: 'Xiaomi Redmi Note 12 Pro 5G',

		ecommerce: {
			currencyCode: 'CZK',
			detail: {
				actionField: {
					list: 'product.'
				},
				products: [{
					id: '131484',
					name: 'Gelové pouzdro mmCase na mobil Xiaomi Redmi Note 12 Pro 5G - abstraktní vzor',
					category: 'Obaly, pouzdra a kryty na mobil/XIAOMI/Řada Xiaomi Redmi Note/Xiaomi Redmi Note 12 Pro 5G/Gelové obaly',
					list: 'product',
					price: '238.84',
					brand: 'mpouzdra'
				}]
			},
			impressions: [
				 {
							id: '660402758A',
							name: 'Tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G/Poco X5 Pro 5G',
							category: 'Obaly, pouzdra a kryty na mobil/XIAOMI/Řada Xiaomi Redmi Note/Xiaomi Redmi Note 12 Pro 5G/Tvrzená skla, fólie',
							list: 'related products',
							position: 1						},
				 {
							id: '660403935A',
							name: 'IMK tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G/Poco X5 Pro 5G',
							category: 'Obaly, pouzdra a kryty na mobil/XIAOMI/Řada Xiaomi Redmi Note/Xiaomi Redmi Note 12 Pro 5G/Tvrzená skla, fólie',
							list: 'related products',
							position: 2						},
				 {
							id: '660126541A',
							name: 'NORTHJO průhledný gelový obal + tvrzené sklo na Xiaomi Redmi Note 12 Pro 5G - průhledný',
							category: 'Obaly, pouzdra a kryty na mobil/XIAOMI/Řada Xiaomi Redmi Note/Xiaomi Redmi Note 12 Pro 5G/Tvrzená skla, fólie',
							list: 'related products',
							position: 3						},
				 {
							id: 'HU69-960',
							name: '9H tvrzené sklo na mobil Xiaomi Redmi Note 10 Pro/Note 12 4G/12 5G/12 Pro 5G/12 Pro+ 5G',
							category: 'Obaly, pouzdra a kryty na mobil/XIAOMI/Řada Xiaomi Redmi Note/Xiaomi Redmi Note 12 Pro 5G/Tvrzená skla, fólie',
							list: 'related products',
							position: 4						},
				 {
							id: 'HU69-957',
							name: 'Wozinsky celoplošné tvrzené sklo na Xiaomi Poco X5 5G/X5 Pro 5G/Note 10 Pro/Note 12 4G/12 5G/12 Pro 5G/12 Pro+ 5G',
							category: 'Obaly, pouzdra a kryty na mobil/XIAOMI/Řada Xiaomi Redmi Note/Xiaomi Redmi Note 12 Pro 5G/Tvrzená skla, fólie',
							list: 'related products',
							position: 5						},
				 {
							id: '660403023A',
							name: 'Sklo čočky fotoaparátu na Xiaomi Redmi Note 12 Pro 5G',
							category: 'Obaly, pouzdra a kryty na mobil/XIAOMI/Řada Xiaomi Redmi Note/Xiaomi Redmi Note 12 Pro 5G/Tvrzená skla, fólie',
							list: 'related products',
							position: 6						},
				 {
							id: 'bk_8596311222801',
							name: 'Obal:Me 5D Tvrzené Sklo pro Xiaomi Redmi Note 12 Pro 5G Black ',
							category: 'Obaly, pouzdra a kryty na mobil/XIAOMI/Řada Xiaomi Redmi Note/Xiaomi Redmi Note 12 Pro 5G/Tvrzená skla, fólie',
							list: 'related products',
							position: 7						},
				 {
							id: 'bk_8596311208942',
							name: 'Tactical Glass Shield 5D sklo pro Xiaomi Redmi Note 12 Pro 5G Black ',
							category: 'Obaly, pouzdra a kryty na mobil/XIAOMI/Řada Xiaomi Redmi Note/Xiaomi Redmi Note 12 Pro 5G/Tvrzená skla, fólie',
							list: 'related products',
							position: 8						},
				 {
							id: 'bk_8596311223099',
							name: 'Obal:Me 2.5D Tvrzené Sklo pro Xiaomi Redmi Note 12 Pro 5G Clear',
							category: 'Obaly, pouzdra a kryty na mobil/XIAOMI/Řada Xiaomi Redmi Note/Xiaomi Redmi Note 12 Pro 5G/Tvrzená skla, fólie',
							list: 'related products',
							position: 9						},
							]
		}

	});
</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="product">
                            <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="product">
                <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" />


    <!-- 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>