#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(715): 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(715): 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(715): 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(715): 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)
<!DOCTYPE html>
    <html lang="hu">

<head>
    <base href="https://telefonkieg.hu">
        <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="Rugalmas zselés tok mmCase képpel a Xiaomi 14 Pro - absztrakt 16" />
    <meta name="keywords" content="" />
                    <meta name="author" content="telefonkieg.hu" />
    
            <link rel="alternate" hreflang="cs-cz" href="https://mpouzdra.cz/gelovy-kryt-mmcase-na-xiaomi-14-pro-abstrakt-16" />
            <link rel="alternate" hreflang="sk-sk" href="https://mpuzdra.sk/gelovy-kryt-mmcase-na-xiaomi-14-pro-abstrakt-16" />
            <link rel="alternate" hreflang="hu-hu" href="https://telefonkieg.hu/gel-boritas-mmcase-a-xiaomi-14-pro-szamara-kivonat-16" />
                    <link rel="canonical" href="https://telefonkieg.hu/gel-boritas-mmcase-a-xiaomi-14-pro-szamara-kivonat-16" />
    
    <!-- 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/custom-hu.css" rel="stylesheet" rel="preload" as="style">
    

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

            <title>Gél borítás mmCase a Xiaomi 14 Pro számára - kivonat 16 - Telefonkieg.hu</title>
        <meta property="og:title" content="Gél borítás mmCase a Xiaomi 14 Pro számára - kivonat 16 - Telefonkieg.hu" />
            <meta property="og:description" content="Rugalmas zselés tok mmCase képpel a Xiaomi 14 Pro - absztrakt 16" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Telefonkieg.hu" />
    <meta property="og:url" content="https://telefonkieg.hu/gel-boritas-mmcase-a-xiaomi-14-pro-szamara-kivonat-16" />
    <meta property="og:image" content="https://telefonkieg.hu/images/products/br0242Q2_s.jpg" />
    <meta property="og:locale" content="es_ES" />
        
    
        <!-- Google tag (gtag.js) -->
        <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 4.2.2026 -->
        <script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/d527042cbacb6a38f6d9a85aa9c21ec6.js"></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-KVV4CQBQ');
        </script>
        <!-- End Google Tag Manager -->

    
</head>

<body class="font-sans">
        
            <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KVV4CQBQ" 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>Szállítás 24000 HUF felett INGYENES</strong>                </p>
            </div>
            <div class="notice__item">
                <i class="notice__icon icon icon-speed"></i>
                <p class="notice__text">
                    <meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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">MENÜ</span> <span class="text-primary font-bold text-[11px] mt-2 leading-1 hidden" id="hamburgerClose">CLOSE</span>
                    </button>
                </div>
                <a href="/" class="navbar__logo flex lg-max:col-start-2"> <img src="../images/telefonkieg-hu.svg" alt="Mpouzdra.cz logó" width="235.61" height="166" fetchpriority="high" /> </a>
                <div class="flex-center gap-5 lg-max:hidden">
                    <div class="">
                        <button class=" 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">
                            Válasszon ki egy készülék márkát <i class="icon icon-expand_more"></i>
                        </button>
                    </div>
                                    </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/hu.svg" alt="telefonkieg.hu" width="20" height="20">
                            <span class="text-primary md-max:hidden mt-1 text-sm">Magyar</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/gelovy-kryt-mmcase-na-xiaomi-14-pro-abstrakt-16" 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/gelovy-kryt-mmcase-na-xiaomi-14-pro-abstrakt-16" 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-boritas-mmcase-a-xiaomi-14-pro-szamara-kivonat-16" 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="Bejelentkezés">
                            <div class="button-circle__icon"><i class="icon icon-account_circle text-[24px]"></i></div>
                            <span class="button-circle__text xl-max:hidden">Bejelentkezés</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="Kosár">
        <i class="icon icon-shopping_cart"></i> <span id="cartSum" class="lg-max:hidden cart-dropdown__button-sum">0 Ft</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]">A kosár tartalma</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">

            Az Ön kosara üres        </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">
                    Válasszon ki egy készülék márkát <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="mobiltelefon-tokok-tokok-es-boritok" id="dropdownMenuButton0" aria-expanded="false">
                                    Mobiltelefon tokok, tokok és borítók                                </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="tokok-boritok-es-tokok-samsung-mobiltelefonokhoz" 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="tokok-boritok-es-boritok-huawei-mobiltelefonokhoz" 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-mobiltelefon-tokok-es-boritok" 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="tokok-tokok-es-boritok-iphone-hoz" 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="tokok-boritok-honor-mobiltelefonokhoz" 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="tokok-es-boritok-nokia-mobiltelefonokhoz" 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="tokok-es-boritok-sony-mobiltelefonhoz" 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="google-mobiltelefon-tokok-boritok-es-tokok" 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="tokok-es-boritok-motorola-moto-mobiltelefonokhoz" 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="boritok-tokok-es-boritok-realme-mobiltelefonokhoz" 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="mobiltelefon-tokok-tokok-es-boritok" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Mindent megtekinteni</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">Gél ujjak     <br>
                saját motívummal</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Tervezze meg saját tokját</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gél ujjak     <br>
                saját motívummal" 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>Szállítás 24000 HUF felett INGYENES</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"><meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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="az ügy kabalája" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nem tudod, mit tegyél</div>
                                                        <div class="mb-0">Hívjon és írjon H-P 7-13.30-ig</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Arrow" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@telefonkieg.hu" 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@telefonkieg.hu</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420+420 604 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>+420 604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="tablet-tokok-es-tokok" id="dropdownMenuButton0" aria-expanded="false">
                                    Tablet tokok és tokok                                </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="lenovo-tablet-tokok" 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="Lenovo tablet tokok" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Lenovo tablet tokok</div>
                                                        </a>
                                                                                                            <a href="samsung-tablet-boritok-es-tokok" 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="Samsung tablet tokok" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Samsung tablet tokok</div>
                                                        </a>
                                                                                                            <a href="ipad-tokok-es-tokok" 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="iPad tokok" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">iPad tokok</div>
                                                        </a>
                                                                                                            <a href="xiaomi-tablet-boritok-es-tokok" 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="Xiaomi tablet tokok" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Xiaomi tablet tokok</div>
                                                        </a>
                                                                                                            <a href="boritok-es-tokok-huawei-tablagepekhez" 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="Huawei tablet borítók" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Huawei tablet borítók</div>
                                                        </a>
                                                                                                            <a href="boritok-es-tokok-honor-tablagepekhez" 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="Honor tablet tokok" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Honor tablet tokok</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="tablet-tokok-es-tokok" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Mindent megtekinteni</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">Gél ujjak     <br>
                saját motívummal</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Tervezze meg saját tokját</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gél ujjak     <br>
                saját motívummal" 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>Szállítás 24000 HUF felett INGYENES</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"><meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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="az ügy kabalája" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nem tudod, mit tegyél</div>
                                                        <div class="mb-0">Hívjon és írjon H-P 7-13.30-ig</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Arrow" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@telefonkieg.hu" 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@telefonkieg.hu</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420+420 604 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>+420 604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="edzett-uveg-es-ved-foliak-mobiltelefonokhoz" id="dropdownMenuButton0" aria-expanded="false">
                                    Védőfóliák és edzett üveg                                </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="edzett-edzett-uveg-samsung-mobiltelefonokhoz" 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="edzett-uveg-es-ved-foliak-a-huawei-szamara" 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="edzett-uveg-es-ved-foliak-a-xiaomi-szamara" 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="edzett-uveg-es-ved-foliak-iphone-es-ipad-keszulekekhez" 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="edzett-uveg-es-ved-foliak-honor-mobiltelefonokhoz" 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="edzett-edzett-uveg-nokia-mobiltelefonokhoz" 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="film-mobiltelefonokhoz-lenovo" 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="edzett-edzett-uveg-sony-xperia-mobiltelefonokhoz" 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="edzett-uveg-motorola-moto-telefonokhoz" 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="szemuvegek-es-filmek-oppo-telefonokhoz" 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="edzett-uveg-es-ved-foliak-mobiltelefonokhoz" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Mindent megtekinteni</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">Gél ujjak     <br>
                saját motívummal</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Tervezze meg saját tokját</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gél ujjak     <br>
                saját motívummal" 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>Szállítás 24000 HUF felett INGYENES</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"><meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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="az ügy kabalája" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nem tudod, mit tegyél</div>
                                                        <div class="mb-0">Hívjon és írjon H-P 7-13.30-ig</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Arrow" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@telefonkieg.hu" 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@telefonkieg.hu</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420+420 604 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>+420 604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="boritok-es-csomagolasok-sajat-fotoval" id="dropdownMenuButton0" aria-expanded="false">
                                    Mobiltelefon borítók saját fotóval                                </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="mobiltelefon-boritok-egyeni-fotoval-a-samsung-szamara" 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="motorola-mobiltelefon-tokok-egyedi-motivummal" 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="egyedi-fotoval-ellatott-boritok-a-huawei-en" 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="boritok-es-boritok-egyeni-fotoval-a-xiaomi-telefonon" 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="fedelek-es-tokok-egyeni-fotoval-iphone-on" 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="boritok-boritok-honor-mobiltelefonhoz-egyedi-motivummal" 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="nokia-mobiltelefon-borito-egyedi-motivummal" 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="egyedi-motivummal-ellatott-boritok-a-realme-mobiltelefonhoz" 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="egyedi-motivummal-ellatott-boritok-a-vivo-mobilon" 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="google-pixel-telefon-tokok-es-boritok-sajat-temaval" 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="boritok-es-csomagolasok-sajat-fotoval" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Mindent megtekinteni</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">Gél ujjak     <br>
                saját motívummal</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Tervezze meg saját tokját</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gél ujjak     <br>
                saját motívummal" 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>Szállítás 24000 HUF felett INGYENES</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"><meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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="az ügy kabalája" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nem tudod, mit tegyél</div>
                                                        <div class="mb-0">Hívjon és írjon H-P 7-13.30-ig</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Arrow" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@telefonkieg.hu" 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@telefonkieg.hu</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420+420 604 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>+420 604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="minden-a-haztartas-szamara" id="dropdownMenuButton0" aria-expanded="false">
                                    Háztartás                                </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="elektromos-termekek-szeles-valaszteka" 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="Electro" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Electro</div>
                                                        </a>
                                                                                                            <a href="jatekok-a-kicsiknek" 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="Játékok" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Játékok</div>
                                                        </a>
                                                                                                            <a href="keszitsen-magnest-a-sajat-kepevel" 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="Mágnesek" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Mágnesek</div>
                                                        </a>
                                                                                                            <a href="gyermek-puzzle-sajat-fotoval" 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="stilusos-bogrek-sajat-fotoval" 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="Bögrék" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Bögrék</div>
                                                        </a>
                                                                                                            <a href="fali-matricak-az-otthon-szamara" 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="Matricák" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Matricák</div>
                                                        </a>
                                                                                                            <a href="lakberendezes" 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="Dekoráció" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Dekoráció</div>
                                                        </a>
                                                                                                            <a href="allatos-nyarsak-a-gyerekeknek" 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="Gyereknyárs" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Gyereknyárs</div>
                                                        </a>
                                                                                                            <a href="erdekes-kutyuk-az-otthonaba" 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="Kínos helyzetek" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Kínos helyzetek</div>
                                                        </a>
                                                                                                            <a href="min-segi-nano-ragasztoszalagok" 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 kartondobozok" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Nano kartondobozok</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="minden-a-haztartas-szamara" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Mindent megtekinteni</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">Gél ujjak     <br>
                saját motívummal</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Tervezze meg saját tokját</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gél ujjak     <br>
                saját motívummal" 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>Szállítás 24000 HUF felett INGYENES</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"><meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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="az ügy kabalája" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nem tudod, mit tegyél</div>
                                                        <div class="mb-0">Hívjon és írjon H-P 7-13.30-ig</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Arrow" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@telefonkieg.hu" 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@telefonkieg.hu</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420+420 604 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>+420 604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="mobiltelefonok-tartozekai" id="dropdownMenuButton0" aria-expanded="false">
                                    Tartozékok                                </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="mobiltelefonos-nyakpant-a-nyakba" 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="Lanyardok a pisztolytáskákhoz" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Lanyardok a pisztolytáskákhoz</div>
                                                        </a>
                                                                                                            <a href="mobiltelefon-tolt-k-halozati-aramhoz" 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="Mobiltelefon-töltők" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Mobiltelefon-töltők</div>
                                                        </a>
                                                                                                            <a href="tartalek-power-bank-tolt-k-mindig-onnel" 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="Powerbanks" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Powerbanks</div>
                                                        </a>
                                                                                                            <a href="autotolt-k-mobiltelefonhoz" 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="Autótöltők" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Autótöltők</div>
                                                        </a>
                                                                                                            <a href="mobiltelefon-tartok-es-allvanyok" 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="Mobiltelefon-tartók és -állványok" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Mobiltelefon-tartók és -állványok</div>
                                                        </a>
                                                                                                            <a href="kabelek-elosztok-es-reduktorok-mobiltelefonokhoz" 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="Kábelek, elosztók és reduktorok" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Kábelek, elosztók és reduktorok</div>
                                                        </a>
                                                                                                            <a href="fejhallgatok-es-vezetek-nelkuli-hangszorok" 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="Fejhallgatók és hangszórók" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Fejhallgatók és hangszórók</div>
                                                        </a>
                                                                                                            <a href="praktikus-kutyuk-es-kiegeszit-k-nem-csak-mobiltelefonokhoz" 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="Extrák és kiegészítők" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Extrák és kiegészítők</div>
                                                        </a>
                                                                                                            <a href="ovtaskak-mobiltelefonokhoz" 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="Övtáskák" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Övtáskák</div>
                                                        </a>
                                                                                                            <a href="memoriakartyak-telefonokhoz-es-masokhoz-microsdhc" 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="Memóriakártyák" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Memóriakártyák</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="mobiltelefonok-tartozekai" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Mindent megtekinteni</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">Gél ujjak     <br>
                saját motívummal</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Tervezze meg saját tokját</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gél ujjak     <br>
                saját motívummal" 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>Szállítás 24000 HUF felett INGYENES</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"><meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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="az ügy kabalája" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nem tudod, mit tegyél</div>
                                                        <div class="mb-0">Hívjon és írjon H-P 7-13.30-ig</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Arrow" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@telefonkieg.hu" 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@telefonkieg.hu</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420+420 604 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>+420 604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="egyedi-mmcase-gy-jtemeny" 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="gel-tokok-mmcase-samsung-telefonokhoz" 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="gel-tokok-mmcase-huawei-mobiltelefonokhoz" 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="gel-tokok-mmcase-a-xiaomi-mobiltelefonokhoz" 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-zseles-tokok-apple-telefonokhoz" 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-zseles-tokok-honor-telefonokhoz" 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="gel-tokok-mmcase-nokia-mobiltelefonokhoz" 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="gel-tokok-mmcase-a-realme-mobiltelefonokhoz" 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="gel-tokok-mmcase-a-vivo-mobiltelefonokhoz" 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-boritok-motorola-mobiltelefonokhoz" 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="boritok-es-tokok-mmcase-a-google-pixel-telefonok-szamara" 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="egyedi-mmcase-gy-jtemeny" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Mindent megtekinteni</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">Gél ujjak     <br>
                saját motívummal</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Tervezze meg saját tokját</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gél ujjak     <br>
                saját motívummal" 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>Szállítás 24000 HUF felett INGYENES</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"><meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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="az ügy kabalája" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nem tudod, mit tegyél</div>
                                                        <div class="mb-0">Hívjon és írjon H-P 7-13.30-ig</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Arrow" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@telefonkieg.hu" 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@telefonkieg.hu</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420+420 604 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>+420 604 489 850</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                                            <li class="static megamenu">
                                <a class="megamenu__dropdown" href="pantok-es-okosorak" id="dropdownMenuButton0" aria-expanded="false">
                                    Intelligens órák                                </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="apple-watch-szijak" 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="xiaomi-band-okosora" 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="Xiaomi zenekarok" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Xiaomi zenekarok</div>
                                                        </a>
                                                                                                            <a href="boritok-es-szijak-fitbit-okosorakhoz" 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="intelligens-oraszijak" 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="Tanga" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">Tanga</div>
                                                        </a>
                                                                                                            <a href="usb-kabelek-okosorakhoz" 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-kábelek" width="266" height="266">
                                                                </picture>
                                                            </div>
                                                            <div class="brand-tile__title">USB-kábelek</div>
                                                        </a>
                                                                                                    </div>
                                                <a href="pantok-es-okosorak" class="text-primary group inline-flex items-center font-bold mt-4">
                                                    <span class="group-hover:underline">Mindent megtekinteni</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">Gél ujjak     <br>
                saját motívummal</div>
                                                        <a href="/kryty-na-mobil-s-vlastni-fotografii-motivem" class="button mt-4">Tervezze meg saját tokját</a>
                                                    </div>
                                                    <img class="absolute inset-0 object-cover h-full w-full" src="./images/menu_banner_podklad.jpg" alt="Gél ujjak     <br>
                saját motívummal" 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>Szállítás 24000 HUF felett INGYENES</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"><meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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="az ügy kabalája" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                                                    <div>
                                                        <div class="h4 font-bold !mb-0">Nem tudod, mit tegyél</div>
                                                        <div class="mb-0">Hívjon és írjon H-P 7-13.30-ig</div>
                                                    </div>
                                                    <img src="./images/sipka-dolu.svg" alt="Arrow" width="26.48" height="36.29" loading="lazy" />
                                                </div>
                                                <div class="flex gap-4">
                                                    <a href="mailto:info@telefonkieg.hu" 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@telefonkieg.hu</span>
                                                    </a>
                                                    <a class="flex-center gap-2 font-bold" href="tel:+420+420 604 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>+420 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">A vásárlásról <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="/szallitasi-es-szallitasi-hatarid-k">Szállítás</a></li>
                                                    <li class="menu-item"><a href="reklamaciok-es-visszakuldesek-54">Reklamáció</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="boritok-boritok-es-tokok-a-xiaomi-14-pro-szamara">
					<i class="icon icon-chevron_left"></i>
					Xiaomi 14 Pro				</a>

				<nav class="side-menu mb-4 xl-max:hidden">
					<ul>
													<li>
																	<div>Mobiltelefon tokok, tokok és borítók</div>
																			<div class="side-menu__tree">
																							<a href="tokok-boritok-es-tokok-samsung-mobiltelefonokhoz" >SAMSUNG</a>

												
																									<a href="tokok-boritok-es-boritok-huawei-mobiltelefonokhoz" >Huawei</a>

												
																									<a href="xiaomi-mobiltelefon-tokok-es-boritok" class="active">Xiaomi</a>

												
																									<a href="tokok-tokok-es-boritok-iphone-hoz" >APPLE</a>

												
																									<a href="tokok-boritok-honor-mobiltelefonokhoz" >Honor</a>

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

												
																									<a href="tokok-es-boritok-sony-mobiltelefonhoz" >Sony</a>

												
																									<a href="google-mobiltelefon-tokok-boritok-es-tokok" >Google</a>

												
																									<a href="tokok-es-boritok-motorola-moto-mobiltelefonokhoz" >Motorola</a>

												
																									<a href="boritok-tokok-es-boritok-realme-mobiltelefonokhoz" >Realme</a>

												
																									<a href="csomagolas-tokok-es-boritok-oppo-telefonokhoz" >Oppo</a>

												
																									<a href="vivo-mobiltelefon-tokok-tokok-es-boritok" >VIVO</a>

												
																									<a href="tokok-boritok-es-tokok-t-mobile-mobiltelefonokhoz" >T-Mobile</a>

												
																									<a href="dobozok-es-csomagolasok-tevekenyseg-es-felhasznalas-szerint" >Dobozok és csomagolások tevékenység és felhasználás szerint</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">Többet mutasson</span>
															<span class="inline group-[[data-te-collapse-collapsed]]:hidden">Kevesebb mutatása</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="tablet-tokok-es-tokok">Tablet tokok és tokok</a>
															</li>
													<li>
																	<a href="edzett-uveg-es-ved-foliak-mobiltelefonokhoz">Védőfóliák és edzett üveg</a>
															</li>
													<li>
																	<a href="boritok-es-csomagolasok-sajat-fotoval">Mobiltelefon borítók saját fotóval</a>
															</li>
													<li>
																	<a href="minden-a-haztartas-szamara">Háztartás</a>
															</li>
													<li>
																	<a href="mobiltelefonok-tartozekai">Tartozékok</a>
															</li>
													<li>
																	<a href="egyedi-mmcase-gy-jtemeny">mmCase</a>
															</li>
													<li>
																	<a href="pantok-es-okosorak">Intelligens órák</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>Szállítás 24000 HUF felett INGYENES</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"><meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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">Honlap</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="mobiltelefon-tokok-tokok-es-boritok">
											<span itemprop="name">Mobiltelefon tokok, tokok és borítók</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-mobiltelefon-tokok-es-boritok">
											<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="boritok-es-tokok-a-xiaomi-14-szamara">
											<span itemprop="name">Xiaomi 14</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="boritok-boritok-es-tokok-a-xiaomi-14-pro-szamara">
											<span itemprop="name">Xiaomi 14 Pro</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="gel-boritok-boritok-es-tokok-a-xiaomi-14-pro-szamara">
											<span itemprop="name">Gél csomagok</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">Gél borítás mmCase a Xiaomi 14 Pro számára - kivonat 16</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="8596580782440" />
					<h1 class="sm-max:text-[18px]" itemprop="name">Gél borítás mmCase a Xiaomi 14 Pro számára - kivonat 16</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/br0242Q2_b.webp" class="swiper-slide">
									<picture class="product-image">
										<source srcset="images/products/br0242Q2_b.webp" type="image/webp">
										<source srcset="images/products/br0242Q2_b.jpg" type="image/jpeg">
										<img src="images/products/br0242Q2_b.jpg" alt="Gél borítás mmCase a Xiaomi 14 Pro számára - kivonat 16" width="500px" height="500px" itemprop="image">
									</picture>
								</a>
															</div>
						</div>
					</div>

					<div class="lg-max:hidden article" id="productContent" itemprop="description">
						
											</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"> Vásárláskor a következőket kapja 10% kedvezmény bármely védőüvegre és védőfóliára                                </div>
                                                        -->

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

							
																	<span class="product-tile__stock">Készleten </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>Szállítás 24000 HUF felett INGYENES</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]"><meta charset="UTF-8" /><strong>Rendelj 12:00-ig! Ma feladjuk!</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="4661">4661</span> <span itemprop="priceCurrency" content="">Ft</span>
							</div>

															<table class="params-table">
																			<tr>
											<td>Vásárláskor 1db</td>
											<td>4661 Ft/db</td>
										</tr>
																		<tr>
											<td>Vásárláskor 2db</td>
											<td>4195 Ft/db</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="190069">
										<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="Csökkentse a">
														<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="190069" data-action="amountProd" class="counter__input cart_product_data" aria-label="A" readonly />
													<button data-te-ripple-init data-te-ripple-color="#c3b5bd" class="counter__plus" aria-label="Növelje a">
														<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>
													Vásároljon												</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">
									<meta charset="UTF-8" />
<p><strong>Gyors szállítás </strong>- minden raktáron</p>
								</p>
							</div>
							<div class="notice__item">
								<i class="notice__icon icon icon-undo"></i>
								<p class="notice__text">
									<strong>Visszatérítés</strong> - 60 napon belül								</p>
							</div>
							<div class="notice__item">
								<i class="notice__icon icon icon-star"></i>
								<p class="notice__text">
									<strong>INGYENES AJÁNDÉK 12 887,- HUF feletti vásárlás esetén</strong>								</p>
							</div>
						</div>

					</div>

											<div class="lg:p-4 lg:rounded-2xl lg:border lg:border-light-gray grid mb-4">
							<h4>Egy másik telefonért?</h4>
							<select id="js-choice3" class="mb-2 appearance-none js-choice3">
																	<option value="APPLE" >APPLE</option>
																	<option value="Google" >Google</option>
																	<option value="HUAWEI" >HUAWEI</option>
																	<option value="Honor" >Honor</option>
																	<option value="Motorola" >Motorola</option>
																	<option value="NOKIA" >NOKIA</option>
																	<option value="Realme" >Realme</option>
																	<option value="SAMSUNG" >SAMSUNG</option>
																	<option value="T-Mobile" >T-Mobile</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="gel-boritas-mmcase-a-xiaomi-11-lite-5g-ne-szamara-kivonat-16" >Xiaomi 11 Lite 5G NE</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-11t-szamara-kivonat-16" >Xiaomi 11T</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-11t-pro-szamara-kivonat-16" >Xiaomi 11T Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-12-absztrakt-16-szamara" >Xiaomi 12</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-12-lite-szamara-kivonat-16" >Xiaomi 12 Lite</option>
																	<option value="gel-borito-mmcase-a-xiaomi-12-pro-szamara-kivonat-16" >Xiaomi 12 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-12t-szamara-kivonat-16" >Xiaomi 12T</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-12t-pro-szamara-kivonat-16" >Xiaomi 12T Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-12x-hez-kivonat-16" >Xiaomi 12X</option>
																	<option value="gel-borito-mmcase-a-xiaomi-13-kivonat-16" >Xiaomi 13</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-13-lite-szamara-kivonat-16" >Xiaomi 13 Lite</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-13-pro-szamara-kivonat-16" >Xiaomi 13 Pro</option>
																	<option value="zseles-boritas-mmcase-a-xiaomi-13t-13t-pro-szamara-kivonat-16" >Xiaomi 13T Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-14-absztrakt-16-szamara" >Xiaomi 14</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-14-pro-szamara-kivonat-16" selected>Xiaomi 14 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-14t-szamara-kivonat-16" >Xiaomi 14T</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-14t-pro-szamara-kivonat-16" >Xiaomi 14T Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-15-kivonat-16-szamara" >Xiaomi 15</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-15-pro-hoz-kivonat-16" >Xiaomi 15 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-15-ultra-szamara-kivonat-16" >Xiaomi 15 Ultra</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-15t-szamara-kivonat-16" >Xiaomi 15T</option>
																	<option value="zseles-boritas-mmcase-a-xiaomi-15t-pro-szamara-kivonat-16" >Xiaomi 15T Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-17-absztrakt-16-szamara" >Xiaomi 17</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-17-ultra-szamara-kivonat-16" >Xiaomi 17 Ultra</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-8-hoz-kivonat-16" >Xiaomi Mi 8</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-10-szamara-kivonat-16" >Xiaomi Mi 10</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-10-lite-keszulekhez-kivonat-16" >Xiaomi Mi 10 Lite</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-10-pro-keszulekhez-kivonat-16" >Xiaomi Mi 10 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-10t-5g-szamara-kivonat-16" >Xiaomi Mi 10T 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-10t-lite-5g-szamara-kivonat-16" >Xiaomi Mi 10T Lite 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-10t-pro-5g-szamara-kivonat-16" >Xiaomi Mi 10T Pro 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-11-hez-kivonat-16" >Xiaomi Mi 11</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-11-lite-4g-5g-szamara-kivonat-16" >Xiaomi Mi 11 Lite/5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-11-ultra-szamara-kivonat-16" >Xiaomi Mi 11 Ultra</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-a2-keszulekhez-kivonat-16" >Xiaomi Mi A2</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-a2-lite-szamara-kivonat-16" >Xiaomi Mi A2 Lite</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-note-10-szamara-kivonat-16" >Xiaomi Mi Note 10</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-mi-note-10-lite-keszulekhez-kivonat-16" >Xiaomi Mi Note 10 Lite</option>
																	<option value="gel-borito-mmcase-a-xiaomi-poco-c40-keszulekhez-kivonat-16" >Xiaomi Poco C40</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-14c-poco-c75-szamara-kivonat-16" >Xiaomi Poco C75</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-f2-pro-szamara-kivonat-16" >Xiaomi Poco F2 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-f3-hoz-kivonat-16" >Xiaomi Poco F3</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-f4-keszulekhez-kivonat-16" >Xiaomi Poco F4</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-f5-szamara-kivonat-16" >Xiaomi Poco F5</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-f5-pro-szamara-kivonat-16" >Xiaomi Poco F5 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-f7-5g-szamara-kivonat-16" >Xiaomi Poco F7</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-f7-pro-szamara-kivonat-16" >Xiaomi Poco F7 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-f7-ultra-szamara-kivonat-16" >Xiaomi Poco F7 Ultra</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-f8-pro-szamara-kivonat-16" >Xiaomi Poco F8 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-f8-ultra-szamara-kivonat-16" >Xiaomi Poco F8 Ultra</option>
																	<option value="gel-borito-mmcase-a-xiaomi-poco-m3-hoz-kivonat-16" >Xiaomi Poco M3</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-m3-pro-5g-szamara-kivonat-16" >Xiaomi Poco M3 Pro/5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-m4-5g-szamara-kivonat-16" >Xiaomi Poco M4 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-m4-pro-4g-hez-kivonat-16" >Xiaomi Poco M4 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-m5-4g-hez-kivonat-16" >Xiaomi Poco M5</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-m5s-keszulekhez-kivonat-16" >Xiaomi Poco M5s</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-13-4g-poco-m6-4g-szamara-kivonat-16" >Xiaomi Poco M6</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-13-pro-4g-poco-m6-pro-kivonat-16" >Xiaomi Poco M6 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-m7-pro-5g-szamara-kivonat-16" >Xiaomi Poco M7 Pro 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-m8-5g-redmi-note-15-5g-4g-kivonat-16" >Xiaomi Poco M8 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-15-pro-5g-szamara-kivonat-16" >Xiaomi Poco M8 Pro 5G</option>
																	<option value="gel-borito-mmcase-a-xiaomi-poco-x3-hoz-kivonat-16" >Xiaomi Poco X3</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-x3-pro-szamara-kivonat-16" >Xiaomi Poco X3 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-x5-5g-szamara-kivonat-16" >Xiaomi Poco X5 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-x5-pro-5g-szamara-kivonat-16" >Xiaomi Poco X5 Pro 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-13-pro-5g-poco-x6-5g-szamara-kivonat-16" >Xiaomi Poco X6 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-x6-pro-5g-szamara-kivonat-16" >Xiaomi Poco X6 Pro 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-14-pro-5g-poco-x7-5g-szamara-absztrakt-16" >Xiaomi Poco X7 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-x7-pro-5g-szamara-kivonat-16" >Xiaomi Poco X7 Pro 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-4x-szamara-kivonat-16" >Xiaomi Redmi 4X</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-5-plus-szamara-kivonat-16" >Xiaomi Redmi 5 Plus</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-5a-szamara-kivonat-16" >Xiaomi Redmi 5A</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-6a-szamara-kivonat-16" >Xiaomi Redmi 6A</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-7-hez-kivonat-16" >Xiaomi Redmi 7</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-7a-szamara-kivonat-16" >Xiaomi Redmi 7A</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-8-hoz-kivonat-16" >Xiaomi Redmi 8</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-8a-szamara-kivonat-16" >Xiaomi Redmi 8A</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-9-hez-kivonat-16" >Xiaomi Redmi 9</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-9a-szamara-kivonat-16" >Xiaomi Redmi 9A</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-9at-szamara-kivonat-16" >Xiaomi Redmi 9AT</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-9c-szamara-kivonat-16" >Xiaomi Redmi 9C</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-9t-szamara-kivonat-16" >Xiaomi Redmi 9T</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-10-5g-szamara-kivonat-16" >Xiaomi Redmi 10 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-10-redmi-10-2022-kivonat-16" >Xiaomi Redmi 10/10 (2022)</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-10a-szamara-kivonat-16" >Xiaomi Redmi 10A</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-10c-szamara-kivonat-16" >Xiaomi Redmi 10C</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-12-kivonat-16" >Xiaomi Redmi 12</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-12-5g-szamara-kivonat-16" >Xiaomi Redmi 12 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-12c-szamara-kivonat-16" >Xiaomi Redmi 12C</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-poco-c65-redmi-13c-szamara-kivonat-16" >Xiaomi Redmi 13C</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-13c-5g-szamara-kivonat-16" >Xiaomi Redmi 13C 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-15-5g-szamara-kivonat-16" >Xiaomi Redmi 15 5G (169mm)</option>
																	<option value="gel-boritas-mmcase-for-xiaomi-redmi-15-4g-5g-171mm-kivonat-16" >Xiaomi Redmi 15 5G (171mm)</option>
																	<option value="gel-boritas-mmcase-for-xiaomi-redmi-15c-4g-171mm-poco-c85-4g-171mm-kivonat-16" >Xiaomi Redmi 15C (171mm)</option>
																	<option value="gel-boritas-mmcase-for-xiaomi-redmi-15c-4g-5g-173mm-kivonat-16" >Xiaomi Redmi 15C/5G (173mm)</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-a1-a2-keszulekhez-kivonat-16" >Xiaomi Redmi A1+</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-a1-redmi-a2-kivonat-16" >Xiaomi Redmi A2</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-a3-hoz-kivonat-16" >Xiaomi Redmi A3</option>
																	<option value="gel-boritas-mmcase-for-xiaomi-redmi-a5-171-7x77-8x8-3mm-kivonat-16" >Xiaomi Redmi A5 (171.7x77.8x8.3mm)</option>
																	<option value="gel-boritas-mmcase-for-xiaomi-redmi-a5-173-45x79-35x8-45mm-kivonat-16" >Xiaomi Redmi A5 (173.45x79.35x8.45mm)</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-4x-hez-kivonat-16" >Xiaomi Redmi Note 4X</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-5a-prime-szamara-kivonat-16" >Xiaomi Redmi Note 5A Prime</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-6-pro-keszulekhez-kivonat-16" >Xiaomi Redmi Note 6 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-7-hez-kivonat-16" >Xiaomi Redmi Note 7</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-8-hoz-kivonat-16" >Xiaomi Redmi Note 8</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-8-pro-szamara-kivonat-16" >Xiaomi Redmi Note 8 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-8t-szamara-kivonat-16" >Xiaomi Redmi Note 8T</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-9-hez-kivonat-16" >Xiaomi Redmi Note 9</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-9-pro-szamara-kivonat-16" >Xiaomi Redmi Note 9 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-9s-szamara-kivonat-16" >Xiaomi Redmi Note 9S</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-9t-5g-szamara-kivonat-16" >Xiaomi Redmi Note 9T 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-10-4g-hez-kivonat-16" >Xiaomi Redmi Note 10</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-10-5g-szamara-kivonat-16" >Xiaomi Redmi Note 10 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-10-pro-keszulekhez-kivonat-16" >Xiaomi Redmi Note 10 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-10s-hez-kivonat-16" >Xiaomi Redmi Note 10S</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-11-4g-hez-kivonat-16" >Xiaomi Redmi Note 11</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-11-pro-5g-szamara-kivonat-16" >Xiaomi Redmi Note 11 Pro+ 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-11-pro-4g-5g-szamara-absztrakt-16" >Xiaomi Redmi Note 11 Pro 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-11s-4g-hez-kivonat-16" >Xiaomi Redmi Note 11S</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-11s-5g-szamara-kivonat-16" >Xiaomi Redmi Note 11S 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-12-4g-hez-kivonat-16" >Xiaomi Redmi Note 12</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-12-5g-szamara-kivonat-16" >Xiaomi Redmi Note 12 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-12-pro-5g-szamara-kivonat-16" >Xiaomi Redmi Note 12 Pro+ 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-12-pro-5g-szamara-kivonat-16-131780" >Xiaomi Redmi Note 12 Pro 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-12s-szamara-kivonat-16" >Xiaomi Redmi Note 12S</option>
																	<option value="gel-borito-mmcase-a-xiaomi-redmi-note-13-hoz-kivonat-16" >Xiaomi Redmi Note 13</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-13-5g-szamara-kivonat-16" >Xiaomi Redmi Note 13 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-13-pro-5g-szamara-kivonat-16" >Xiaomi Redmi Note 13 Pro+ 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-14-kivonat-16" >Xiaomi Redmi Note 14</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-14-5g-szamara-kivonat-16" >Xiaomi Redmi Note 14 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-14-pro-keszulekhez-kivonat-16" >Xiaomi Redmi Note 14 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-14-pro-5g-szamara-kivonat-16" >Xiaomi Redmi Note 14 Pro+ 5G</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-14s-szamara-kivonat-16" >Xiaomi Redmi Note 14S</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-15-pro-szamara-kivonat-16" >Xiaomi Redmi Note 15 Pro</option>
																	<option value="gel-boritas-mmcase-a-xiaomi-redmi-note-15-pro-5g-szamara-kivonat-16-418997" >Xiaomi Redmi Note 15 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('gel-boritas-mmcase-a-xiaomi-14-pro-szamara-kivonat-16?motives=' + event.detail.choice.value + '&model=Xiaomi 14 Pro', 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">
						Rugalmas zselés tok mmCase képpel a Xiaomi 14 Pro - absztrakt 16											</div>

					<table class="params-table my-4">
						<tbody>
							<tr>
								<td>Kategória</td>
								<td><a class="underline" href="boritok-boritok-es-tokok-a-xiaomi-14-pro-szamara">Xiaomi 14 Pro</a></td>
							</tr>
							<tr>
								<td>EAN</td>
								<td>8596580782440</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">
								Leírás								<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">
								Műszaki adatok								<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>Telefon márka</td>
											<td>Xiaomi																							</td>
										</tr>
																			<tr>
											<td>A telefonmodellhez</td>
											<td>Xiaomi 14 Pro																							</td>
										</tr>
																			<tr>
											<td>Lakás típusa</td>
											<td>Gél</td>
										</tr>
																			<tr>
											<td>Anyag</td>
											<td>rugalmas gél</td>
										</tr>
																			<tr>
											<td>Színes</td>
											<td>többszínű</td>
										</tr>
																			<tr>
											<td>Színes motívum</td>
											<td>Absztrakt</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">Ne felejtsd el</h2>
					<div class="swiper swiper-init !p-[1px]" data-config="singleRow" data-arrows data-bullets>
						<div class="swiper-wrapper">
							<a href="a-xiaomi-14-pro-kamera-lencsejenek-uveglapja" class="product-tile swiper-slide swiper-slide" title="A Xiaomi 14 Pro kamera lencséjének üveglapja">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/408FSeX5_s.webp" />
            <source type="image/jpg" srcset="images/products/408FSeX5_s.jpg" />
            <img loading="lazy" alt="A Xiaomi 14 Pro kamera lencséjének üveglapja" srcset="images/products/408FSeX5_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">A Xiaomi 14 Pro kamera lencséjének üveglapja</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        2226 Ft        </div>

                                <span class="product-tile__stock">Készleten </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="187293">
            <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">
                Vásárlás            </button>
        </form>

    </a><a href="ved-folia-a-xiaomi-14-pro-keszulekhez" class="product-tile swiper-slide swiper-slide" title="Védőfólia a Xiaomi 14 Pro készülékhez">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/KoORAWq9_s.webp" />
            <source type="image/jpg" srcset="images/products/KoORAWq9_s.jpg" />
            <img loading="lazy" alt="Védőfólia a Xiaomi 14 Pro készülékhez" srcset="images/products/KoORAWq9_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Védőfólia a Xiaomi 14 Pro készülékhez</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        2661 Ft        </div>

                                <span class="product-tile__stock">Készleten </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="187294">
            <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">
                Vásárlás            </button>
        </form>

    </a><a href="kamera-lencseved-a-xiaomi-14-pro-hoz" class="product-tile swiper-slide swiper-slide" title="Kamera lencsevédő a Xiaomi 14 Pro-hoz">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/CxVc2XZb_s.webp" />
            <source type="image/jpg" srcset="images/products/CxVc2XZb_s.jpg" />
            <img loading="lazy" alt="Kamera lencsevédő a Xiaomi 14 Pro-hoz" srcset="images/products/CxVc2XZb_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Kamera lencsevédő a Xiaomi 14 Pro-hoz</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        2403 Ft        </div>

                                <span class="product-tile__stock">Készleten </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="187295">
            <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">
                Vásárlás            </button>
        </form>

    </a><a href="dux-teljes-keperny-edzett-uveg-a-xiaomi-14-pro-nal" class="product-tile swiper-slide swiper-slide" title="DUX teljes képernyő edzett üveg a Xiaomi 14 Pro-nál">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/Mx3ptQRe_s.webp" />
            <source type="image/jpg" srcset="images/products/Mx3ptQRe_s.jpg" />
            <img loading="lazy" alt="DUX teljes képernyő edzett üveg a Xiaomi 14 Pro-nál" srcset="images/products/Mx3ptQRe_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">DUX teljes képernyő edzett üveg a Xiaomi 14 Pro-nál</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        6113 Ft        </div>

                                <span class="product-tile__stock">Készleten </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="187296">
            <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">
                Vásárlás            </button>
        </form>

    </a><a href="adatvedelem-3d-teljes-keperny-edzett-uveg-xiaomi-15-pro-14-ultra-14-pro" class="product-tile swiper-slide swiper-slide" title="Adatvédelem 3D teljes képernyő edzett üveg Xiaomi 15 Pro/14 Ultra/14 Pro">
    <div class="product-tile__badge">
            </div>
    <div class="product-tile__image">
        <picture>
            <source type="image/webp" srcset="images/products/zgYOSMce_s.webp" />
            <source type="image/jpg" srcset="images/products/zgYOSMce_s.jpg" />
            <img loading="lazy" alt="Adatvédelem 3D teljes képernyő edzett üveg Xiaomi 15 Pro/14 Ultra/14 Pro" srcset="images/products/zgYOSMce_s.jpg" width="382" height="649" />
        </picture>
    </div>
    <div class="product-tile__title">Adatvédelem 3D teljes képernyő edzett üveg Xiaomi 15 Pro/14 Ultra/14 Pro</div>
    <div class="product-tile__meta">

        <div class="product-tile__price">
                        6113 Ft        </div>

                                <span class="product-tile__stock">Készleten </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="320986">
            <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">
                Vásárlás            </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">A termék értékelése</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="gel-boritas-mmcase-a-xiaomi-14-pro-szamara-kivonat-16">
										<input type="hidden" name="ftime" id="ftime" value="0">
										<input type="hidden" name="rating[rating_lang]" value="3">
										<input type="hidden" name="rating[product_id]" value="190069">
										<label class="input-field required">
											<span>Név</span>
											<input type="text" name="rating[name]" class="form-control" placeholder="A felülvizsgálatban említésre kerül" required="">
										</label>
										<label class="input-field required">
											<span>Válassza ki a csillagok számát</span>
											<input type="hidden" name="rating[rating]" value="5" id="rating_stars" placeholder="1-5 csillag választása">
											<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>Értékelés</span>
										<textarea cols="30" rows="3" class="w-full" name="rating[content]" autocomplete="off" placeholder="Kérjük, adja meg a termék értékelését ..."></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">Értékelés küldése</button>
									</div>
									<div class="flex-center w-full justify-between items-center gap-4 mb-0 mt-4">
										<p class="info-text">* A minősítést a webáruház üzemeltetője a közzététel előtt kétszeresen ellenőrzi.</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>
		<!-- 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: '190069',
		ecomm_pagetype: 'product',
		ecomm_totalvalue: '3852.31',
		ecomm_category: 'Xiaomi 14 Pro',
		section: 'Mobiltelefon tokok, tokok és borítók',
		subsection: 'Xiaomi 14 Pro',

		ecommerce: {
			currencyCode: 'HUF',
			detail: {
				actionField: {
					list: 'product.'
				},
				products: [{
					id: '190069',
					name: 'Gél borítás mmCase a Xiaomi 14 Pro számára - kivonat 16',
					category: 'Mobiltelefon tokok, tokok és borítók/Xiaomi/Xiaomi 14/Xiaomi 14 Pro/Gél csomagok',
					list: 'product',
					price: '3852.31',
					brand: 'mpouzdra'
				}]
			},
			impressions: [
				 {
							id: '660410366A',
							name: 'A Xiaomi 14 Pro kamera lencséjének üveglapja',
							category: 'Mobiltelefon tokok, tokok és borítók/Xiaomi/Xiaomi 14/Xiaomi 14 Pro/Edzett üveg, fóliák',
							list: 'related products',
							position: 1						},
				 {
							id: '660410562A',
							name: 'Védőfólia a Xiaomi 14 Pro készülékhez',
							category: 'Mobiltelefon tokok, tokok és borítók/Xiaomi/Xiaomi 14/Xiaomi 14 Pro/Edzett üveg, fóliák',
							list: 'related products',
							position: 2						},
				 {
							id: '660410706A',
							name: 'Kamera lencsevédő a Xiaomi 14 Pro-hoz',
							category: 'Mobiltelefon tokok, tokok és borítók/Xiaomi/Xiaomi 14/Xiaomi 14 Pro/Edzett üveg, fóliák',
							list: 'related products',
							position: 3						},
				 {
							id: '660410809A',
							name: 'DUX teljes képernyő edzett üveg a Xiaomi 14 Pro-nál',
							category: 'Mobiltelefon tokok, tokok és borítók/Xiaomi/Xiaomi 14/Xiaomi 14 Pro/Edzett üveg, fóliák',
							list: 'related products',
							position: 4						},
				 {
							id: '6604023165A',
							name: 'Adatvédelem 3D teljes képernyő edzett üveg Xiaomi 15 Pro/14 Ultra/14 Pro',
							category: 'Mobiltelefon tokok, tokok és borítók/Xiaomi/Xiaomi 14/Xiaomi 14 Pro/Edzett üveg, fóliák',
							list: 'related products',
							position: 5						},
							]
		}

	});
</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="newsletter lg-max:fullwidth bg-primary text-white lg:rounded-lg px-4 py-8 lg:p-8  col-span-full self-center">
                <h4 class="h2 text-center !mb-2">Kedvezményes áruk és minden új termék</h4>
                <p class="text-center text-primary-15 f4 !mb-7">Legyen az első, aki hall róluk!</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="Írja be a vas@email.cz címet." aria-label="Írja be a vas@email.cz címet." 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">Feliratkozás</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"> Hozzájárulok a <a href="#" class="underline text-white hover:text-white">személyes adatok</a> marketing célú <a href="#" class="underline text-white hover:text-white">feldolgozásához</a>. </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="az ügy kabalája" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                    <div>
                        <div class="h4 font-bold !mb-0">Kapcsolatfelvétel</div>
                        <div class="mb-0">Hívjon és írjon H-P 7-13.30-ig</div>
                    </div>
                    <img src="./images/sipka-dolu.svg" alt="Arrow" 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/telefonkieg-hu.svg" alt="A tok logója" 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@telefonkieg.hu" 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@telefonkieg.hu</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-3">
                    <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">
                                Minden a vásárlásról                                <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="javascript:" id="open_preferences_center" >Sütik beállításai</a></li>
                                                                            <li><a href="szemelyes-adatok-vedelme-50" >Személyes adatok védelme</a></li>
                                                                            <li><a href="feltetelek-es-feltetelek-51" >Feltételek és feltételek</a></li>
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="sluzy-a-servis-menu" class="col-span-3">
                    <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">
                                Szolgáltatások és szervizelés                                <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="fizetesi-modok">A fizetés módja</a></li>
                                                                            <li><a href="szallitasi-es-szallitasi-hatarid-k">Szállítási és szállítási feltételek</a></li>
                                                                            <li><a href="reklamaciok-es-visszakuldesek-54">Reklamációk és visszaküldések</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>
    
            
            <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">Szerzői jog © 2025 <a aria-label="mpouzdra.hu" href="/">mpouzdra.hu</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="vízum" 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> Kategória                    </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> Számla</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> Kapcsolat</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-1026029" aria-expanded="false" aria-controls="respo-menu-1026029">
                                <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="Mobiltelefon tokok, tokok és borítók" width="266" height="266">
                                        </picture>
                                    </span> Mobiltelefon tokok, tokok és borítók                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-1026029" 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="tokok-boritok-es-tokok-samsung-mobiltelefonokhoz" 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="tokok-boritok-es-boritok-huawei-mobiltelefonokhoz" 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-mobiltelefon-tokok-es-boritok" 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="tokok-tokok-es-boritok-iphone-hoz" 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="tokok-boritok-honor-mobiltelefonokhoz" 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="tokok-es-boritok-nokia-mobiltelefonokhoz" 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="tokok-es-boritok-sony-mobiltelefonhoz" 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="google-mobiltelefon-tokok-boritok-es-tokok" 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="mobiltelefon-tokok-tokok-es-boritok" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Mindent megtekinteni</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-1024750" aria-expanded="false" aria-controls="respo-menu-1024750">
                                <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="Tablet tokok és tokok" width="266" height="266">
                                        </picture>
                                    </span> Tablet tokok és tokok                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-1024750" 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="lenovo-tablet-tokok" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/t2pUIT4K_b.jpg" alt="Lenovo tablet tokok" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Lenovo tablet tokok</div>
                                        </a>
                                                                            <a href="samsung-tablet-boritok-es-tokok" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/fmWp3uNa_b.jpg" alt="Samsung tablet tokok" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Samsung tablet tokok</div>
                                        </a>
                                                                            <a href="ipad-tokok-es-tokok" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/b2ZO7R0L_b.jpg" alt="iPad tokok" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">iPad tokok</div>
                                        </a>
                                                                            <a href="xiaomi-tablet-boritok-es-tokok" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/Ywrzhy5S_b.jpg" alt="Xiaomi tablet tokok" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Xiaomi tablet tokok</div>
                                        </a>
                                                                            <a href="boritok-es-tokok-huawei-tablagepekhez" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/G83ZYm9Z_b.jpg" alt="Huawei tablet borítók" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Huawei tablet borítók</div>
                                        </a>
                                                                            <a href="boritok-es-tokok-honor-tablagepekhez" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/pgf8tnHQ_b.jpg" alt="Honor tablet tokok" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Honor tablet tokok</div>
                                        </a>
                                                                        <a href="tablet-tokok-es-tokok" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Mindent megtekinteni</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-1027265" aria-expanded="false" aria-controls="respo-menu-1027265">
                                <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="Védőfóliák és edzett üveg" width="266" height="266">
                                        </picture>
                                    </span> Védőfóliák és edzett üveg                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-1027265" 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="edzett-edzett-uveg-samsung-mobiltelefonokhoz" 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="edzett-uveg-es-ved-foliak-a-huawei-szamara" 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="edzett-uveg-es-ved-foliak-a-xiaomi-szamara" 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="edzett-uveg-es-ved-foliak-iphone-es-ipad-keszulekekhez" 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="edzett-uveg-es-ved-foliak-honor-mobiltelefonokhoz" 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="edzett-edzett-uveg-nokia-mobiltelefonokhoz" 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="film-mobiltelefonokhoz-lenovo" 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="edzett-edzett-uveg-sony-xperia-mobiltelefonokhoz" 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="edzett-uveg-es-ved-foliak-mobiltelefonokhoz" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Mindent megtekinteni</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-1013119" aria-expanded="false" aria-controls="respo-menu-1013119">
                                <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="Mobiltelefon borítók saját fotóval" width="266" height="266">
                                        </picture>
                                    </span> Mobiltelefon borítók saját fotóval                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-1013119" 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="mobiltelefon-boritok-egyeni-fotoval-a-samsung-szamara" 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="motorola-mobiltelefon-tokok-egyedi-motivummal" 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="egyedi-fotoval-ellatott-boritok-a-huawei-en" 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="boritok-es-boritok-egyeni-fotoval-a-xiaomi-telefonon" 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="fedelek-es-tokok-egyeni-fotoval-iphone-on" 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="boritok-boritok-honor-mobiltelefonhoz-egyedi-motivummal" 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="nokia-mobiltelefon-borito-egyedi-motivummal" 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="egyedi-motivummal-ellatott-boritok-a-realme-mobiltelefonhoz" 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="boritok-es-csomagolasok-sajat-fotoval" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Mindent megtekinteni</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-1175960" aria-expanded="false" aria-controls="respo-menu-1175960">
                                <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="Háztartás" width="266" height="266">
                                        </picture>
                                    </span> Háztartás                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-1175960" 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="elektromos-termekek-szeles-valaszteka" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/HYiZcpSc_b.jpg" alt="Electro" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Electro</div>
                                        </a>
                                                                            <a href="jatekok-a-kicsiknek" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/Rc34vOGa_b.jpg" alt="Játékok" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Játékok</div>
                                        </a>
                                                                            <a href="keszitsen-magnest-a-sajat-kepevel" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/jCE8gdMJ_b.png" alt="Mágnesek" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Mágnesek</div>
                                        </a>
                                                                            <a href="gyermek-puzzle-sajat-fotoval" 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="stilusos-bogrek-sajat-fotoval" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/SHGZ2UHH_b.png" alt="Bögrék" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Bögrék</div>
                                        </a>
                                                                            <a href="fali-matricak-az-otthon-szamara" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/E6qi3cLR_b.jpg" alt="Matricák" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Matricák</div>
                                        </a>
                                                                            <a href="lakberendezes" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/ADRk1btS_b.jpg" alt="Dekoráció" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Dekoráció</div>
                                        </a>
                                                                            <a href="allatos-nyarsak-a-gyerekeknek" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/DYSAEMMW_b.jpg" alt="Gyereknyárs" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Gyereknyárs</div>
                                        </a>
                                                                        <a href="minden-a-haztartas-szamara" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Mindent megtekinteni</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-1034811" aria-expanded="false" aria-controls="respo-menu-1034811">
                                <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="Tartozékok" width="266" height="266">
                                        </picture>
                                    </span> Tartozékok                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-1034811" 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="mobiltelefonos-nyakpant-a-nyakba" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/AKISe34K_b.jpg" alt="Lanyardok a pisztolytáskákhoz" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Lanyardok a pisztolytáskákhoz</div>
                                        </a>
                                                                            <a href="mobiltelefon-tolt-k-halozati-aramhoz" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/iji8ZIWB_b.jpg" alt="Mobiltelefon-töltők" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Mobiltelefon-töltők</div>
                                        </a>
                                                                            <a href="tartalek-power-bank-tolt-k-mindig-onnel" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/u3LUAY8W_b.jpg" alt="Powerbanks" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Powerbanks</div>
                                        </a>
                                                                            <a href="autotolt-k-mobiltelefonhoz" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/0YK5Z54d_b.jpg" alt="Autótöltők" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Autótöltők</div>
                                        </a>
                                                                            <a href="mobiltelefon-tartok-es-allvanyok" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/5E7NbbdZ_b.jpg" alt="Mobiltelefon-tartók és -állványok" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Mobiltelefon-tartók és -állványok</div>
                                        </a>
                                                                            <a href="kabelek-elosztok-es-reduktorok-mobiltelefonokhoz" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/So6LqEsN_b.jpg" alt="Kábelek, elosztók és reduktorok" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Kábelek, elosztók és reduktorok</div>
                                        </a>
                                                                            <a href="fejhallgatok-es-vezetek-nelkuli-hangszorok" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/wnBRRN6m_b.jpg" alt="Fejhallgatók és hangszórók" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Fejhallgatók és hangszórók</div>
                                        </a>
                                                                            <a href="praktikus-kutyuk-es-kiegeszit-k-nem-csak-mobiltelefonokhoz" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/l1OiPFAk_b.jpg" alt="Extrák és kiegészítők" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Extrák és kiegészítők</div>
                                        </a>
                                                                        <a href="mobiltelefonok-tartozekai" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Mindent megtekinteni</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-1020457" aria-expanded="false" aria-controls="respo-menu-1020457">
                                <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-1020457" 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="gel-tokok-mmcase-samsung-telefonokhoz" 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="gel-tokok-mmcase-huawei-mobiltelefonokhoz" 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="gel-tokok-mmcase-a-xiaomi-mobiltelefonokhoz" 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-zseles-tokok-apple-telefonokhoz" 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-zseles-tokok-honor-telefonokhoz" 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="gel-tokok-mmcase-nokia-mobiltelefonokhoz" 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="gel-tokok-mmcase-lenovo-mobiltelefonokhoz" 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="gel-tokok-mmcase-sony-mobiltelefonokhoz" 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="egyedi-mmcase-gy-jtemeny" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Mindent megtekinteni</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-1036363" aria-expanded="false" aria-controls="respo-menu-1036363">
                                <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="Intelligens órák" width="266" height="266">
                                        </picture>
                                    </span> Intelligens órák                                </span>
                                <span class="menu-accordion__chevron"> <i class="icon icon-expand_more"></i> </span>
                            </button>
                            <div id="respo-menu-1036363" 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="apple-watch-szijak" 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="xiaomi-okosorak" 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="xiaomi-band-okosora" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/QksOZ0Fp_b.jpg" alt="Xiaomi zenekarok" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Xiaomi zenekarok</div>
                                        </a>
                                                                            <a href="boritok-es-szijak-fitbit-okosorakhoz" 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="realme-okosora" 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="mobvoi-okosora" 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="haylou-okosora" 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="intelligens-oraszijak" class="brand-tile brand-tile--xs">
                                            <div class="brand-tile__image"><img src="/images/category/2INGtRqw_b.jpg" alt="Tanga" loading="lazy" width="288" height="240" /></div>
                                            <div class="brand-tile__title">Tanga</div>
                                        </a>
                                                                        <a href="pantok-es-okosorak" class="flex-center text-primary p-4 font-bold text-center text-[13px] leading-1.2">Mindent megtekinteni</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">Bejelentkezés</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="Jelszó:" aria-label="Jelszó:" required />
                            <button type="submit" name="login[confirm]" class="button button--square w-full" data-te-ripple-init data-te-ripple-color="light">Bejelentkezés</button>
                            <a href="/zapomenute-heslo" class="text-center text-primary my-2 hover:underline">Elfelejtette jelszavát?</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">Szerezze be az előnyöket és regisztráljon!</a>
                            <ul class="pros pros--clean mt-4 max-w-[286px]">
	<li>Szerezzen <strong>krediteket további vásárlásokhoz</strong></li>
	<li><strong>Előre kitöltött adatok</strong><br />
	és több szállítási cím opció</li>
	<li>Törölt <strong>vásárlási előzmények</strong><br />
	és biztonságosan tárolt blokkok</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="/szallitasi-es-szallitasi-hatarid-k">Szállítás</a></li>
                                                    <li><a href="reklamaciok-es-visszakuldesek-54">Reklamáció</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>Hol talál minket és hogyan érhet el minket?</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="az ügy kabalája" width="68" height="64" loading="lazy" class="w-[68px] h-[64px]" sizes="68px" />
                        <div>
                            <div class="h4 font-bold !mb-0">Kapcsolatfelvétel</div>
                            <div class="mb-0 text-[15px]">Hívjon és írjon H-P 7-13.30-ig</div>
                        </div>
                        <img src="./images/sipka-dolu.svg" alt="Arrow" width="26.48" height="36.29" loading="lazy" />
                    </div>
                    <a href="mailto:info@telefonkieg.hu" class="button button--bordered gap-2 !font-bold !text-primary"> <i class="icon icon-mail text-[1.2em]"></i> <span>info@telefonkieg.hu</span> </a>
                    <a href="tel:+420+420 604 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>+420 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">Bejelentkezés</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="Jelszó:" aria-label="Jelszó:" required />
                <button type="submit" name="login[confirm]" class="button button--square w-full" data-te-ripple-init data-te-ripple-color="light">Bejelentkezés</button>
                <a href="/zapomenute-heslo" class="text-center text-primary my-2 hover:underline">Elfelejtette jelszavát?</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">Szerezze be az előnyöket és regisztráljon!</a>
                <ul class="pros pros--clean mt-4 max-w-[286px]">
	<li>Szerezzen <strong>krediteket további vásárlásokhoz</strong></li>
	<li><strong>Előre kitöltött adatok</strong><br />
	és több szállítási cím opció</li>
	<li>Törölt <strong>vásárlási előzmények</strong><br />
	és biztonságosan tárolt blokkok</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="Termékkód / EAN-kód / terméknév" aria-label="Keresés mező" />
                        <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">Keresés</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>Válassza ki a készülék márkáját:</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="tokok-boritok-es-tokok-samsung-mobiltelefonokhoz" id="category_brand_select_id_9098" data-id="9098">SAMSUNG</option>
                                                                    <option value="tokok-boritok-es-boritok-huawei-mobiltelefonokhoz" id="category_brand_select_id_9109" data-id="9109">Huawei</option>
                                                                    <option value="xiaomi-mobiltelefon-tokok-es-boritok" id="category_brand_select_id_9106" data-id="9106">Xiaomi</option>
                                                                    <option value="tokok-tokok-es-boritok-iphone-hoz" id="category_brand_select_id_9162" data-id="9162">APPLE</option>
                                                                    <option value="tokok-boritok-honor-mobiltelefonokhoz" id="category_brand_select_id_9160" data-id="9160">Honor</option>
                                                                    <option value="tokok-es-boritok-nokia-mobiltelefonokhoz" id="category_brand_select_id_9163" data-id="9163">NOKIA</option>
                                                                    <option value="lenovo-tablet-tokok" id="category_brand_select_id_9101" data-id="9101">Lenovo</option>
                                                                    <option value="tokok-es-boritok-sony-mobiltelefonhoz" id="category_brand_select_id_9054" data-id="9054">Sony</option>
                                                                    <option value="google-mobiltelefon-tokok-boritok-es-tokok" id="category_brand_select_id_9110" data-id="9110">Google</option>
                                                                    <option value="tokok-es-boritok-motorola-moto-mobiltelefonokhoz" id="category_brand_select_id_9090" data-id="9090">Motorola</option>
                                                                    <option value="boritok-tokok-es-boritok-realme-mobiltelefonokhoz" id="category_brand_select_id_9046" data-id="9046">Realme</option>
                                                                    <option value="csomagolas-tokok-es-boritok-oppo-telefonokhoz" id="category_brand_select_id_9047" data-id="9047">Oppo</option>
                                                                    <option value="vivo-mobiltelefon-tokok-tokok-es-boritok" id="category_brand_select_id_9191" data-id="9191">VIVO</option>
                                                                    <option value="tokok-boritok-es-tokok-t-mobile-mobiltelefonokhoz" id="category_brand_select_id_16509" data-id="16509">T-Mobile</option>
                                                            </select>
                        </div>
                    </label>

                    <label class="input-field w-full mt-3">
                        <span>Válassza ki a készülék modelljét:</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"> Termékek megjelenítése </button>
                </form>
                    </div>
    </div>
</div>

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






    
    

<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: "Kérem, álljon készenlétben";
    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>