PageSourceSearch

https://mupa.hu/fiokom/kedvencek

html mupa.hu collected 2026-09-24 18:01:04 UTC 247,112 bytes, 2,930 lines download raw bytes

1<!DOCTYPE html>
2<html
3    class="scroll-smooth"
4    lang="hu"
5>
6
7<head>
8    <meta charset="utf-8">
9    <meta
10        name="viewport"
11        content="width=device-width, initial-scale=1"
12    >
13    <meta
14        name="csrf-token"
15        content="3rxXjPRRK0eN5lNzhFAvIwmlJEOuPSP85AwOqd0D"
16    >
17
18            <meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1">
19<link rel="canonical" href="https://mupa.hu/fiokom/kedvencek">
20
21<title>Kedvencek - Müpa</title>
22<meta property="og:title" content="Kedvencek - Müpa">
23<meta property="og:locale" content="hu">
24<meta property="og:url" content="https://mupa.hu/fiokom/kedvencek">
25<meta property="og:site_name" content="Müpa">
26<meta property="og:type" content="website">
27<meta name="twitter:card" content="summary">
28<meta name="twitter:title" content="Kedvencek - Müpa">
29
30    
31    <link
32        type="image/x-icon"
33        href="/favicon.ico"
34        rel="icon"
35    >
36
37    <link
38            href="https://mupa.hu/css/malzariey/filament-daterangepicker-filter/date-range-picker.css?v=3.4.3.0"
39            rel="stylesheet"
40            data-navigate-track
41        />
42                <link
43            href="https://mupa.hu/css/codewithdennis/filament-select-tree/filament-select-tree-styles.css?v=3.2.0.0"
44            rel="stylesheet"
45            data-navigate-track
46        />
47                <link
48            href="https://mupa.hu/css/filament/forms/forms.css?v=3.3.55.0"
49            rel="stylesheet"
50            data-navigate-track
51        />
52                <link
53            href="https://mupa.hu/css/filament/support/support.css?v=3.3.55.0"
54            rel="stylesheet"
55            data-navigate-track
56        />
57                <link
58            href="https://mupa.hu/css/guava/filament-drafts/filament-drafts-styles.css?v=dev-laravel-12-compatibility"
59            rel="stylesheet"
60            data-navigate-track
61        />
62                <link
63            href="https://mupa.hu/css/filament-spatie-health/filament-spatie-health-styles.css?v=3.3.55.0"
64            rel="stylesheet"
65            data-navigate-track
66        />
67                <link
68            href="https://mupa.hu/css/filament-navigation/filament-navigation-styles.css?v=3.3.55.0"
69            rel="stylesheet"
70            data-navigate-track
71        />
72        
73<style>
74    :root {
75         --danger-50:254, 242, 242;  --danger-100:254, 226, 226;  --danger-200:254, 202, 202;  --danger-300:252, 165, 165;  --danger-400:248, 113, 113;  --danger-500:239, 68, 68;  --danger-600:220, 38, 38;  --danger-700:185, 28, 28;  --danger-800:153, 27, 27;  --danger-900:127, 29, 29;  --danger-950:69, 10, 10;  --gray-50:250, 250, 250;  --gray-100:244, 244, 245;  --gray-200:228, 228, 231;  --gray-300:212, 212, 216;  --gray-400:161, 161, 170;  --gray-500:113, 113, 122;  --gray-600:82, 82, 91;  --gray-700:63, 63, 70;  --gray-800:39, 39, 42;  --gray-900:24, 24, 27;  --gray-950:9, 9, 11;  --info-50:239, 246, 255;  --info-100:219, 234, 254;  --info-200:191, 219, 254;  --info-300:147, 197, 253;  --info-400:96, 165, 250;  --info-500:59, 130, 246;  --info-600:37, 99, 235;  --info-700:29, 78, 216;  --info-800:30, 64, 175;  --info-900:30, 58, 138;  --info-950:23, 37, 84;  --primary-50:239, 246, 255;  --primary-100:219, 234, 254;  --primary-200:191, 219, 254;  --primary-300:147, 197, 253;  --primary-400:96, 165, 250;  --primary-500:59, 130, 246;  --primary-600:37, 99, 235;  --primary-700:29, 78, 216;  --primary-800:30, 64, 175;  --primary-900:30, 58, 138;  --primary-950:23, 37, 84;  --success-50:240, 253, 244;  --success-100:220, 252, 231;  --success-200:187, 247, 208;  --success-300:134, 239, 172;  --success-400:74, 222, 128;  --success-500:34, 197, 94;  --success-600:22, 163, 74;  --success-700:21, 128, 61;  --success-800:22, 101, 52;  --success-900:20, 83, 45;  --success-950:5, 46, 22;  --warning-50:255, 251, 235;  --warning-100:254, 243, 199;  --warning-200:253, 230, 138;  --warning-300:252, 211, 77;  --warning-400:251, 191, 36;  --warning-500:245, 158, 11;  --warning-600:217, 119, 6;  --warning-700:180, 83, 9;  --warning-800:146, 64, 14;  --warning-900:120, 53, 15;  --warning-950:69, 26, 3;  --mupa-yellow-50:255, 253, 245;  --mupa-yellow-100:255, 250, 235;  --mupa-yellow-200:255, 243, 204;  --mupa-yellow-300:255, 235, 174;  --mupa-yellow-400:255, 221, 113;  --mupa-yellow-500:255, 206, 52;  --mupa-yellow-600:230, 185, 47;  --mupa-yellow-700:191, 155, 39;  --mupa-yellow-800:153, 124, 31;  --mupa-yellow-900:125, 101, 25;  --mupa-yellow-950:77, 62, 16;     }
76</style>
77    <!-- Livewire Styles --><style nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" data-livewire-style>[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
78    <!-- Scripts -->
79    <link rel="preload" as="style" href="https://mupa.hu/build/assets/app-DC0dEfnP.css" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" /><link rel="preload" as="style" href="https://mupa.hu/build/assets/vendor-MNRpQ9Zq.css" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" /><link rel="preload" as="style" href="https://mupa.hu/build/assets/vendor-image-B47WUApH.css" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/app-CauivU_v.js" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/rolldown-runtime-sBuA4h_8.js" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/vendor-livewire-gkiNscmK.js" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/vendor-tailwind-CE-fQbYP.js" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/vendor-DW8rOPNo.js" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/vendor-image-BM6ehrui.js" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" /><link rel="stylesheet" href="https://mupa.hu/build/assets/app-DC0dEfnP.css" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" data-navigate-track="reload" /><link rel="stylesheet" href="https://mupa.hu/build/assets/vendor-MNRpQ9Zq.css" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" data-navigate-track="reload" /><link rel="stylesheet" href="https://mupa.hu/build/assets/vendor-image-B47WUApH.css" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" data-navigate-track="reload" />
79<script type="module" src="https://mupa.hu/build/assets/app-CauivU_v.js" nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" data-navigate-track="reload"></script>
79            
79<script nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E">
80    window.dataLayer = window.dataLayer || [];
81            window.dataLayer.push({"page_type":"page"});
82    
83    </script>
83
84
85    
85<script nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E">
86        // document.addEventListener('DOMContentLoaded', () => {
87        //     /** init gtm after 3500 seconds - this could be adjusted */
88        //     setTimeout(initGTM, 3500);
89        // });
90        document.addEventListener('scroll', initGTMOnEvent);
91        document.addEventListener('mousemove', initGTMOnEvent);
92        document.addEventListener('touchstart', initGTMOnEvent);
93
94        function initGTMOnEvent(event) {
95            initGTM();
96            event.currentTarget.removeEventListener(event.type,
97                initGTMOnEvent); // remove the event listener that got triggered
98        }
99
100        function initGTM() {
101            if (window.gtmDidInit) {
102                return false;
103            }
104            window.gtmDidInit = true; // flag to ensure script does not get added to DOM more than once.
105            const script = document.createElement('script');
106            script.type = 'text/javascript';
107            script.async = true;
108            // ensure PageViews is always tracked (on script load)
109            script.onload = () => {
110                dataLayer.push({
111                    event: 'gtm.js',
112                    'gtm.start': new Date().getTime(),
113                    'gtm.uniqueEventId': 0
114                });
115            };
116            script.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-PLBGGJP9';
117            document.head.appendChild(script);
118        }
119    </script>
119
120</head>
121
122<body class=" bg-white font-klavika antialiased">
123    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 123-124
123
124<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
124GTM-PLBGGJP9
vendor: 83 bytes, lines 124-125
124"
125height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
126<!-- End Google Tag Manager (noscript) -->
127    <nav wire:snapshot="{&quot;data&quot;:{&quot;isMobileMenuOpen&quot;:false,&quot;isFixed&quot;:false,&quot;darkMode&quot;:false,&quot;localizedUrlForLanguageSwitcher&quot;:&quot;\/en\/account\/favourites&quot;,&quot;navigation&quot;:[null,{&quot;class&quot;:&quot;VanOns\\FilamentNavigation\\Models\\Navigation&quot;,&quot;key&quot;:1,&quot;s&quot;:&quot;mdl&quot;}],&quot;pageSlugs&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;KbuIdHJzd6ppIkI8QiNA&quot;,&quot;name&quot;:&quot;header&quot;,&quot;path&quot;:&quot;fiokom\/kedvencek&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-306196796-0&quot;:[&quot;div&quot;,&quot;j64Yal2m7OIE2Ote5WIO&quot;],&quot;lw-306196796-1&quot;:[&quot;div&quot;,&quot;sJRn92SPuzTvcif5gqUh&quot;],&quot;lw-306196796-2&quot;:[&quot;div&quot;,&quot;EFQx1c8CbSvgjfTvzPDm&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;06f71ce8139d2105413205381a3400c930e9455b79ecbc97b9e5f82dd9551c25&quot;}" wire:effects="[]" wire:id="KbuIdHJzd6ppIkI8QiNA"
128    class="left-0 right-0 top-0 z-[100] font-sans"
129    :class="{
130        'fixed': $wire.isFixed,
131        'fixed lg:static': !$wire.isFixed,
132        'bg-white': !$wire.darkMode,
133        'bg-mupahome-bg': $wire
134            .darkMode
135    }"
136>
137    <div
138        class="content-padding container mx-auto"
139        :class="{ 'bg-black-m-500 text-white': $wire.darkMode, 'bg-white': !$wire.darkMode }"
140    >
141        <div class="relative z-[60] flex h-12 justify-between xl:h-fit xl:pt-1">
142            <a
143                class="z-50"
144                href="/"
145            >
146                <img
147                    class="absolute xl:hidden"
148                    src="https://mupa.hu/images/mupa-logo-mobile.svg"
149                    alt="MÜPA Logo"
150                >
151                <img
152                    class="absolute left-0 top-0 hidden xl:block"
153                    src="https://mupa.hu/images/mupa-logo-desktop.svg"
154                    alt="MÜPA Logo"
155                >
156            </a>
157
158            <div class="flex items-center xl:static xl:w-full xl:justify-end xl:gap-x-5">
159
160                <div class="xl:grid xl:w-4/5 xl:grid-cols-1 xl:grid-rows-2">
161                    <div class="flex items-center justify-between">
162                        <div wire:snapshot="{&quot;data&quot;:{&quot;query&quot;:&quot;&quot;,&quot;result&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;darkMode&quot;:false,&quot;showOnMobile&quot;:false,&quot;extraClasses&quot;:&quot;&quot;,&quot;quickResults&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;j64Yal2m7OIE2Ote5WIO&quot;,&quot;name&quot;:&quot;search.input&quot;,&quot;path&quot;:&quot;fiokom\/kedvencek&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;612e033511b360653db4bac4e7ccec38b06aa255353cd94fed80d5e88d27f56c&quot;}" wire:effects="[]" wire:id="j64Yal2m7OIE2Ote5WIO"
163    class="z-10"
164    :class="{ 'w-full': $wire.showOnMobile }"
165    x-data="{
166        result: window.Livewire.find('j64Yal2m7OIE2Ote5WIO').entangle('result'),
167        query: window.Livewire.find('j64Yal2m7OIE2Ote5WIO').entangle('query').live,
168        debouncedQuery: null,
169        selected: null,
170        
171        init() {
172            $watch('query', (value) => {
173                selected = null
174            })
175            $watch('debouncedQuery', Alpine.debounce(() => this.query = this.debouncedQuery, 500))
176        },
177
178        reset() {
179            this.query = ''
180            this.debouncedQuery = ''
181            this.result = []
182            this.selected = null
183        },
184        selectNext() {
185            if (this.selected === null) {
186                this.selected = 0
187                return;
188            }
189
190            this.selected++
191
192            if (this.selected >= this.result.map(group => group.items).flat().length) {
193                this.selected = 0
194            }
195
196        },
197        selectPrev() {
198            if (this.selected === null) {
199                this.selected = this.result.map(group => group.items).flat().length - 1
200                return;
201            }
202
203            this.selected--
204
205            if (this.selected < 0) {
206                this.selected = this.result.map(group => group.items).flat().length - 1
207            }
208
209        },
210        goToResult() {
211            console.log('goToResult', { selected: this.selected })
212            if (this.selected === null) {
213                if (document.documentElement.lang === 'en') {
214                    location.href = `/en/search/results?query=${this.debouncedQuery}`
215                    return;
216                }
217                location.href = `/kereses?query=${this.debouncedQuery}`
218                return;
219            }
220
221            console.log('selected', { selected: this.selected, result: this.result.map(group => group.items).flat() })
222
223            const item = this.result.map(group => group.items).flat()[this.selected]
224
225            location.href = item.url
226        }
227    }"
228    x-on:click.away="reset()"
229    x-on:submit.prevent="goToResult()"
230>
231    <form class="isolate z-10">
232        <div
233            class=" relative items-center border-b xl:flex"
234            :class="{
235                'border-black-m-30': !$wire.darkMode,
236                'border-black-m-50': $wire.darkMode,
237                'hidden': !$wire
238                    .showOnMobile,
239                'flex justify-between border px-2': $wire.showOnMobile
240            }"
241        >
242            <input
243                class="border-0 pl-0 focus:ring-0"
244                type="text"
245                :class="{ 'placeholder:text-black-m-100 bg-black-m-500': $wire.darkMode, 'w-4/5': $wire.showOnMobile }"
246                :id="$wire.showOnMobile ? 'mobile-search' : ''"
247                placeholder="Keresés"
248                x-model="debouncedQuery"
249                x-on:keyup.esc="reset()"
250                x-on:keyup.down="selectNext()"
251                x-on:keyup.up="selectPrev()"
252                
253            >
254            <button type="submit">
255                <svg
256    width="17"
257    height="17"
258    viewBox="0 0 17 17"
259    xmlns="http://www.w3.org/2000/svg"
260    class="" :class="{ 'fill-black-m-500': !$wire.darkMode, 'fill-white': $wire.darkMode }"
261>
262    <path
263        d="M12 6.5C12 4.5625 10.9375 2.75 9.25 1.75C7.53125 0.78125 5.4375 0.78125 3.75 1.75C2.03125 2.75 1 4.5625 1 6.5C1 8.46875 2.03125 10.2812 3.75 11.2812C5.4375 12.25 7.53125 12.25 9.25 11.2812C10.9375 10.2812 12 8.46875 12 6.5ZM10.7188 11.4375C9.59375 12.4375 8.09375 13 6.5 13C2.90625 13 0 10.0938 0 6.5C0 2.9375 2.90625 0 6.5 0C10.0625 0 13 2.9375 13 6.5C13 8.125 12.4062 9.59375 11.4375 10.75L15.8438 15.1562C16.0312 15.3438 16.0312 15.6875 15.8438 15.875C15.6562 16.0625 15.3125 16.0625 15.125 15.875L10.7188 11.4375Z"
264    />
265</svg>
266            </button>
267
268            
269
270        </div>
271        <div>
272            <div
273                class="absolute mt-1 w-[30rem] overflow-y-auto rounded-md border bg-white py-2 shadow-lg"
274                x-transition
275                x-show="Object.keys(result).length > 0"
276                x-cloak
277            >
278                <div class="divide-y divide-gray-200">
279                    <template x-for="(group, groupIndex) in result">
280                        <div>
281                            <div
282                                class="px-2 py-1 font-klavika text-sm font-bold uppercase text-black-m-500"
283                                x-text="group.title"
284                            >
285                            </div>
286                            <div
287                                class="divide-y"
288                                x-ref="result"
289                            >
290                                <template x-for="(item, itemIndex) in group.items">
291                                    <div
292                                        class="flex items-center justify-between px-2 py-3"
293                                        :class="{ 'bg-gray-100': (groupIndex) * 2 + itemIndex === selected }"
294                                    >
295                                        <a
296                                            class="grid grid-cols-3 gap-2"
297                                            :href="item.url"
298                                            x-show="item.type === 'program'"
299                                            :key="item.url"
300                                        >
301                                            <img
302                                                :src="item.img"
303                                                :alt="item.title"
304                                            >
305                                            <div class="col-span-2">
306                                                <div x-text="item.title"></div>
307                                                <div
308                                                    class="font-bold"
309                                                    x-text="item.date"
310                                                ></div>
311                                                <div x-text="item.location"></div>
312                                            </div>
313                                        </a>
314                                        <a
315                                            x-show="item.type === 'article' || item.type === 'magazine-article'"
316                                            :href="item.url"
317                                        >
318                                            <div x-text="item.title"></div>
319                                        </a>
320                                        <a
321                                            x-show="item.type === 'page'"
322                                            :href="item.url"
323                                        >
324                                            <div x-text="item.title"></div>
325                                        </a>
326                                        <a
327                                            x-show="item.type === 'issuu'"
328                                            :href="item.url"
329                                        >
330                                            <div x-text="item.title"></div>
331                                        </a>
332                                    </div>
333                                </template>
334                            </div>
335
336                        </div>
337                    </template>
338                </div>
339            </div>
340        </div>
341    </form>
342</div>
343                        <div class="flex items-center justify-between gap-x-3 text-sm">
344
345                            <div class="hidden gap-x-3 xl:flex">
346                                <a
347                                    class="uppercase"
348                                    href="/en/account/favourites"
349                                    :class="{ 'text-black-m-500': !$wire.darkMode }"
350                                >
351                                    en
352                                </a>
353                                <span class="text-black-m-50">|</span>
354                            </div>
355
356                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
357                            <!--[if BLOCK]><![endif]-->                                <a
358                                    class="flex items-center gap-2 text-sm mobile:hidden"
359                                    href="https://mupa.hu/bejelentkezes"
360                                    :class="{ 'text-black-m-500': !$wire.darkMode }"
361                                    x-show="!$wire.isMobileMenuOpen"
362                                >
363                                    <span>Bejelentkezés</span>
364                                </a>
365                            <!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <a
366                                class="xl:hidden"
367                                href="https://mupa.hu/programok/naptar"
368                            >
369                                <svg
370    width="14"
371    height="16"
372    viewBox="0 0 14 16"
373    xmlns="http://www.w3.org/2000/svg"
374    class="" :class="{ '!text-mupa-black': !$wire.darkMode, 'text-white': $wire.darkMode }"
375>
376    <path
377        d="M3.5 0C3.75 0 4 0.25 4 0.5V2H10V0.5C10 0.25 10.2188 0 10.5 0C10.75 0 11 0.25 11 0.5V2H12C13.0938 2 14 2.90625 14 4V5V6V14C14 15.125 13.0938 16 12 16H2C0.875 16 0 15.125 0 14V6V5V4C0 2.90625 0.875 2 2 2H3V0.5C3 0.25 3.21875 0 3.5 0ZM13 6H9.75V8.25H13V6ZM13 9.25H9.75V11.75H13V9.25ZM13 12.75H9.75V15H12C12.5312 15 13 14.5625 13 14V12.75ZM8.75 11.75V9.25H5.25V11.75H8.75ZM5.25 12.75V15H8.75V12.75H5.25ZM4.25 11.75V9.25H1V11.75H4.25ZM1 12.75V14C1 14.5625 1.4375 15 2 15H4.25V12.75H1ZM1 8.25H4.25V6H1V8.25ZM5.25 8.25H8.75V6H5.25V8.25ZM12 3H2C1.4375 3 1 3.46875 1 4V5H13V4C13 3.46875 12.5312 3 12 3Z"
378        fill="currentColor"
379    />
380</svg>
381                            </a>
382                            <svg
383    viewBox="0 0 19 19"
384    xmlns="http://www.w3.org/2000/svg"
385    width="21"
386    height="19"
387    class="" :class="{
388                                    'cursor-pointer xl:hidden fill-black-m-500': !$wire.darkMode,
389                                    'xl:hidden fill-white': $wire
390                                        .darkMode
391                                }" x-show="!$wire.isMobileMenuOpen" x-transition:enter="transition duration-150 transform" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition duration-100 transform" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" wire:click="isMobileMenuOpen = !$wire.isMobileMenuOpen; setTimeout(() => document.getElementById('mobile-search').focus(), 500);"
392>
393    <path
394        d="M13.5 7.5625C13.5 5.38281 12.3047 3.34375 10.4062 2.21875C8.47266 1.12891 6.11719 1.12891 4.21875 2.21875C2.28516 3.34375 1.125 5.38281 1.125 7.5625C1.125 9.77734 2.28516 11.8164 4.21875 12.9414C6.11719 14.0312 8.47266 14.0312 10.4062 12.9414C12.3047 11.8164 13.5 9.77734 13.5 7.5625ZM12.0586 13.1172C10.793 14.2422 9.10547 14.875 7.3125 14.875C3.26953 14.875 0 11.6055 0 7.5625C0 3.55469 3.26953 0.25 7.3125 0.25C11.3203 0.25 14.625 3.55469 14.625 7.5625C14.625 9.39062 13.957 11.043 12.8672 12.3438L17.8242 17.3008C18.0352 17.5117 18.0352 17.8984 17.8242 18.1094C17.6133 18.3203 17.2266 18.3203 17.0156 18.1094L12.0586 13.1172Z"
395    />
396</svg>
397                            <a
398                                class="hidden items-center gap-2 xl:flex"
399                                href="/fiokom/kedvencek"
400                            >
401                                <svg
402    width="16"
403    height="14"
404    viewBox="0 0 16 14"
405    xmlns="http://www.w3.org/2000/svg"
406    fill="currentColor"
407    class="" :class="{ 'fill-black-m-300': !$wire.darkMode, 'fill-black-m-100': $wire.darkMode }"
408>
409    <path
410        d="M7.625 3.09375L7.25 2.6875L7.09375 2.53125C6.28125 1.625 5.0625 1.1875 3.875 1.40625C2.1875 1.71875 1 3.15625 1 4.84375V4.96875C1 5.96875 1.40625 6.9375 2.15625 7.625L7.90625 12.9688C7.90625 13 7.9375 13 8 13C8.03125 13 8.0625 13 8.09375 12.9688L13.8438 7.625C14.5625 6.9375 15 5.96875 15 4.96875V4.84375C15 3.15625 13.7812 1.71875 12.125 1.40625C10.9062 1.1875 9.6875 1.625 8.875 2.53125L8.75 2.6875L8.375 3.09375C8.28125 3.1875 8.125 3.25 8 3.25C7.84375 3.25 7.71875 3.1875 7.625 3.09375ZM8.6875 1.3125C9.71875 0.53125 11 0.1875 12.2812 0.4375C14.4375 0.8125 16 2.6875 16 4.84375V4.96875C16 6.09375 15.5625 7.15625 14.8438 8C14.75 8.125 14.625 8.25 14.5 8.34375L8.75 13.7188C8.71875 13.7188 8.71875 13.75 8.6875 13.7812C8.46875 13.9375 8.25 14 8 14C7.6875 14 7.4375 13.9062 7.21875 13.7188L1.46875 8.34375C1.34375 8.25 1.21875 8.125 1.125 8C0.40625 7.15625 0 6.09375 0 4.96875V4.84375C0 2.6875 1.53125 0.8125 3.6875 0.4375C4.96875 0.1875 6.25 0.53125 7.28125 1.3125C7.46875 1.46875 7.6875 1.65625 7.84375 1.875L7.96875 2L8.125 1.875C8.25 1.71875 8.375 1.5625 8.53125 1.4375C8.59375 1.40625 8.65625 1.34375 8.6875 1.3125Z"
411    />
412</svg>
413                                <span
414                                    class="text-sm"
415                                    :class="{ 'text-black-m-500': !$wire.darkMode }"
416                                >Kedvencek</span>
417                            </a>
418                            <div wire:snapshot="{&quot;data&quot;:{&quot;darkMode&quot;:false,&quot;expired&quot;:null,&quot;basketId&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;sJRn92SPuzTvcif5gqUh&quot;,&quot;name&quot;:&quot;cart.cart-icon&quot;,&quot;path&quot;:&quot;fiokom\/kedvencek&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;ed120278a93c1246cd8538105f3dddb1a6e790c602c737cb1aaeeffac2ddb2a6&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;cart-item-added&quot;,&quot;cart-item-removed&quot;,&quot;cart-deleted&quot;,&quot;cart-expired&quot;]}" wire:id="sJRn92SPuzTvcif5gqUh"
419    class="flex"
420    x-data="{
421        expired: window.Livewire.find('sJRn92SPuzTvcif5gqUh').entangle('expired'),
422        interval: null,
423        running: false,
424        duration: 0,
425        noticed: $persist(false).as(&quot;_noticed&quot;),
426        init() {
427
428            this.duration = Math.round((new Date(this.expired) - Date.now()) / 1000)
429
430            if (this.duration > 0) {
431                console.log('Init timer', { expired: this.expired, duration: this.duration });
432                this.startTimer();
433            }
434
435            
436            
437            
438            
439        },
440        startTimer() {
441            if (this.running) {
442                console.log('Timer already running');
443                return;
444            }
445            console.log('Starting timer');
446
447            this.running = true;
448
449            this.interval = setInterval(() => {
450
451                this.duration = Math.round((new Date(this.expired) - Date.now()) / 1000);
452
453                if (this.expired && this.duration <= 0) {
454                    clearInterval(this.interval);
455                    this.intervall = null;
456                    console.log('Timer expired');
457                    Livewire.dispatch('cart-expired');
458
459                    return;
460                }
461
462                if (!this.expired && this.duration <= 0) {
463                    clearInterval(this.interval);
464                    this.intervall = null;
465                    console.log('All items removed from cart');
466
467                    return;
468                }
469
470                if (this.duration <= 10 * 60 && !this.noticed) {
471                    this.noticed = true;
472                    $dispatch('show-expires-soon-modal');
473                }
474
475            }, 1000);
476        },
477
478        formatDuration() {
479            const minutes = Math.floor(this.duration / 60);
480            const seconds = this.duration % 60;
481
482            return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
483        }
484
485    }"
486>
487    <a
488        class="inline-flex items-center"
489        href="https://mupa.hu/megrendeles/kosar"
490    >
491        <div class="relative">
492        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <svg
493        wire:key="cart-icon"
494        viewBox="0 0 21 19"
495        xmlns="http://www.w3.org/2000/svg"
496        width="21"
497        height="19"
498        class="" itemCount="0" :class="{ 'fill-black-m-500': !$wire.darkMode, 'fill-white': $wire.darkMode }"
499    >
500        <path
501            d="M0.5625 0.25H1.86328C2.60156 0.25 3.23438 0.707031 3.48047 1.375H18.9492C19.6875 1.375 20.2148 2.07812 20.0391 2.78125L18.5625 8.6875C18.3164 9.67188 17.4023 10.375 16.3828 10.375H5.34375L5.58984 11.7461C5.69531 12.2734 6.1875 12.625 6.71484 12.625H17.4375C17.7188 12.625 18 12.9062 18 13.1875C18 13.5039 17.7188 13.75 17.4375 13.75H6.71484C5.625 13.75 4.71094 13.0117 4.5 11.957L2.42578 1.83203C2.39062 1.58594 2.14453 1.375 1.86328 1.375H0.5625C0.246094 1.375 0 1.12891 0 0.8125C0 0.53125 0.246094 0.25 0.5625 0.25ZM3.72656 2.5L5.09766 9.25H16.3828C16.9102 9.25 17.3672 8.89844 17.4727 8.40625L18.9492 2.5H3.72656ZM5.90625 16.2812C5.90625 16.7734 6.25781 17.125 6.75 17.125C7.20703 17.125 7.59375 16.7734 7.59375 16.2812C7.59375 15.8242 7.20703 15.4375 6.75 15.4375C6.25781 15.4375 5.90625 15.8242 5.90625 16.2812ZM8.71875 16.2812C8.71875 17.0195 8.33203 17.6523 7.73438 18.0039C7.10156 18.3555 6.36328 18.3555 5.76562 18.0039C5.13281 17.6523 4.78125 17.0195 4.78125 16.2812C4.78125 15.5781 5.13281 14.9453 5.76562 14.5938C6.36328 14.2422 7.10156 14.2422 7.73438 14.5938C8.33203 14.9453 8.71875 15.5781 8.71875 16.2812ZM15.75 15.4375C15.2578 15.4375 14.9062 15.8242 14.9062 16.2812C14.9062 16.7734 15.2578 17.125 15.75 17.125C16.207 17.125 16.5938 16.7734 16.5938 16.2812C16.5938 15.8242 16.207 15.4375 15.75 15.4375ZM15.75 18.25C15.0117 18.25 14.3789 17.8984 14.0273 17.2656C13.6758 16.668 13.6758 15.9297 14.0273 15.2969C14.3789 14.6992 15.0117 14.3125 15.75 14.3125C16.4531 14.3125 17.0859 14.6992 17.4375 15.2969C17.7891 15.9297 17.7891 16.668 17.4375 17.2656C17.0859 17.8984 16.4531 18.25 15.75 18.25Z"
502        />
503    </svg>
504</div>
505
506        <div>
507            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
508    </a>
509</div>
510
511                            
512                            <button
513                                class="relative inline-flex items-center justify-center xl:hidden"
514                                type="button"
515                                aria-controls="mobile-menu"
516                                aria-expanded="false"
517                                wire:click="isMobileMenuOpen = !$wire.isMobileMenuOpen"
518                            >
519                                <span class="absolute"></span>
520                                <span class="sr-only">Open main menu</span>
521                                
522                                <svg
523                                    class="h-6 w-6"
524                                    :class="{ 'block': !$wire.isMobileMenuOpen, 'hidden': $wire.isMobileMenuOpen }"
525                                    fill="none"
526                                    viewBox="0 0 24 24"
527                                    stroke-width="1.5"
528                                    stroke="currentColor"
529                                >
530                                    <path
531                                        stroke-linecap="round"
532                                        stroke-linejoin="round"
533                                        d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
534                                    />
535                                </svg>
536                                <!-- Mobile menu open icon-->
537                                <svg
538                                    class="h-6 w-6"
539                                    :class="{ 'hidden': !$wire.isMobileMenuOpen, 'block': $wire.isMobileMenuOpen }"
540                                    fill="none"
541                                    viewBox="0 0 24 24"
542                                    stroke-width="1.5"
543                                    stroke="currentColor"
544                                >
545                                    <path
546                                        stroke-linecap="round"
547                                        stroke-linejoin="round"
548                                        d="M6 18L18 6M6 6l12 12"
549                                    />
550                                </svg>
551                            </button>
552
553                        </div>
554                    </div>
555                    <div class="justify-beween hidden xl:flex">
556                        <ul class="list-image-menuitem flex w-full list-inside justify-between">
557                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
558                                                class="main-menu-item   group relative flex items-center"
559                                                style=""
560                                                x-data="{ childOpen: false }"
561                                                @mouseover.away = "childOpen = false"
562                                            >
563                                                <!--[if BLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                                            <svg
564    width="14"
565    height="16"
566    viewBox="0 0 14 16"
567    xmlns="http://www.w3.org/2000/svg"
568    class="mr-1" :class="{
569                                                                    '!text-mupa-black': !$wire.darkMode,
570                                                                    'text-white': $wire
571                                                                        .darkMode
572                                                                }"
573>
574    <path
575        d="M3.5 0C3.75 0 4 0.25 4 0.5V2H10V0.5C10 0.25 10.2188 0 10.5 0C10.75 0 11 0.25 11 0.5V2H12C13.0938 2 14 2.90625 14 4V5V6V14C14 15.125 13.0938 16 12 16H2C0.875 16 0 15.125 0 14V6V5V4C0 2.90625 0.875 2 2 2H3V0.5C3 0.25 3.21875 0 3.5 0ZM13 6H9.75V8.25H13V6ZM13 9.25H9.75V11.75H13V9.25ZM13 12.75H9.75V15H12C12.5312 15 13 14.5625 13 14V12.75ZM8.75 11.75V9.25H5.25V11.75H8.75ZM5.25 12.75V15H8.75V12.75H5.25ZM4.25 11.75V9.25H1V11.75H4.25ZM1 12.75V14C1 14.5625 1.4375 15 2 15H4.25V12.75H1ZM1 8.25H4.25V6H1V8.25ZM5.25 8.25H8.75V6H5.25V8.25ZM12 3H2C1.4375 3 1 3.46875 1 4V5H13V4C13 3.46875 12.5312 3 12 3Z"
576        fill="currentColor"
577    />
578</svg>
579                                                        <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <a
580                                                    class=""
581                                                    href="https://mupa.hu/programok/naptar?fmm=1"
582                                                    @mouseover="childOpen = true"
583                                                >
584                                                    <span class="pl-1">
585                                                        Programnaptár
586                                                    </span>
587                                                </a>
588                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                            </li>
589                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
590                                                class="main-menu-item   group relative flex items-center"
591                                                style=""
592                                                x-data="{ childOpen: false }"
593                                                @mouseover.away = "childOpen = false"
594                                            >
595                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->                                                    <span
596                                                        class=" inline-flex cursor-pointer"
597                                                        @click="childOpen = !childOpen"
598                                                    >
599                                                        <svg
600    width="6"
601    height="10"
602    viewBox="0 0 6 10"
603    fill="none"
604    xmlns="http://www.w3.org/2000/svg"
605    class="" :class="{ 'rotate-90': childOpen }"
606>
607    <path
608        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
609        fill="#FFCE34"
610    />
611</svg>
612                                                    </span>
613                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
614                                                    class=""
615                                                    href="https://mupa.hu/programok"
616                                                    @mouseover="childOpen = true"
617                                                >
618                                                    <span class="pl-1">
619                                                        Sorozatok, fesztiválok
620                                                    </span>
621                                                </a>
622                                                <!--[if BLOCK]><![endif]-->                                                    <div
623                                                        class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
624                                                        :class="{ hidden: !childOpen, block: childOpen }"
625                                                        x-cloak
626                                                    >
627                                                        <ul class="divide-y-2">
628                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
629                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
630                                                                                <a href="/solti-karmesterverseny-2026">
631                                                                                    <span class="pl-1">
632                                                                                        Solti Nemzetközi Karmesterverseny
633                                                                                    </span>
634                                                                                </a>
635                                                                            </li>
636                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
637                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
638                                                                                <a href="/programok/csaladi-es-ifjusagi-programok">
639                                                                                    <sp
639an class="pl-1">
640                                                                                        Családi és ifjúsági programok
641                                                                                    </span>
642                                                                                </a>
643                                                                            </li>
644                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
645                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
646                                                                                <a href="/programok/metropolitan-kozvetitesek/metropolitan-kozvetitesek-2026-27">
647                                                                                    <span class="pl-1">
648                                                                                        Metropolitan-közvetítések
649                                                                                    </span>
650                                                                                </a>
651                                                                            </li>
652                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
653                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
654                                                                                <a href="/programok/budapesti-wagner-napok/budapesti-wagner-napok-2027">
655                                                                                    <span class="pl-1">
656                                                                                        Budapesti Wagner-napok
657                                                                                    </span>
658                                                                                </a>
659                                                                            </li>
660                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
661                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
662                                                                                <a href="/programok/mozart-expedicio-2026">
663                                                                                    <span class="pl-1">
664                                                                                        Mozart-expedíció
665                                                                                    </span>
666                                                                                </a>
667                                                                            </li>
668                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
669                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
670                                                                                <a href="/programok/mupa-egyetemi-nap-2026">
671                                                                                    <sp
671an class="pl-1">
672                                                                                        Müpa Egyetemi Nap
673                                                                                    </span>
674                                                                                </a>
675                                                                            </li>
676                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
677                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
678                                                                                <a href="/programok/liszt-unnep-2026">
679                                                                                    <span class="pl-1">
680                                                                                        Liszt Ünnep
681                                                                                    </span>
682                                                                                </a>
683                                                                            </li>
684                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
685                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
686                                                                                <a href="/programok/rising-stars-2026">
687                                                                                    <span class="pl-1">
688                                                                                        Rising Stars
689                                                                                    </span>
690                                                                                </a>
691                                                                            </li>
692                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
693                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
694                                                                                <a href="/programok/karzatkoncertek">
695                                                                                    <span class="pl-1">
696                                                                                        Karzatkoncertek
697                                                                                    </span>
698                                                                                </a>
699                                                                            </li>
700                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
701                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
702                                                                                <a href="/programok/mupa-filmklub">
703                                                                                    <sp
703an class="pl-1">
704                                                                                        Müpa Filmklub
705                                                                                    </span>
706                                                                                </a>
707                                                                            </li>
708                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
709                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
710                                                                                <a href="/programok/literarium">
711                                                                                    <span class="pl-1">
712                                                                                        Literárium
713                                                                                    </span>
714                                                                                </a>
715                                                                            </li>
716                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
717                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
718                                                                                <a href="/programok/vers-estek">
719                                                                                    <span class="pl-1">
720                                                                                        Vers-estek
721                                                                                    </span>
722                                                                                </a>
723                                                                            </li>
724                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
725                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
726                                                                                <a href="/programok/orgonaexpedicio">
727                                                                                    <span class="pl-1">
728                                                                                        OrgonaExpedíció
729                                                                                    </span>
730                                                                                </a>
731                                                                            </li>
732                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
733                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
734                                                                                <a href="/programok/teremrol-teremre">
735                                                                                    <sp
735an class="pl-1">
736                                                                                        Teremről teremre
737                                                                                    </span>
738                                                                                </a>
739                                                                            </li>
740                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        </ul>
741                                                    </div>
742                                                <!--[if ENDBLOCK]><![endif]-->                                            </li>
743                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
744                                                class="main-menu-item   group relative flex items-center"
745                                                style=""
746                                                x-data="{ childOpen: false }"
747                                                @mouseover.away = "childOpen = false"
748                                            >
749                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->                                                    <span
750                                                        class=" inline-flex cursor-pointer"
751                                                        @click="childOpen = !childOpen"
752                                                    >
753                                                        <svg
754    width="6"
755    height="10"
756    viewBox="0 0 6 10"
757    fill="none"
758    xmlns="http://www.w3.org/2000/svg"
759    class="" :class="{ 'rotate-90': childOpen }"
760>
761    <path
762        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
763        fill="#FFCE34"
764    />
765</svg>
766                                                    </span>
767                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
768                                                    class=""
769                                                    href="https://mupa.hu/programok/naptar?fmm=1"
770                                                    @mouseover="childOpen = true"
771                                                >
772                                                    <span class="pl-1">
773                                                        Jegyek
774                                                    </span>
775                                                </a>
776                                                <!--[if BLOCK]><![endif]-->                                                    <div
777                                                        class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
778                                                        :class="{ hidden: !childOpen, block: childOpen }"
779                                                        x-cloak
780                                                    >
781                                                        <ul class="divide-y-2">
782                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
783                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
784                                                                                <a href="/programok/naptar">
785                                                                                    <sp
785an class="pl-1">
786                                                                                        Jegyek
787                                                                                    </span>
788                                                                                </a>
789                                                                            </li>
790                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
791                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
792                                                                                <a href="/jegyek-berletek/2026-osz-tel">
793                                                                                    <span class="pl-1">
794                                                                                        2026 ősz/tél
795                                                                                    </span>
796                                                                                </a>
797                                                                            </li>
798                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
799                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
800                                                                                <a href="/jegyek-berletek/ajandekutalvany">
801                                                                                    <span class="pl-1">
802                                                                                        Ajándékutalvány
803                                                                                    </span>
804                                                                                </a>
805                                                                            </li>
806                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
807                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
808                                                                                <a href="/jegyek-berletek/specialis-jegytipusok">
809                                                                                    <span class="pl-1">
810                                                                                        Speciális jegytípusok
811                                                                                    </span>
812                                                                                </a>
813                                                                            </li>
814                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
815                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
816                                                                                <a href="/jegyek-berletek/vasarlasi-informaciok">
817                                                                                    <sp
817an class="pl-1">
818                                                                                        Vásárlási információk
819                                                                                    </span>
820                                                                                </a>
821                                                                            </li>
822                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
823                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
824                                                                                <a href="/jegyek-berletek/jegyvasarloi-aszf">
825                                                                                    <span class="pl-1">
826                                                                                        Jegyvásárlói ÁSZF
827                                                                                    </span>
828                                                                                </a>
829                                                                            </li>
830                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        </ul>
831                                                    </div>
832                                                <!--[if ENDBLOCK]><![endif]-->                                            </li>
833                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
834                                                class="main-menu-item   group relative flex items-center"
835                                                style=""
836                                                x-data="{ childOpen: false }"
837                                                @mouseover.away = "childOpen = false"
838                                            >
839                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->                                                    <span
840                                                        class=" inline-flex cursor-pointer"
841                                                        @click="childOpen = !childOpen"
842                                                    >
843                                                        <svg
844    width="6"
845    height="10"
846    viewBox="0 0 6 10"
847    fill="none"
848    xmlns="http://www.w3.org/2000/svg"
849    class="" :class="{ 'rotate-90': childOpen }"
850>
851    <path
852        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
853        fill="#FFCE34"
854    />
855</svg>
856                                                    </span>
857                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
858                                                    class=""
859                                                    href="https://mupa.hu/husegprogram"
860                                                    @mouseover="childOpen = true"
861                                                >
862                                                    <span class="pl-1">
863                                                        Hűségprogram
864                                                    </span>
865                                                </a>
866                                                <!--[if BLOCK]><![endif]-->                                                    <div
867                                                        class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
868                                                        :class="{ hidden: !childOpen, block: childOpen }"
869                                                        x-cloak
870                                                    >
871                                                        <ul class="divide-y-2">
872                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
873                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
874                                                                                <a href="/husegprogram">
875                                                                                    <span class="pl-1">
876                                                                                        Müpa+ hűségprogram
877                                                                                    </span>
878                                                                                </a>
879                                                                            </li>
880                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
881                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
882                                                                                <a href="/husegprogram/dupla-husegpontos-ajanlatok">
883                                                                                    <span class="pl-1">
884                                                                                        Dupla hűségpontos ajánlatok
885                                                                                    </span>
886                                                                                </a>
887                                                                            </li>
888                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        </ul>
889                                                    </div>
890                                                <!--[if ENDBLOCK]><![endif]-->                                            </li>
891                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
892                                                class="main-menu-item   group relative flex items-center"
893                                                style=""
894                                                x-data="{ childOpen: false }"
895                                                @mouseover.away = "childOpen = false"
896                                            >
897                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->
897                                                    <span
898                                                        class=" inline-flex cursor-pointer"
899                                                        @click="childOpen = !childOpen"
900                                                    >
901                                                        <svg
902    width="6"
903    height="10"
904    viewBox="0 0 6 10"
905    fill="none"
906    xmlns="http://www.w3.org/2000/svg"
907    class="" :class="{ 'rotate-90': childOpen }"
908>
909    <path
910        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
911        fill="#FFCE34"
912    />
913</svg>
914                                                    </span>
915                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
916                                                    class=""
917                                                    href="https://mupa.hu/mupa-home"
918                                                    @mouseover="childOpen = true"
919                                                >
920                                                    <span class="pl-1">
921                                                        Müpa Home
922                                                    </span>
923                                                </a>
924                                                <!--[if BLOCK]><![endif]-->                                                    <div
925                                                        class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
926                                                        :class="{ hidden: !childOpen, block: childOpen }"
927                                                        x-cloak
928                                                    >
929                                                        <ul class="divide-y-2">
930                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
931                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
932                                                                                <a href="/mupa-home/videok">
933                                                                                    <span class="pl-1">
934                                                                                        Videók
935                                                                                    </span>
936                                                                                </a>
937                                                                            </li>
938                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
939                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
940                                                                                <a href="/mupa-home/podcastek">
941                                                                                    <span class="pl-1">
942                                                                                        Podcastek
943                                                                                    </span>
944                                                                                </a>
945                                                                            </li>
946                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
947                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
948                                                                                <a href="/mupa-home/kozvetitesek">
949                                                                                    <sp
949an class="pl-1">
950                                                                                        Közvetítések
951                                                                                    </span>
952                                                                                </a>
953                                                                            </li>
954                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
955                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
956                                                                                <a href="/mupa-home/kiadvanyok">
957                                                                                    <span class="pl-1">
958                                                                                        Kiadványok
959                                                                                    </span>
960                                                                                </a>
961                                                                            </li>
962                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        </ul>
963                                                    </div>
964                                                <!--[if ENDBLOCK]><![endif]-->                                            </li>
965                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
966                                                class="main-menu-item   group relative flex items-center"
967                                                style=""
968                                                x-data="{ childOpen: false }"
969                                                @mouseover.away = "childOpen = false"
970                                            >
971                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->                                                    <span
972                                                        class=" inline-flex cursor-pointer"
973                                                        @click="childOpen = !childOpen"
974                                                    >
975                                                        <svg
976    width="6"
977    height="10"
978    viewBox="0 0 6 10"
979    fill="none"
980    xmlns="http://www.w3.org/2000/svg"
981    class="" :class="{ 'rotate-90': childOpen }"
982>
983    <path
984        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
985        fill="#FFCE34"
986    />
987</svg>
988                                                    </span>
989                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
990                                                    class=""
991                                                    href="https://mupa.hu/magazin"
992                                                    @mouseover="childOpen = true"
993                                                >
994                                                    <span class="pl-1">
995                                                        Magazin
996                                                    </span>
997                                                </a>
998                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                            </li>
999                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                                                                    <li
1000                                                class="main-menu-item   group relative flex items-center"
1001                                                style=""
1002                                                x-data="{ childOpen: false }"
1003                                                @mouseover.away = "childOpen = false"
1004                                            >
1005                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->                                                    <span
1006                                                        class=" inline-flex cursor-pointer"
1007                                                        @click="childOpen = !childOpen"
1008                                                    >
1009                                                        <svg
1010    width="6"
1011    height="10"
1012    viewBox="0 0 6 10"
1013    fill="none"
1014    xmlns="http://www.w3.org/2000/svg"
1015    class="" :class="{ 'rotate-90': childOpen }"
1016>
1017    <path
1018        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1019        fill="#FFCE34"
1020    />
1021</svg>
1022                                                    </span>
1023                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
1024                                                    class=""
1025                                                    href="#"
1026                                                    @mouseover="childOpen = true"
1027                                                >
1028                                                    <span class="pl-1">
1029                                                        Rólunk
1030                                                    </span>
1031                                                </a>
1032                                                <!--[if BLOCK]><![endif]-->                                                    <div
1033                                                        class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
1034                                                        :class="{ hidden: !childOpen, block: childOpen }"
1035                                                        x-cloak
1036                                                    >
1037                                                        <ul class="divide-y-2">
1038                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1039                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1040                                                                                <a href="/kapcsolat">
1041                                                                                    <span class="pl-1">
1042                                                                                        Kapcsolat
1043                                                                                    </span>
1044                                                                                </a>
1045                                                                            </li>
1046                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1047                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1048                                                                                <a href="/az-evad-tarsasjatek">
1049                                                                                    <sp
1049an class="pl-1">
1050                                                                                        Társasjáték
1051                                                                                    </span>
1052                                                                                </a>
1053                                                                            </li>
1054                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1055                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1056                                                                                <a href="/rolunk/hirek">
1057                                                                                    <span class="pl-1">
1058                                                                                        Hírek
1059                                                                                    </span>
1060                                                                                </a>
1061                                                                            </li>
1062                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1063                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1064                                                                                <a href="/rolunk/a-mupa">
1065                                                                                    <span class="pl-1">
1066                                                                                        A Müpa
1067                                                                                    </span>
1068                                                                                </a>
1069                                                                            </li>
1070                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1071                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1072                                                                                <a href="/rolunk/az-epuletrol">
1073                                                                                    <span class="pl-1">
1074                                                                                        Az épületről
1075                                                                                    </span>
1076                                                                                </a>
1077                                                                            </li>
1078                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1079                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1080                                                                                <a href="/rolunk/a-mupa-orgonaja">
1081                                                                                    <sp
1081an class="pl-1">
1082                                                                                        A Müpa orgonája
1083                                                                                    </span>
1084                                                                                </a>
1085                                                                            </li>
1086                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1087                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1088                                                                                <a href="/rolunk/vezetoseg">
1089                                                                                    <span class="pl-1">
1090                                                                                        Vezetőség
1091                                                                                    </span>
1092                                                                                </a>
1093                                                                            </li>
1094                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1095                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1096                                                                                <a href="/rolunk/az-evad-muveszei">
1097                                                                                    <span class="pl-1">
1098                                                                                        Az évad művészei
1099                                                                                    </span>
1100                                                                                </a>
1101                                                                            </li>
1102                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1103                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1104                                                                                <a href="/rolunk/tehetsegtamogatas-a-mupaban">
1105                                                                                    <span class="pl-1">
1106                                                                                        Tehetségtámogatás
1107                                                                                    </span>
1108                                                                                </a>
1109                                                                            </li>
1110                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1111                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1112                                                                                <a href="/rolunk/fenntarthatosag">
1113                                                                                    <sp
1113an class="pl-1">
1114                                                                                        Fenntarthatóság
1115                                                                                    </span>
1116                                                                                </a>
1117                                                                            </li>
1118                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1119                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1120                                                                                <a href="/rolunk/hazirend">
1121                                                                                    <span class="pl-1">
1122                                                                                        Házirend
1123                                                                                    </span>
1124                                                                                </a>
1125                                                                            </li>
1126                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1127                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1128                                                                                <a href="/rolunk/szolgaltatasok/vendeglatas">
1129                                                                                    <span class="pl-1">
1130                                                                                        Szolgáltatások
1131                                                                                    </span>
1132                                                                                </a>
1133                                                                            </li>
1134                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1135                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1136                                                                                <a href="/rolunk/teremhasznalat">
1137                                                                                    <span class="pl-1">
1138                                                                                        Teremhasználat
1139                                                                                    </span>
1140                                                                                </a>
1141                                                                            </li>
1142                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1143                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1144                                                                                <a href="/rolunk/gyik">
1145                                                                                    <sp
1145an class="pl-1">
1146                                                                                        GYIK
1147                                                                                    </span>
1148                                                                                </a>
1149                                                                            </li>
1150                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1151                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1152                                                                                <a href="/rolunk/ajandektargyak">
1153                                                                                    <span class="pl-1">
1154                                                                                        Ajándéktárgyak
1155                                                                                    </span>
1156                                                                                </a>
1157                                                                            </li>
1158                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        </ul>
1159                                                    </div>
1160                                                <!--[if ENDBLOCK]><![endif]-->                                            </li>
1161                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
1162                                                class="main-menu-item p-2 pl-[14px] pr-4  group relative flex items-center"
1163                                                style="background-color: #829ccf;"
1164                                                x-data="{ childOpen: false }"
1165                                                @mouseover.away = "childOpen = false"
1166                                            >
1167                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->                                                    <span
1168                                                        class="w-0 overflow-hidden inline-flex cursor-pointer"
1169                                                        @click="childOpen = !childOpen"
1170                                                    >
1171                                                        <svg
1172    width="6"
1173    height="10"
1174    viewBox="0 0 6 10"
1175    fill="none"
1176    xmlns="http://www.w3.org/2000/svg"
1177    class="" :class="{ 'rotate-90': childOpen }"
1178>
1179    <path
1180        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1181        fill="#FFCE34"
1182    />
1183</svg>
1184                                                    </span>
1185                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
1186                                                    class="text-white"
1187                                                    href="https://mupa.hu/solti-karmesterverseny-2026"
1188                                                    @mouseover="childOpen = true"
1189                                                >
1190                                                    <span class="pl-1">
1191                                                        Solti 2026
1192                                                    </span>
1193                                                </a>
1194                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                            </li>
1195                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </ul>
1196                    </div>
1197                </div>
1198            </div>
1199        </div>
1200    </div>
1201
1202    
1203    <div class="relative xl:hidden">
1204        <div
1205            class="absolute left-0 top-0 z-50 max-h-screen w-full overflow-y-scroll pt-6"
1206            id="mobile-menu"
1207            :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500 text-white': $wire.darkMode }"
1208            x-show="$wire.isMobileMenuOpen"
1209            x-cloak
1210            x-transition:enter="transition duration-150 transform"
1211            x-transition:enter-start="opacity-0 scale-95"
1212            x-transition:enter-end="opacity-100 scale-100"
1213            x-transition:leave="transition duration-100 transform"
1214            x-transition:leave-start="opacity-100 scale-100"
1215            x-transition:leave-end="opacity-0 scale-95"
1216        >
1217            <div class="relative">
1218                <div
1219                    class="flex gap-4 px-3 pt-5"
1220                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1221                >
1222                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
1223                            class="flex items-center gap-2"
1224                            href="https://mupa.hu/bejelentkezes"
1225                        >
1226                            <svg
1227    viewBox="0 0 16 19"
1228    xmlns="http://www.w3.org/2000/svg"
1229    width="16"
1230    height="19"
1231    class="" :class="{ 'fill-black-m-300': !$wire.darkMode, 'fill-white': $wire.darkMode }"
1232>
1233    <path
1234        d="M11.25 4.75C11.25 3.55469 10.582 2.46484 9.5625 1.83203C8.50781 1.23438 7.20703 1.23438 6.1875 1.83203C5.13281 2.46484 4.5 3.55469 4.5 4.75C4.5 5.98047 5.13281 7.07031 6.1875 7.70312C7.20703 8.30078 8.50781 8.30078 9.5625 7.70312C10.582 7.07031 11.25 5.98047 11.25 4.75ZM3.375 4.75C3.375 3.16797 4.21875 1.69141 5.625 0.882812C6.99609 0.0742188 8.71875 0.0742188 10.125 0.882812C11.4961 1.69141 12.375 3.16797 12.375 4.75C12.375 6.36719 11.4961 7.84375 10.125 8.65234C8.71875 9.46094 6.99609 9.46094 5.625 8.65234C4.21875 7.84375 3.375 6.36719 3.375 4.75ZM1.125 17.125H14.625C14.5547 14.3477 12.2695 12.0625 9.45703 12.0625H6.25781C3.44531 12.0625 1.16016 14.3477 1.125 17.125ZM0 17.2305C0 13.75 2.77734 10.9375 6.25781 10.9375H9.45703C12.9375 10.9375 15.75 13.75 15.75 17.2305C15.75 17.793 15.2578 18.25 14.6953 18.25H1.01953C0.457031 18.25 0 17.793 0 17.2305Z"
1235    />
1236</svg>
1237                            <span
1238                                class="text-sm"
1239                                :class="{ 'text-black-m-500': !$wire.darkMode }"
1240                            >
1241                                Bejelentkezés                            </span>
1242                        </a>
1243                    <!--[if ENDBLOCK]><![endif]-->                    <div class="flex items-center gap-2">
1244                        <svg
1245    width="16"
1246    height="14"
1247    viewBox="0 0 16 14"
1248    xmlns="http://www.w3.org/2000/svg"
1249    fill="currentColor"
1250    class="" :class="{ 'fill-black-m-300': !$wire.darkMode, 'fill-white': $wire.darkMode }"
1251>
1252    <path
1253        d="M7.625 3.09375L7.25 2.6875L7.09375 2.53125C6.28125 1.625 5.0625 1.1875 3.875 1.40625C2.1875 1.71875 1 3.15625 1 4.84375V4.96875C1 5.96875 1.40625 6.9375 2.15625 7.625L7.90625 12.9688C7.90625 13 7.9375 13 8 13C8.03125 13 8.0625 13 8.09375 12.9688L13.8438 7.625C14.5625 6.9375 15 5.96875 15 4.96875V4.84375C15 3.15625 13.7812 1.71875 12.125 1.40625C10.9062 1.1875 9.6875 1.625 8.875 2.53125L8.75 2.6875L8.375 3.09375C8.28125 3.1875 8.125 3.25 8 3.25C7.84375 3.25 7.71875 3.1875 7.625 3.09375ZM8.6875 1.3125C9.71875 0.53125 11 0.1875 12.2812 0.4375C14.4375 0.8125 16 2.6875 16 4.84375V4.96875C16 6.09375 15.5625 7.15625 14.8438 8C14.75 8.125 14.625 8.25 14.5 8.34375L8.75 13.7188C8.71875 13.7188 8.71875 13.75 8.6875 13.7812C8.46875 13.9375 8.25 14 8 14C7.6875 14 7.4375 13.9062 7.21875 13.7188L1.46875 8.34375C1.34375 8.25 1.21875 8.125 1.125 8C0.40625 7.15625 0 6.09375 0 4.96875V4.84375C0 2.6875 1.53125 0.8125 3.6875 0.4375C4.96875 0.1875 6.25 0.53125 7.28125 1.3125C7.46875 1.46875 7.6875 1.65625 7.84375 1.875L7.96875 2L8.125 1.875C8.25 1.71875 8.375 1.5625 8.53125 1.4375C8.59375 1.40625 8.65625 1.34375 8.6875 1.3125Z"
1254    />
1255</svg>
1256                        <a
1257                            class="text-sm"
1258                            href="/fiokom/kedvencek"
1259                            :class="{ 'text-black-m-500': !$wire.darkMode }"
1260                        >
1261                            Kedvencek                        </a>
1262                    </div>
1263                    <span class="text-black-m-50">|</span>
1264                    <a href="/en/account/favourites">
1265                        <span class="uppercase">en
1266                        </span>
1267                    </a>
1268                </div>
1269                <div
1270                    class="flex justify-center px-3 pb-4 pt-6"
1271                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1272                >
1273                    <div
1274                        class="flex h-[4vh] w-full items-center"
1275                        :class="{ 'placeholder:text-black-m-300': !$wire.darkMode, 'placeholder:text-white': $wire.darkMode }"
1276                    >
1277                        <div wire:snapshot="{&quot;data&quot;:{&quot;query&quot;:&quot;&quot;,&quot;result&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;darkMode&quot;:false,&quot;showOnMobile&quot;:true,&quot;extraClasses&quot;:&quot;&quot;,&quot;quickResults&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;EFQx1c8CbSvgjfTvzPDm&quot;,&quot;name&quot;:&quot;search.input&quot;,&quot;path&quot;:&quot;fiokom\/kedvencek&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;6e75ecf4d601d9d46da8d9162a6ae7d2bbd21953584f280374b5eb6fbb21e2f0&quot;}" wire:effects="[]" wire:id="EFQx1c8CbSvgjfTvzPDm"
1278    class="z-10"
1279    :class="{ 'w-full': $wire.showOnMobile }"
1280    x-data="{
1281        result: window.Livewire.find('EFQx1c8CbSvgjfTvzPDm').entangle('result'),
1282        query: window.Livewire.find('EFQx1c8CbSvgjfTvzPDm').entangle('query').live,
1283        debouncedQuery: null,
1284        selected: null,
1285        
1286        init() {
1287            $watch('query', (value) => {
1288                selected = null
1289            })
1290            $watch('debouncedQuery', Alpine.debounce(() => this.query = this.debouncedQuery, 500))
1291        },
1292
1293        reset() {
1294            this.query = ''
1295            this.debouncedQuery = ''
1296            this.result = []
1297            this.selected = null
1298        },
1299        selectNext() {
1300            if (this.selected === null) {
1301                this.selected = 0
1302                return;
1303            }
1304
1305            this.selected++
1306
1307            if (this.selected >= this.result.map(group => group.items).flat().length) {
1308                this.selected = 0
1309            }
1310
1311        },
1312        selectPrev() {
1313            if (this.selected === null) {
1314                this.selected = this.result.map(group => group.items).flat().length - 1
1315                return;
1316            }
1317
1318            this.selected--
1319
1320            if (this.selected < 0) {
1321                this.selected = this.result.map(group => group.items).flat().length - 1
1322            }
1323
1324        },
1325        goToResult() {
1326            console.log('goToResult', { selected: this.selected })
1327            if (this.selected === null) {
1328                if (document.documentElement.lang === 'en') {
1329                    location.href = `/en/search/results?query=${this.debouncedQuery}`
1330                    return;
1331                }
1332                location.href = `/kereses?query=${this.debouncedQuery}`
1333                return;
1334            }
1335
1336            console.log('selected', { selected: this.selected, result: this.result.map(group => group.items).flat() })
1337
1338            const item = this.result.map(group => group.items).flat()[this.selected]
1339
1340            location.href = item.url
1341        }
1342    }"
1343    x-on:click.away="reset()"
1344    x-on:submit.prevent="goToResult()"
1345>
1346    <form class="isolate z-10">
1347        <div
1348            class=" relative items-center border-b xl:flex"
1349            :class="{
1350                'border-black-m-30': !$wire.darkMode,
1351                'border-black-m-50': $wire.darkMode,
1352                'hidden': !$wire
1353                    .showOnMobile,
1354                'flex justify-between border px-2': $wire.showOnMobile
1355            }"
1356        >
1357            <input
1358                class="border-0 pl-0 focus:ring-0"
1359                type="text"
1360                :class="{ 'placeholder:text-black-m-100 bg-black-m-500': $wire.darkMode, 'w-4/5': $wire.showOnMobile }"
1361                :id="$wire.showOnMobile ? 'mobile-search' : ''"
1362                placeholder="Keresés"
1363                x-model="debouncedQuery"
1364                x-on:keyup.esc="reset()"
1365                x-on:keyup.down="selectNext()"
1366                x-on:keyup.up="selectPrev()"
1367                
1368            >
1369            <button type="submit">
1370                <svg
1371    width="17"
1372    height="17"
1373    viewBox="0 0 17 17"
1374    xmlns="http://www.w3.org/2000/svg"
1375    class="" :class="{ 'fill-black-m-500': !$wire.darkMode, 'fill-white': $wire.darkMode }"
1376>
1377    <path
1378        d="M12 6.5C12 4.5625 10.9375 2.75 9.25 1.75C7.53125 0.78125 5.4375 0.78125 3.75 1.75C2.03125 2.75 1 4.5625 1 6.5C1 8.46875 2.03125 10.2812 3.75 11.2812C5.4375 12.25 7.53125 12.25 9.25 11.2812C10.9375 10.2812 12 8.46875 12 6.5ZM10.7188 11.4375C9.59375 12.4375 8.09375 13 6.5 13C2.90625 13 0 10.0938 0 6.5C0 2.9375 2.90625 0 6.5 0C10.0625 0 13 2.9375 13 6.5C13 8.125 12.4062 9.59375 11.4375 10.75L15.8438 15.1562C16.0312 15.3438 16.0312 15.6875 15.8438 15.875C15.6562 16.0625 15.3125 16.0625 15.125 15.875L10.7188 11.4375Z"
1379    />
1380</svg>
1381            </button>
1382
1383            
1384
1385        </div>
1386        <div>
1387            <div
1388                class="absolute mt-1 w-[30rem] overflow-y-auto rounded-md border bg-white py-2 shadow-lg"
1389                x-transition
1390                x-show="Object.keys(result).length > 0"
1391                x-cloak
1392            >
1393                <div class="divide-y divide-gray-200">
1394                    <template x-for="(group, groupIndex) in result">
1395                        <div>
1396                            <div
1397                                class="px-2 py-1 font-klavika text-sm font-bold uppercase text-black-m-500"
1398                                x-text="group.title"
1399                            >
1400                            </div>
1401                            <div
1402                                class="divide-y"
1403                                x-ref="result"
1404                            >
1405                                <template x-for="(item, itemIndex) in group.items">
1406                                    <div
1407                                        class="flex items-center justify-between px-2 py-3"
1408                                        :class="{ 'bg-gray-100': (groupIndex) * 2 + itemIndex === selected }"
1409                                    >
1410                                        <a
1411                                            class="grid grid-cols-3 gap-2"
1412                                            :href="item.url"
1413                                            x-show="item.type === 'program'"
1414                                            :key="item.url"
1415                                        >
1416                                            <img
1417                                                :src="item.img"
1418                                                :alt="item.title"
1419                                            >
1420                                            <div class="col-span-2">
1421                                                <div x-text="item.title"></div>
1422                                                <div
1423                                                    class="font-bold"
1424                                                    x-text="item.date"
1425                                                ></div>
1426                                                <div x-text="item.location"></div>
1427                                            </div>
1428                                        </a>
1429                                        <a
1430                                            x-show="item.type === 'article' || item.type === 'magazine-article'"
1431                                            :href="item.url"
1432                                        >
1433                                            <div x-text="item.title"></div>
1434                                        </a>
1435                                        <a
1436                                            x-show="item.type === 'page'"
1437                                            :href="item.url"
1438                                        >
1439                                            <div x-text="item.title"></div>
1440                                        </a>
1441                                        <a
1442                                            x-show="item.type === 'issuu'"
1443                                            :href="item.url"
1444                                        >
1445                                            <div x-text="item.title"></div>
1446                                        </a>
1447                                    </div>
1448                                </template>
1449                            </div>
1450
1451                        </div>
1452                    </template>
1453                </div>
1454            </div>
1455        </div>
1456    </form>
1457</div>                    </div>
1458                </div>
1459                <div
1460                    class="space-y-1 px-3 pb-3 pt-2"
1461                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1462                >
1463                    <ul class="list-image-menuitem list-inside">
1464                        <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1465                                            class="  my-3"
1466                                            style=""
1467                                             :class="{
1468                                                'list-image-menuitem-calendar': !$wire.darkMode,
1469                                                'list-image-menuitem-calendar-darkmode': $wire.darkMode
1470                                            }"                                             x-data="{ submenuOpen: false, hasChildren: '' }"
1471                                            @click="submenuOpen = !submenuOpen"
1472                                        >
1473                                            <!--[if BLOCK]><![endif]-->                                                <a
1474                                                    class=""
1475                                                    href="https://mupa.hu/programok/naptar?fmm=1"
1476                                                >
1477                                                    <span class="cursor-pointer">
1478                                                        Programnaptár
1479                                                    </span>
1480                                                </a>
1481                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </li>
1482                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1483                                            class="  my-3"
1484                                            style=""
1485                                                                                        x-data="{ submenuOpen: false, hasChildren: '1' }"
1486                                            @click="submenuOpen = !submenuOpen"
1487                                        >
1488                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1489                                                    <!--[if BLOCK]><![endif]-->                                                        <span @click="submenuOpen = !submenuOpen">
1490                                                            <svg
1491    width="6"
1492    height="10"
1493    viewBox="0 0 6 10"
1494    fill="none"
1495    xmlns="http://www.w3.org/2000/svg"
1496    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1497>
1498    <path
1499        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1500        fill="#FFCE34"
1501    />
1502</svg>
1503                                                        </span>
1504                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1505                                                        class=""
1506                                                        href="#"
1507                                                    >
1508                                                        <span class="cursor-pointer pl-1">
1509                                                            Sorozatok, fesztiválok
1510                                                        </span>
1511                                                    </a>
1512                                                </div>
1513                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]-->                                                <div
1514                                                    class="pt-3"
1515                                                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1516                                                    x-show="submenuOpen"
1517                                                >
1518                                                    <ul>
1519                                                        <!--[if BLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1520                                                                            <a href="/solti-karmesterverseny-2026">
1521                                                                                <span class="pl-1">
1522                                                                                    Solti Nemzetközi Karmesterverseny
1523                                                                                </span>
1524                                                                            </a>
1525                                                                        </li>
1526                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1527                                                                            <a href="/programok/csaladi-es-ifjusagi-programok">
1528                                                                                <sp
1528an class="pl-1">
1529                                                                                    Családi és ifjúsági programok
1530                                                                                </span>
1531                                                                            </a>
1532                                                                        </li>
1533                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1534                                                                            <a href="/programok/metropolitan-kozvetitesek/metropolitan-kozvetitesek-2026-27">
1535                                                                                <span class="pl-1">
1536                                                                                    Metropolitan-közvetítések
1537                                                                                </span>
1538                                                                            </a>
1539                                                                        </li>
1540                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1541                                                                            <a href="/programok/budapesti-wagner-napok/budapesti-wagner-napok-2027">
1542                                                                                <span class="pl-1">
1543                                                                                    Budapesti Wagner-napok
1544                                                                                </span>
1545                                                                            </a>
1546                                                                        </li>
1547                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1548                                                                            <a href="/programok/mozart-expedicio-2026">
1549                                                                                <span class="pl-1">
1550                                                                                    Mozart-expedíció
1551                                                                                </span>
1552                                                                            </a>
1553                                                                        </li>
1554                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1555                                                                            <a href="/programok/mupa-egyetemi-nap-2026">
1556                                                                                <sp
1556an class="pl-1">
1557                                                                                    Müpa Egyetemi Nap
1558                                                                                </span>
1559                                                                            </a>
1560                                                                        </li>
1561                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1562                                                                            <a href="/programok/liszt-unnep-2026">
1563                                                                                <span class="pl-1">
1564                                                                                    Liszt Ünnep
1565                                                                                </span>
1566                                                                            </a>
1567                                                                        </li>
1568                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1569                                                                            <a href="/programok/rising-stars-2026">
1570                                                                                <span class="pl-1">
1571                                                                                    Rising Stars
1572                                                                                </span>
1573                                                                            </a>
1574                                                                        </li>
1575                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1576                                                                            <a href="/programok/karzatkoncertek">
1577                                                                                <span class="pl-1">
1578                                                                                    Karzatkoncertek
1579                                                                                </span>
1580                                                                            </a>
1581                                                                        </li>
1582                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1583                                                                            <a href="/programok/mupa-filmklub">
1584                                                                                <sp
1584an class="pl-1">
1585                                                                                    Müpa Filmklub
1586                                                                                </span>
1587                                                                            </a>
1588                                                                        </li>
1589                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1590                                                                            <a href="/programok/literarium">
1591                                                                                <span class="pl-1">
1592                                                                                    Literárium
1593                                                                                </span>
1594                                                                            </a>
1595                                                                        </li>
1596                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1597                                                                            <a href="/programok/vers-estek">
1598                                                                                <span class="pl-1">
1599                                                                                    Vers-estek
1600                                                                                </span>
1601                                                                            </a>
1602                                                                        </li>
1603                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1604                                                                            <a href="/programok/orgonaexpedicio">
1605                                                                                <span class="pl-1">
1606                                                                                    OrgonaExpedíció
1607                                                                                </span>
1608                                                                            </a>
1609                                                                        </li>
1610                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1611                                                                            <a href="/programok/teremrol-teremre">
1612                                                                                <sp
1612an class="pl-1">
1613                                                                                    Teremről teremre
1614                                                                                </span>
1615                                                                            </a>
1616                                                                        </li>
1617                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                        <!--[if ENDBLOCK]><![endif]-->                                                    </ul>
1618                                                </div>
1619                                            <!--[if ENDBLOCK]><![endif]-->                                        </li>
1620                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1621                                            class="  my-3"
1622                                            style=""
1623                                                                                        x-data="{ submenuOpen: false, hasChildren: '1' }"
1624                                            @click="submenuOpen = !submenuOpen"
1625                                        >
1626                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1627                                                    <!--[if BLOCK]><![endif]-->                                                        <span @click="submenuOpen = !submenuOpen">
1628                                                            <svg
1629    width="6"
1630    height="10"
1631    viewBox="0 0 6 10"
1632    fill="none"
1633    xmlns="http://www.w3.org/2000/svg"
1634    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1635>
1636    <path
1637        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1638        fill="#FFCE34"
1639    />
1640</svg>
1641                                                        </span>
1642                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1643                                                        class=""
1644                                                        href="#"
1645                                                    >
1646                                                        <span class="cursor-pointer pl-1">
1647                                                            Jegyek
1648                                                        </span>
1649                                                    </a>
1650                                                </div>
1651                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]-->                                                <div
1652                                                    class="pt-3"
1653                                                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1654                                                    x-show="submenuOpen"
1655                                                >
1656                                                    <ul>
1657                                                        <!--[if BLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1658                                                                            <a href="/programok/naptar">
1659                                                                                <sp
1659an class="pl-1">
1660                                                                                    Jegyek
1661                                                                                </span>
1662                                                                            </a>
1663                                                                        </li>
1664                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1665                                                                            <a href="/jegyek-berletek/2026-osz-tel">
1666                                                                                <span class="pl-1">
1667                                                                                    2026 ősz/tél
1668                                                                                </span>
1669                                                                            </a>
1670                                                                        </li>
1671                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1672                                                                            <a href="/jegyek-berletek/ajandekutalvany">
1673                                                                                <span class="pl-1">
1674                                                                                    Ajándékutalvány
1675                                                                                </span>
1676                                                                            </a>
1677                                                                        </li>
1678                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1679                                                                            <a href="/jegyek-berletek/specialis-jegytipusok">
1680                                                                                <span class="pl-1">
1681                                                                                    Speciális jegytípusok
1682                                                                                </span>
1683                                                                            </a>
1684                                                                        </li>
1685                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1686                                                                            <a href="/jegyek-berletek/vasarlasi-informaciok">
1687                                                                                <sp
1687an class="pl-1">
1688                                                                                    Vásárlási információk
1689                                                                                </span>
1690                                                                            </a>
1691                                                                        </li>
1692                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1693                                                                            <a href="/jegyek-berletek/jegyvasarloi-aszf">
1694                                                                                <span class="pl-1">
1695                                                                                    Jegyvásárlói ÁSZF
1696                                                                                </span>
1697                                                                            </a>
1698                                                                        </li>
1699                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                        <!--[if ENDBLOCK]><![endif]-->                                                    </ul>
1700                                                </div>
1701                                            <!--[if ENDBLOCK]><![endif]-->                                        </li>
1702                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1703                                            class="  my-3"
1704                                            style=""
1705                                                                                        x-data="{ submenuOpen: false, hasChildren: '1' }"
1706                                            @click="submenuOpen = !submenuOpen"
1707                                        >
1708                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1709                                                    <!--[if BLOCK]><![endif]-->                                                        <span @click="submenuOpen = !submenuOpen">
1710                                                            <svg
1711    width="6"
1712    height="10"
1713    viewBox="0 0 6 10"
1714    fill="none"
1715    xmlns="http://www.w3.org/2000/svg"
1716    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1717>
1718    <path
1719        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1720        fill="#FFCE34"
1721    />
1722</svg>
1723                                                        </span>
1724                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1725                                                        class=""
1726                                                        href="#"
1727                                                    >
1728                                                        <span class="cursor-pointer pl-1">
1729                                                            Hűségprogram
1730                                                        </span>
1731                                                    </a>
1732                                                </div>
1733                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]-->                                                <div
1734                                                    class="pt-3"
1735                                                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1736                                                    x-show="submenuOpen"
1737                                                >
1738                                                    <ul>
1739                                                        <!--[if BLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1740                                                                            <a href="/husegprogram">
1741                                                                                <sp
1741an class="pl-1">
1742                                                                                    Müpa+ hűségprogram
1743                                                                                </span>
1744                                                                            </a>
1745                                                                        </li>
1746                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1747                                                                            <a href="/husegprogram/dupla-husegpontos-ajanlatok">
1748                                                                                <span class="pl-1">
1749                                                                                    Dupla hűségpontos ajánlatok
1750                                                                                </span>
1751                                                                            </a>
1752                                                                        </li>
1753                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        <!--[if ENDBLOCK]><![endif]-->                                                    </ul>
1754                                                </div>
1755                                            <!--[if ENDBLOCK]><![endif]-->                                        </li>
1756                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1757                                            class="  my-3"
1758                                            style=""
1759                                                                                        x-data="{ submenuOpen: false, hasChildren: '1' }"
1760                                            @click="submenuOpen = !submenuOpen"
1761                                        >
1762                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1763                                                    <!--[if BLOCK]><![endif]-->                                                        <span @click="submenuOpen = !submenuOpen">
1764                                                            <svg
1765    width="6"
1766    height="10"
1767    viewBox="0 0 6 10"
1768    fill="none"
1769    xmlns="http://www.w3.org/2000/svg"
1770    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1771>
1772    <path
1773        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1774        fill="#FFCE34"
1775    />
1776</svg>
1777                                                        </span>
1778                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1779                                                        class=""
1780                                                        href="#"
1781                                                    >
1782                                                        <span class="cursor-pointer pl-1">
1783                                                            Müpa Home
1784                                                        </span>
1785                                                    </a>
1786                                                </div>
1787                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]-->                                                <div
1788                                                    class="pt-3"
1789                                                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1790                                                    x-show="submenuOpen"
1791                                                >
1792                                                    <ul>
1793                                                        <!--[if BLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1794                                                                            <a href="/mupa-home/videok">
1795                                                                                <sp
1795an class="pl-1">
1796                                                                                    Videók
1797                                                                                </span>
1798                                                                            </a>
1799                                                                        </li>
1800                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1801                                                                            <a href="/mupa-home/podcastek">
1802                                                                                <span class="pl-1">
1803                                                                                    Podcastek
1804                                                                                </span>
1805                                                                            </a>
1806                                                                        </li>
1807                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1808                                                                            <a href="/mupa-home/kozvetitesek">
1809                                                                                <span class="pl-1">
1810                                                                                    Közvetítések
1811                                                                                </span>
1812                                                                            </a>
1813                                                                        </li>
1814                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1815                                                                            <a href="/mupa-home/kiadvanyok">
1816                                                                                <span class="pl-1">
1817                                                                                    Kiadványok
1818                                                                                </span>
1819                                                                            </a>
1820                                                                        </li>
1821                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        <!--[if ENDBLOCK]><![endif]-->                                                    </ul>
1822                                                </div>
1823                                            <!--[if ENDBLOCK]><![endif]-->                                        </li>
1824                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1825                                            class="  my-3"
1826                                            style=""
1827                                                                                        x-data="{ submenuOpen: false, hasChildren: '' }"
1828                                            @click="submenuOpen = !submenuOpen"
1829                                        >
1830                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1831                                                    <!--[if BLOCK]><![endif]-->
1831                                                        <span @click="submenuOpen = !submenuOpen">
1832                                                            <svg
1833    width="6"
1834    height="10"
1835    viewBox="0 0 6 10"
1836    fill="none"
1837    xmlns="http://www.w3.org/2000/svg"
1838    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1839>
1840    <path
1841        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1842        fill="#FFCE34"
1843    />
1844</svg>
1845                                                        </span>
1846                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1847                                                        class=""
1848                                                        href="https://mupa.hu/magazin"
1849                                                    >
1850                                                        <span class="cursor-pointer pl-1">
1851                                                            Magazin
1852                                                        </span>
1853                                                    </a>
1854                                                </div>
1855                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </li>
1856                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                                                            <li
1857                                            class="  my-3"
1858                                            style=""
1859                                                                                        x-data="{ submenuOpen: false, hasChildren: '1' }"
1860                                            @click="submenuOpen = !submenuOpen"
1861                                        >
1862                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1863                                                    <!--[if BLOCK]><![endif]-->                                                        <span @click="submenuOpen = !submenuOpen">
1864                                                            <svg
1865    width="6"
1866    height="10"
1867    viewBox="0 0 6 10"
1868    fill="none"
1869    xmlns="http://www.w3.org/2000/svg"
1870    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1871>
1872    <path
1873        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1874        fill="#FFCE34"
1875    />
1876</svg>
1877                                                        </span>
1878                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1879                                                        class=""
1880                                                        href="#"
1881                                                    >
1882                                                        <span class="cursor-pointer pl-1">
1883                                                            Rólunk
1884                                                        </span>
1885                                                    </a>
1886                                                </div>
1887                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]-->                                                <div
1888                                                    class="pt-3"
1889                                                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1890                                                    x-show="submenuOpen"
1891                                                >
1892                                                    <ul>
1893                                                        <!--[if BLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1894                                                                            <a href="/kapcsolat">
1895                                                                                <sp
1895an class="pl-1">
1896                                                                                    Kapcsolat
1897                                                                                </span>
1898                                                                            </a>
1899                                                                        </li>
1900                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1901                                                                            <a href="/az-evad-tarsasjatek">
1902                                                                                <span class="pl-1">
1903                                                                                    Társasjáték
1904                                                                                </span>
1905                                                                            </a>
1906                                                                        </li>
1907                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1908                                                                            <a href="/rolunk/hirek">
1909                                                                                <span class="pl-1">
1910                                                                                    Hírek
1911                                                                                </span>
1912                                                                            </a>
1913                                                                        </li>
1914                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1915                                                                            <a href="/rolunk/a-mupa">
1916                                                                                <span class="pl-1">
1917                                                                                    A Müpa
1918                                                                                </span>
1919                                                                            </a>
1920                                                                        </li>
1921                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1922                                                                            <a href="/rolunk/az-epuletrol">
1923                                                                                <sp
1923an class="pl-1">
1924                                                                                    Az épületről
1925                                                                                </span>
1926                                                                            </a>
1927                                                                        </li>
1928                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1929                                                                            <a href="/rolunk/a-mupa-orgonaja">
1930                                                                                <span class="pl-1">
1931                                                                                    A Müpa orgonája
1932                                                                                </span>
1933                                                                            </a>
1934                                                                        </li>
1935                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1936                                                                            <a href="/rolunk/vezetoseg">
1937                                                                                <span class="pl-1">
1938                                                                                    Vezetőség
1939                                                                                </span>
1940                                                                            </a>
1941                                                                        </li>
1942                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1943                                                                            <a href="/rolunk/az-evad-muveszei">
1944                                                                                <span class="pl-1">
1945                                                                                    Az évad művészei
1946                                                                                </span>
1947                                                                            </a>
1948                                                                        </li>
1949                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1950                                                                            <a href="/rolunk/tehetsegtamogatas-a-mupaban">
1951                                                                                <sp
1951an class="pl-1">
1952                                                                                    Tehetségtámogatás
1953                                                                                </span>
1954                                                                            </a>
1955                                                                        </li>
1956                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1957                                                                            <a href="/rolunk/fenntarthatosag">
1958                                                                                <span class="pl-1">
1959                                                                                    Fenntarthatóság
1960                                                                                </span>
1961                                                                            </a>
1962                                                                        </li>
1963                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1964                                                                            <a href="/rolunk/hazirend">
1965                                                                                <span class="pl-1">
1966                                                                                    Házirend
1967                                                                                </span>
1968                                                                            </a>
1969                                                                        </li>
1970                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1971                                                                            <a href="/rolunk/szolgaltatasok/vendeglatas">
1972                                                                                <span class="pl-1">
1973                                                                                    Szolgáltatások
1974                                                                                </span>
1975                                                                            </a>
1976                                                                        </li>
1977                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1978                                                                            <a href="/rolunk/teremhasznalat">
1979                                                                                <sp
1979an class="pl-1">
1980                                                                                    Teremhasználat
1981                                                                                </span>
1982                                                                            </a>
1983                                                                        </li>
1984                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1985                                                                            <a href="/rolunk/gyik">
1986                                                                                <span class="pl-1">
1987                                                                                    GYIK
1988                                                                                </span>
1989                                                                            </a>
1990                                                                        </li>
1991                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1992                                                                            <a href="/rolunk/ajandektargyak">
1993                                                                                <span class="pl-1">
1994                                                                                    Ajándéktárgyak
1995                                                                                </span>
1996                                                                            </a>
1997                                                                        </li>
1998                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        <!--[if ENDBLOCK]><![endif]-->                                                    </ul>
1999                                                </div>
2000                                            <!--[if ENDBLOCK]><![endif]-->                                        </li>
2001                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
2002                                            class="p-2 px-4 text-white  my-3"
2003                                            style="background-color: #829ccf;"
2004                                                                                        x-data="{ submenuOpen: false, hasChildren: '' }"
2005                                            @click="submenuOpen = !submenuOpen"
2006                                        >
2007                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
2008                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                    <a
2009                                                        class="text-white"
2010                                                        href="https://mupa.hu/solti-karmesterverseny-2026"
2011                                                    >
2012                                                        <span class="cursor-pointer pl-1">
2013                                                            Solti 2026
2014                                                        </span>
2015                                                    </a>
2016                                                </div>
2017                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </li>
2018                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                         <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </ul>
2019                </div>
2020                <div
2021                    class="clipped-ltr absolute -bottom-[10vw] left-0 h-[10vw] w-full"
2022                    :class="{
2023                        'bg-white': !$wire.darkMode,
2024                        'bg-black-m-500': $wire
2025                            .darkMode
2026                    }"
2027                >
2028                </div>
2029
2030            </div>
2031        </div>
2032    </div>
2033    
2034
2035</nav>    <main class="mt-12 min-h-[50vh] lg:mt-0">
2036        <!-- HERO -->
2037        <!-- END HERO -->
2038
2039        <div>
2040        <div class=" lg:content-padding container mx-auto grid grid-flow-row grid-cols-1 gap-0 pb-6 lg:gap-8 lg:grid-flow-col lg:grid-cols-4">
2041
2042            <div>
2043                <div wire:snapshot="{&quot;data&quot;:{&quot;isOpen&quot;:false,&quot;selectedItem&quot;:&quot;&quot;,&quot;currentPage&quot;:&quot;https:\/\/mupa.hu\/fiokom\/kedvencek&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;zsg7GZkOqLnpAEVWs6No&quot;,&quot;name&quot;:&quot;profile.sidebar&quot;,&quot;path&quot;:&quot;fiokom\/kedvencek&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;f6a2d7c7fc7f36878addeda01abf6d44a1c416a5b1136442e2d6fef57d2bc10e&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;dropdown-toggle&quot;]}" wire:id="zsg7GZkOqLnpAEVWs6No"
2044    class="relative col-span-1 self-start bg-light-bg-50 pt-12 lg:pt-16"
2045    x-init="$refs.sidebarMenuEnd.scrollIntoView({ behavior: 'smooth' })"
2046>
2047    <h4 class="mb-4 px-4 text-xl font-light leading-7 text-black-m-500">
2048        Fiókom    </h4>
2049    <ul class="text-sm">
2050        <li class="border-y-2 border-white">
2051            <a
2052                href="/fiokom/jegyek"
2053                class="flex items-center py-4 px-4"
2054            >
2055                <svg
2056    width="18"
2057    height="12"
2058    viewBox="0 0 18 12"
2059    xmlns="http://www.w3.org/2000/svg"
2060    class="h-5 fill-black-m-300 block lg:hidden mr-2" fill="#0D0116"
2061>
2062    <path
2063        d="M2 0H16C17.0938 0 18 0.90625 18 2V4.0625C18 4.3125 17.8438 4.5 17.625 4.5625C16.9688 4.71875 16.5 5.3125 16.5 6C16.5 6.71875 16.9688 7.3125 17.625 7.46875C17.8438 7.53125 18 7.71875 18 7.9375V10C18 11.125 17.0938 12 16 12H2C0.875 12 0 11.125 0 10V7.9375C0 7.71875 0.125 7.53125 0.375 7.46875C1 7.3125 1.5 6.71875 1.5 6C1.5 5.3125 1 4.71875 0.375 4.5625C0.125 4.5 0 4.3125 0 4.0625V2C0 0.90625 0.875 0 2 0ZM1 2V3.71875C1.875 4.09375 2.5 5 2.5 6C2.5 7.03125 1.875 7.90625 1 8.3125V10C1 10.5625 1.4375 11 2 11H16C16.5312 11 17 10.5625 17 10V8.3125C16.0938 7.90625 15.5 7.03125 15.5 6C15.5 5 16.0938 4.09375 17 3.71875V2C17 1.46875 16.5312 1 16 1H2C1.4375 1 1 1.46875 1 2ZM5 4V8H13V4H5ZM4 4C4 3.46875 4.4375 3 5 3H13C13.5312 3 14 3.46875 14 4V8C14 8.5625 13.5312 9 13 9H5C4.4375 9 4 8.5625 4 8V4Z"
2064    />
2065</svg>
2066                <span class="-mt-0.5 font-sans leading-5 tracking-[2%]">
2067                    Jegyeim                </span>
2068            </a>
2069        </li>
2070        <li class="border-b-2 border-white">
2071            <a
2072                href="/fiokom/ajandekutalvanyaim"
2073                class="flex items-center py-4 px-4"
2074            >
2075                <svg
2076    width="20"
2077    height="21"
2078    viewBox="0 0 20 21"
2079    xmlns="http://www.w3.org/2000/svg"
2080    class="w-5 fill-black-m-300 block lg:hidden mr-2"
2081>
2082    <path
2083        d="M14.2578 1.75C13.5547 1.75 12.9297 2.10156 12.5391 2.6875L10.7812 5.5H11.25H14.375C15.3906 5.5 16.25 4.67969 16.25 3.625C16.25 2.60938 15.3906 1.75 14.375 1.75H14.2578ZM9.17969 5.5L7.42188 2.6875C7.03125 2.10156 6.40625 1.75 5.70312 1.75H5.625C4.57031 1.75 3.75 2.60938 3.75 3.625C3.75 4.67969 4.57031 5.5 5.625 5.5H8.75H9.17969ZM10 4.44531L11.4844 2.02344C12.1094 1.08594 13.125 0.5 14.2578 0.5H14.375C16.0938 0.5 17.5 1.90625 17.5 3.625C17.5 4.32812 17.2656 4.99219 16.875 5.5H18.125C19.1406 5.5 20 6.35938 20 7.375V9.875C20 10.6953 19.4531 11.3984 18.75 11.6719V11.75V18C18.75 19.4062 17.6172 20.5 16.25 20.5H3.75C2.34375 20.5 1.25 19.4062 1.25 18V11.75V11.6719C0.507812 11.3984 0 10.6953 0 9.875V7.375C0 6.35938 0.820312 5.5 1.875 5.5H3.125C2.73438 4.99219 2.5 4.32812 2.5 3.625C2.5 1.90625 3.86719 0.5 5.625 0.5H5.70312C6.83594 0.5 7.89062 1.08594 8.47656 2.02344L10 4.44531ZM5.625 6.75H1.875C1.52344 6.75 1.25 7.0625 1.25 7.375V9.875C1.25 10.2266 1.52344 10.5 1.875 10.5H2.5H9.375V6.75H8.75H5.625ZM10.625 6.75V10.5H17.5H18.125C18.4375 10.5 18.75 10.2266 18.75 9.875V7.375C18.75 7.0625 18.4375 6.75 18.125 6.75H14.375H11.25H10.625ZM9.375 11.75H2.5V18C2.5 18.7031 3.04688 19.25 3.75 19.25H9.375V11.75ZM10.625 19.25H16.25C16.9141 19.25 17.5 18.7031 17.5 18V11.75H10.625V19.25Z"
2084        fill="#6E6773"
2085    />
2086</svg>
2087                <span class="font-sans leading-5 tracking-[2%]">
2088                    Ajándékutalványaim                </span>
2089            </a>
2090        </li>
2091        <li class="border-b-2 border-white">
2092            <a
2093                href="/fiokom/kedvencek"
2094                class="flex items-center py-4 border-l-4 border-yellow-m-500 px-3"
2095            >
2096                <svg
2097    width="16"
2098    height="14"
2099    viewBox="0 0 16 14"
2100    xmlns="http://www.w3.org/2000/svg"
2101    fill="currentColor"
2102    class="w-5 fill-black-m-300 block lg:hidden mr-2"
2103>
2104    <path
2105        d="M7.625 3.09375L7.25 2.6875L7.09375 2.53125C6.28125 1.625 5.0625 1.1875 3.875 1.40625C2.1875 1.71875 1 3.15625 1 4.84375V4.96875C1 5.96875 1.40625 6.9375 2.15625 7.625L7.90625 12.9688C7.90625 13 7.9375 13 8 13C8.03125 13 8.0625 13 8.09375 12.9688L13.8438 7.625C14.5625 6.9375 15 5.96875 15 4.96875V4.84375C15 3.15625 13.7812 1.71875 12.125 1.40625C10.9062 1.1875 9.6875 1.625 8.875 2.53125L8.75 2.6875L8.375 3.09375C8.28125 3.1875 8.125 3.25 8 3.25C7.84375 3.25 7.71875 3.1875 7.625 3.09375ZM8.6875 1.3125C9.71875 0.53125 11 0.1875 12.2812 0.4375C14.4375 0.8125 16 2.6875 16 4.84375V4.96875C16 6.09375 15.5625 7.15625 14.8438 8C14.75 8.125 14.625 8.25 14.5 8.34375L8.75 13.7188C8.71875 13.7188 8.71875 13.75 8.6875 13.7812C8.46875 13.9375 8.25 14 8 14C7.6875 14 7.4375 13.9062 7.21875 13.7188L1.46875 8.34375C1.34375 8.25 1.21875 8.125 1.125 8C0.40625 7.15625 0 6.09375 0 4.96875V4.84375C0 2.6875 1.53125 0.8125 3.6875 0.4375C4.96875 0.1875 6.25 0.53125 7.28125 1.3125C7.46875 1.46875 7.6875 1.65625 7.84375 1.875L7.96875 2L8.125 1.875C8.25 1.71875 8.375 1.5625 8.53125 1.4375C8.59375 1.40625 8.65625 1.34375 8.6875 1.3125Z"
2106    />
2107</svg>
2108                <span class="-mt-0.5 font-sans leading-5 tracking-[2%]">
2109                    Kedvencek                </span>
2110            </a>
2111        </li>
2112        <!--[if BLOCK]><![endif]-->            <li class="border-b-2 border-white">
2113                <a
2114                    class="px-4 flex items-center py-4"
2115                    href="https://mupa.hu/fiokom/husegprogram"
2116                >
2117                    <svg
2118    width="16"
2119    height="14"
2120    viewBox="0 0 16 14"
2121    xmlns="http://www.w3.org/2000/svg"
2122    fill="currentColor"
2123    class="w-5 fill-black-m-300 block lg:hidden mr-2"
2124>
2125    <path
2126        d="M7.625 3.09375L7.25 2.6875L7.09375 2.53125C6.28125 1.625 5.0625 1.1875 3.875 1.40625C2.1875 1.71875 1 3.15625 1 4.84375V4.96875C1 5.96875 1.40625 6.9375 2.15625 7.625L7.90625 12.9688C7.90625 13 7.9375 13 8 13C8.03125 13 8.0625 13 8.09375 12.9688L13.8438 7.625C14.5625 6.9375 15 5.96875 15 4.96875V4.84375C15 3.15625 13.7812 1.71875 12.125 1.40625C10.9062 1.1875 9.6875 1.625 8.875 2.53125L8.75 2.6875L8.375 3.09375C8.28125 3.1875 8.125 3.25 8 3.25C7.84375 3.25 7.71875 3.1875 7.625 3.09375ZM8.6875 1.3125C9.71875 0.53125 11 0.1875 12.2812 0.4375C14.4375 0.8125 16 2.6875 16 4.84375V4.96875C16 6.09375 15.5625 7.15625 14.8438 8C14.75 8.125 14.625 8.25 14.5 8.34375L8.75 13.7188C8.71875 13.7188 8.71875 13.75 8.6875 13.7812C8.46875 13.9375 8.25 14 8 14C7.6875 14 7.4375 13.9062 7.21875 13.7188L1.46875 8.34375C1.34375 8.25 1.21875 8.125 1.125 8C0.40625 7.15625 0 6.09375 0 4.96875V4.84375C0 2.6875 1.53125 0.8125 3.6875 0.4375C4.96875 0.1875 6.25 0.53125 7.28125 1.3125C7.46875 1.46875 7.6875 1.65625 7.84375 1.875L7.96875 2L8.125 1.875C8.25 1.71875 8.375 1.5625 8.53125 1.4375C8.59375 1.40625 8.65625 1.34375 8.6875 1.3125Z"
2127    />
2128</svg>
2129                    <span class="-mt-0.5 font-sans leading-5 tracking-[2%]">
2130                        Müpa+ hűségprogram                    </span>
2131                </a>
2132            </li>
2133        <!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <li>
2134            <a
2135                class="px-4 flex items-center py-4"
2136                href="https://mupa.hu/fiokom/beallitasok"
2137            >
2138                <svg
2139    width="18"
2140    height="12"
2141    viewBox="0 0 18 12"
2142    xmlns="http://www.w3.org/2000/svg"
2143    class="h-4 fill-black-m-300 block lg:hidden mr-2" fill="#0D0116"
2144>
2145    <path
2146        d="M2 0H16C17.0938 0 18 0.90625 18 2V4.0625C18 4.3125 17.8438 4.5 17.625 4.5625C16.9688 4.71875 16.5 5.3125 16.5 6C16.5 6.71875 16.9688 7.3125 17.625 7.46875C17.8438 7.53125 18 7.71875 18 7.9375V10C18 11.125 17.0938 12 16 12H2C0.875 12 0 11.125 0 10V7.9375C0 7.71875 0.125 7.53125 0.375 7.46875C1 7.3125 1.5 6.71875 1.5 6C1.5 5.3125 1 4.71875 0.375 4.5625C0.125 4.5 0 4.3125 0 4.0625V2C0 0.90625 0.875 0 2 0ZM1 2V3.71875C1.875 4.09375 2.5 5 2.5 6C2.5 7.03125 1.875 7.90625 1 8.3125V10C1 10.5625 1.4375 11 2 11H16C16.5312 11 17 10.5625 17 10V8.3125C16.0938 7.90625 15.5 7.03125 15.5 6C15.5 5 16.0938 4.09375 17 3.71875V2C17 1.46875 16.5312 1 16 1H2C1.4375 1 1 1.46875 1 2ZM5 4V8H13V4H5ZM4 4C4 3.46875 4.4375 3 5 3H13C13.5312 3 14 3.46875 14 4V8C14 8.5625 13.5312 9 13 9H5C4.4375 9 4 8.5625 4 8V4Z"
2147    />
2148</svg>
2149                <span class="-mt-0.5 font-sans leading-5 tracking-[2%]">
2150                    Beállítások                </span>
2151            </a>
2152        </li>
2153        <li class="sm:hidden">
2154            <button
2155                class="flex items-center p-4"
2156                @click="axios.delete('https://mupa.hu/kijelentkezes').then(() => location.href = '/')"
2157            >
2158                <span class="-mt-0.5 font-sans leading-5 tracking-[2%]">Kijelentkezés</span>
2159            </button>
2160        </li>
2161    </ul>
2162    <div class="clipped-ltr-mirrored absolute -bottom-6 left-0 z-40 h-6 w-full bg-light-bg-50"></div>
2163    <div
2164        class="lg:hidden"
2165        x-ref="sidebarMenuEnd"
2166    ></div>
2167</div>            </div>
2168
2169            <div class="col-span-3 mt-4 mb-4 px-4 pt-20 lg:mb-16 lg:px-0 lg:pt-0">
2170                <div wire:snapshot="{&quot;data&quot;:{&quot;contentVisible&quot;:true,&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:2368,&quot;s&quot;:&quot;mdl&quot;}],&quot;password&quot;:&quot;&quot;,&quot;error&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;KylEFgwq75UHqycQvm5t&quot;,&quot;name&quot;:&quot;components.page-content&quot;,&quot;path&quot;:&quot;fiokom\/kedvencek&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-2846269663-0&quot;:[&quot;div&quot;,&quot;AQvlFDjOoxTGrblmEnXd&quot;],&quot;lw-4129811592-0&quot;:[&quot;div&quot;,&quot;HqOLlCuMpXBIgjhKB9NH&quot;],&quot;lw-601295141-0&quot;:[&quot;div&quot;,&quot;JKGC50Tv777G26yd9QSM&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;e18d03d7d0634084d8511f227126313b7bc8baa85d1ef74cae649fa132cc0abc&quot;}" wire:effects="[]" wire:id="KylEFgwq75UHqycQvm5t">
2171    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2172        <div class="flex flex-col gap-2 lg:gap-6">
2173            <!--[if BLOCK]><![endif]-->                <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;AQvlFDjOoxTGrblmEnXd&quot;,&quot;name&quot;:&quot;page.my-favorite-programs&quot;,&quot;path&quot;:&quot;fiokom\/kedvencek&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;8407eae380715b303f58f552f9bd8b6b53a9bac41526e649ddd9939fbc434300&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;removeFromFavorites&quot;]}" wire:id="AQvlFDjOoxTGrblmEnXd" class="mt-8">
2174    <div class="mb-5 flex items-start justify-between text-black-m-500">
2175        <h3 class="text-2xl font-light leading-8">
2176            Kedvencnek jelölt programok        </h3>
2177    </div>
2178    <div class="grid grid-flow-row grid-cols-1 bg-light-bg-50 lg:grid-cols-3">
2179        <!--[if BLOCK]><![endif]-->            <div class="col-span-3 flex flex-col items-center justify-center gap-6 py-16">
2180                <p class="text-2xl font-light leading-8">
2181                    Nincs kedvenc programja                </p>
2182                <a
2183                    class="flex w-full items-center justify-center bg-yellow-m-500 px-7 py-3 uppercase lg:w-auto"
2184                    href="https://mupa.hu/programok/naptar"
2185                >
2186                    Programok böngészése                </a>
2187            </div>
2188        <!--[if ENDBLOCK]><![endif]-->    </div>
2189</div>
2190                            <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;HqOLlCuMpXBIgjhKB9NH&quot;,&quot;name&quot;:&quot;page.my-favorite-videos&quot;,&quot;path&quot;:&quot;fiokom\/kedvencek&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;9fdeb05a3a361812ace0ee3e95eea6ecee51020374f47733279a2997dffa40ce&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;removeVideoFromFavoriteContents&quot;]}" wire:id="HqOLlCuMpXBIgjhKB9NH">
2191    <div class="my-5 flex items-start justify-between text-black-m-500">
2192        <h3 class="text-2xl font-light leading-8">
2193            Kedvencnek jelölt videók        </h3>
2194    </div>
2195    <div class="grid grid-flow-row grid-cols-1 bg-light-bg-50 lg:grid-cols-3">
2196        <!--[if BLOCK]><![endif]-->            <div class="col-span-3 flex flex-col items-center justify-center gap-6 py-16">
2197                <p class="text-2xl font-light leading-8">
2198                    Nincs kedvenc videója                </p>
2199                <a
2200                    class="flex w-full items-center justify-center bg-yellow-m-500 px-7 py-3 uppercase lg:w-auto"
2201                    href="https://mupa.hu/mupa-home/videok"
2202                >
2203                    Videók böngészése                </a>
2204            </div>
2205        <!--[if ENDBLOCK]><![endif]-->    </div>
2206</div>
2207                            <!--[if BLOCK]><![endif]-->    <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;JKGC50Tv777G26yd9QSM&quot;,&quot;name&quot;:&quot;page.my-favorite-podcasts&quot;,&quot;path&quot;:&quot;fiokom\/kedvencek&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;d1f09f7dbdb120b55cd63456bd20e93a24f125ce5670c2f4217ba58264eb61c2&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;removePodcastFromFavoriteContents&quot;]}" wire:id="JKGC50Tv777G26yd9QSM">
2208    <div class="my-5 flex items-start justify-between text-black-m-500">
2209        <h3 class="text-2xl font-light leading-8">
2210            Kedvencnek jelölt podcastek        </h3>
2211    </div>
2212    <div class="grid grid-flow-row grid-cols-1 bg-light-bg-50 lg:grid-cols-3">
2213        <!--[if BLOCK]><![endif]-->            <div class="col-span-3 flex flex-col items-center justify-center gap-6 py-16">
2214                <p class="text-2xl font-light leading-8">
2215                    Nincs kedvenc podcastje                </p>
2216                <a
2217                    class="flex w-full items-center justify-center bg-yellow-m-500 px-7 py-3 uppercase lg:w-auto"
2218                    href="https://mupa.hu/mupa-home/podcastek"
2219                >
2220                    Podcastek böngészése                </a>
2221            </div>
2222        <!--[if ENDBLOCK]><![endif]-->    </div>
2223</div><!--[if ENDBLOCK]><![endif]-->
2224            <!--[if ENDBLOCK]><![endif]-->        </div>
2225    <!--[if ENDBLOCK]><![endif]--></div>
2226            </div>
2227        </div>
2228    </div>
2229    </main>
2230    <section wire:snapshot="{&quot;data&quot;:{&quot;infoTopic&quot;:&quot;tickets&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;QaXM08ZZzPwqsDedOwcv&quot;,&quot;name&quot;:&quot;footer&quot;,&quot;path&quot;:&quot;fiokom\/kedvencek&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;17cc9f13ad8a72bdc330e388fae2d68ed40e064301da96410eee51019fd9eb86&quot;}" wire:effects="[]" wire:id="QaXM08ZZzPwqsDedOwcv">
2231
2232    <div class="content-padding container mx-auto bg-light-bg-50 pt-8 font-sans">
2233        <div class="content-padding container mx-auto flex flex-col gap-10 xl:grid xl:grid-cols-3 xl:grid-rows-1">
2234            <div>
2235                <span class="mb-6 block font-klavika text-lg">Általános elérhetőségek</span>
2236                <div class="flex flex-col gap-3 text-sm">
2237                    <div>
2238                        <img
2239                            class="inline h-4"
2240                            src="https://mupa.hu/images/icons/phone.svg"
2241                            loading="lazy"
2242                        >
2243                        <a
2244                            class="underline"
2245                            href="tel:+3615553000"
2246                        >+36 1 555 3000</a>
2247                    </div>
2248                    <div>
2249                        <img
2250                            class="inline h-3"
2251                            src="https://mupa.hu/images/icons/envelope.svg"
2252                            loading="lazy"
2253                        >
2254                        <a
2255                            class="underline"
2256                            href="mailto:[email protected]"
2257                        >[email protected]</a>
2258                    </div>
2259                    <div>
2260                        <img
2261                            class="inline h-4"
2262                            src="https://mupa.hu/images/icons/pin.svg"
2263                            loading="lazy"
2264                        >
2265                        <a
2266                            class="underline"
2267                            href="https://www.google.com/maps/place/M%C3%BCpa/@47.4696017,19.0718508,17z/data=!3m1!4b1!4m6!3m5!1s0x4741dd0465ecf6e7:0xee3ff161f73bf5d8!8m2!3d47.4696017!4d19.0718508!16zL20vMDlkc2Ny?entry=ttu&g_ep=EgoyMDI0MTExMi4wIKXMDSoASAFQAw%3D%3D"
2268                        >1095 Budapest, Komor Marcell u. 1.</a>
2269                    </div>
2270                </div>
2271            </div>
2272            <div>
2273                <span class="mb-6 block font-klavika text-lg">Mivel kapcsolatban szeretne érdeklődni?</span>
2274                <div class="flex flex-col gap-3 text-sm">
2275                    <select
2276                        class="w-full border-black-m-50 px-4 py-4 text-sm focus:border-transparent focus:ring-0 md:w-[50vw] xl:w-2/3"
2277                        name="contact_reason"
2278                        wire:model="infoTopic"
2279                    >
2280                                                <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                <option value="tickets">Jegyinformáció</option>
2281                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="mupa_plus">Müpa+ hűségprogram</option>
2282                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="directions">Megközelítés</option>
2283                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="opening_hours">Nyitvatartás, előadások</option>
2284                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="boutiques">Üzletek az épületben</option>
2285                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="buffet">Büfé, bisztró, kávéház</option>
2286                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="parking">Parkolás</option>
2287                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="booking">Teremhasználat</option>
2288                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="school_programs">Programok iskoláknak</option>
2289                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="partner_schools">Partneriskola-program</option>
2290                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </select>
2291                    <div x-cloak>
2292                        <div
2293                            class="flex flex-col gap-3"
2294                            x-show="$wire.infoTopic === 'tickets'"
2295                        >
2296                            <span class="font-klavika text-base">Jegyinformáció</span>
2297                            <div>
2298                                <div class="mr-3 inline-block">
2299                                    <img
2300                                        class="inline h-4"
2301                                        src="https://mupa.hu/images/icons/phone.svg"
2302                                        loading="lazy"
2303                                    >
2304                                    <a
2305                                        class="inline underline"
2306                                        href="tel:+3615553300"
2307                                    >+36 1 555 3300</a>
2308                                </div>
2309                                <div class="inline-block">
2310                                    <img
2311                                        class="inline h-4"
2312                                        src="https://mupa.hu/images/icons/phone.svg"
2313                                        loading="lazy"
2314                                    >
2315                                    <a
2316                                        class="underline"
2317                                        href="tel:+3615553301"
2318                                    >+36 1 555 3301</a>
2319                                </div>
2320                            </div>
2321                            <div>
2322                                <img
2323                                    class="inline h-3"
2324                                    src="https://mupa.hu/images/icons/envelope.svg"
2325                                    loading="lazy"
2326                                >
2327                                <a
2328                                    class="underline"
2329                                    href="mailto:[email protected]"
2330                                >[email protected]</a>
2331                            </div>
2332                            <div>
2333                                <img
2334                                    class="inline h-4"
2335                                    src="https://mupa.hu/images/icons/pin.svg"
2336                                    loading="lazy"
2337                                >
2338                                <a
2339                                    class="underline"
2340                                    href="https://www.google.com/maps/place/M%C3%BCpa/@47.4696017,19.0718508,17z/data=!3m1!4b1!4m6!3m5!1s0x4741dd0465ecf6e7:0xee3ff161f73bf5d8!8m2!3d47.4696017!4d19.0718508!16zL20vMDlkc2Ny?entry=ttu&g_ep=EgoyMDI0MTExMi4wIKXMDSoASAFQAw%3D%3D"
2341                                >1095 Budapest, Komor Marcell u. 1.</a>
2342                            </div>
2343                            <div>
2344                                <img
2345                                    class="inline h-4"
2346                                    src="https://mupa.hu/images/icons/clock.svg"
2347                                    loading="lazy"
2348                                >
2349                                <a
2350                                    class="underline"
2351                                    href="kapcsolat"
2352                                ><u><a href="https://mupa.hu/kapcsolat#jegypenztarak">Nyitvatartás</a></u></a>
2353                            </div>
2354                        </div>
2355                        <div
2356                            class="flex flex-col gap-3"
2357                            x-show="$wire.infoTopic === 'mupa_plus'"
2358                        >
2359                            <span class="font-klavika text-base">Müpa+ hűségprogram</span>
2360                            <div>
2361                                <img
2362                                    class="inline h-3"
2363                                    src="https://mupa.hu/images/icons/profile.svg"
2364                                    loading="lazy"
2365                                >
2366                                <p class="inline">Csatlakozzon a Müpa ingyenes hűségprogramjához!</p>
2367                            </div>
2368                            <div>
2369                                <img
2370                                    class="inline h-3"
2371                                    src="https://mupa.hu/images/icons/envelope.svg"
2372                                    loading="lazy"
2373                                >
2374                                <p class="inline"><a href="mailto:[email protected]">[email protected]</a></p>
2375                            </div>
2376                            <div>
2377                                <img
2378                                    class="inline h-4"
2379                                    src="https://mupa.hu/images/icons/info.svg"
2380                                    loading="lazy"
2381                                >
2382                                <p class="inline"><a href=""><a href="https://mupa.hu/husegprogram">Információ a hűségprogramról</a></a></p>
2383                            </div>
2384                        </div>
2385                        <div
2386                            class="flex flex-col gap-3"
2387                            x-show="$wire.infoTopic === 'directions'"
2388                        >
2389                            <span class="font-klavika text-base">Megközelítés</span>
2390                            <div>
2391                                <img
2392                                    class="inline h-4"
2393                                    src="https://mupa.hu/images/icons/car.svg"
2394                                    loading="lazy"
2395                                >
2396                                <p class="inline">A Müpa autóval megközelíthető a Soroksári út, a Könyves Kálmán körút és a Rákóczi híd felől.</p>
2397                            </div>
2398                            <div>
2399                                <img
2400                                    class="inline h-4"
2401                                    src="https://mupa.hu/images/icons/tram.svg"
2402                                    loading="lazy"
2403                                >
2404                                <p class="inline">Tömegközlekedéssel az 1, 2, 24 villamosokkal, az 54 és 15 buszokkal és a H7 HÉV-vel.</p>
2405                            </div>
2406                            <div>
2407                                <img
2408                                    class="inline h-4"
2409                                    src="https://mupa.hu/images/icons/info.svg"
2410                                    loading="lazy"
2411                                >
2412                                <p class="inline"><a href="kapcsolat#megkozelithetoseg">Bővebb információ a megközelítésről</a>
2413                                </p>
2414                            </div>
2415                        </div>
2416                        <div
2417                            class="flex flex-col gap-3"
2418                            x-show="$wire.infoTopic === 'opening_hours'"
2419                        >
2420                            <span class="font-klavika text-base">Nyitvatartás, előadások</span>
2421                            <div>
2422                                <img
2423                                    class="inline h-4"
2424                                    src="https://mupa.hu/images/icons/pin.svg"
2425                                    loading="lazy"
2426                                >
2427                                <p class="inline">1095 Budapest, Komor Marcell u. 1. | +36 1 555 3000                                    <a href="kapcsolat">Nyitvatartás</a>
2428                                    | <a href="https://www.google.com/maps/place/M%C3%BCpa/@47.4696017,19.0718508,17z/data=!3m1!4b1!4m6!3m5!1s0x4741dd0465ecf6e7:0xee3ff161f73bf5d8!8m2!3d47.4696017!4d19.0718508!16zL20vMDlkc2Ny?entry=ttu&g_ep=EgoyMDI0MTExMi4wIKXMDSoASAFQAw%3D%3D"><a href="https://maps.app.goo.gl/yLNmQCMxYYCRKXub6" target="_blank">Térkép</a></a>
2429                                </p>
2430                            </div>
2431                            <div>
2432                                <img
2433                                    class="inline h-3"
2434                                    src="https://mupa.hu/images/icons/envelope.svg"
2435                                    loading="lazy"
2436                                >
2437                                <p class="inline"><a href="mailto:[email protected]">[email protected]</a></p>
2438                            </div>
2439                        </div>
2440                        <div
2441                            class="flex flex-col gap-3"
2442                            x-show="$wire.infoTopic === 'boutiques'"
2443                        >
2444                            <span class="font-klavika text-base">Üzletek az épületben</span>
2445                            <div>
2446                                <img
2447                                    class="inline h-4"
2448                                    src="https://mupa.hu/images/icons/guitar.svg"
2449                                    loading="lazy"
2450                                >
2451                                <p class="inline"><a href="rolunk/szolgaltatasok/ethnosound">Ethnosound Hangszerbolt</a>
2452                                </p>
2453                            </div>
2454                            
2455                            
2456                            
2457                            
2458                            
2459                            
2460                            
2461                            
2462                            
2463                            
2464                            <div>
2465                                <img
2466                                    class="inline h-4"
2467                                    src="https://mupa.hu/images/icons/book.svg"
2468                                    loading="lazy"
2469                                >
2470                                <p class="inline"><a href="rolunk/szolgaltatasok/vince-konyvesbolt">Vince Könyvesbolt</a>
2471                                </p>
2472                            </div>
2473                        </div>
2474                        <div
2475                            class="flex flex-col gap-3"
2476                            x-show="$wire.infoTopic === 'buffet'"
2477                        >
2478                            <span class="font-klavika text-base">Büfé, bisztró, kávéház</span>
2479                            <div>
2480                                <img
2481                                    class="inline h-4"
2482                                    src="https://mupa.hu/images/icons/dining.svg"
2483                                    loading="lazy"
2484                                >
2485                                <p class="inline"><a href="rolunk/szolgaltatasok/vendeglatas">P’Art Kávéház és Bisztró</a>
2486                                </p>
2487                            </div>
2488                            <div>
2489                                <img
2490                                    class="inline h-4"
2491                                    src="https://mupa.hu/images/icons/cake.svg"
2492                                    loading="lazy"
2493                                >
2494                                <p class="inline"><a href="rolunk/szolgaltatasok/vendeglatas#bufek">Büfék</a>
2495                                </p>
2496                            </div>
2497                            <div>
2498                                <img
2499                                    class="inline h-4"
2500                                    src="https://mupa.hu/images/icons/wineglass.svg"
2501                                    loading="lazy"
2502                                >
2503                                <p class="inline"><a href="rolunk/szolgaltatasok/vendeglatas#bohem-rendezvenyhelyszin">Bohém Rendezvényhelyszín</a>
2504                                </p>
2505                            </div>
2506                        </div>
2507                        <div
2508                            class="flex flex-col gap-3"
2509                            x-show="$wire.infoTopic === 'parking'"
2510                        >
2511                            <span class="font-klavika text-base">Parkolás</span>
2512                            <div>
2513                                <img
2514                                    class="inline h-4"
2515                                    src="https://mupa.hu/images/icons/info.svg"
2516                                    loading="lazy"
2517                                >
2518                                <p class="inline">A Müpa mélygarázsában, és nyitvatartás szerint a kültéri parkolóban
2519                                    adott napi előadásra szóló jeggyel a parkolás ingyenes. A belépőjegyet a garázsba
2520                                    behajtáskor vagy később, a parkolójegy érvényesítésekor kell az automatáknál
2521                                    bemutatni.</p>
2522                            </div>
2523                            <div>
2524                                <img
2525                                    class="inline h-4"
2526                                    src="https://mupa.hu/images/icons/info.svg"
2527                                    loading="lazy"
2528                                >
2529                                <p class="inline">Parkolással kapcsolatos kérdések | <a
2530                                        href="mailto:[email protected]">[email protected]</a></p>
2531                            </div>
2532                            <div>
2533                                <img
2534                                    class="inline h-4"
2535                                    src="https://mupa.hu/images/icons/info.svg"
2536                                    loading="lazy"
2537                                >
2538                                <p class="inline"><a href="kapcsolat#parkolasi-informacio">Bővebb információ a parkolásról</a>
2539                                </p>
2540                            </div>
2541                        </div>
2542                        <div
2543                            class="flex flex-col gap-3"
2544                            x-show="$wire.infoTopic === 'booking'"
2545                        >
2546                            <span class="font-klavika text-base">Teremhasználat</span>
2547                            <div>
2548                                <img
2549                                    class="inline h-4"
2550                                    src="https://mupa.hu/images/icons/info.svg"
2551                                    loading="lazy"
2552                                >
2553                                <p class="inline">Nyilvános, kulturális rendezvények • Koordinációs Csoport <a
2554                                        href="mailto:[email protected]">[email protected]</a>
2555                                </p>
2556                            </div>
2557                            <div>
2558                                <img
2559                                    class="inline h-4"
2560                                    src="https://mupa.hu/images/icons/info.svg"
2561                                    loading="lazy"
2562                                >
2563                                <p class="inline">Zártkörű, üzleti rendezvények <a
2564                                        href="mailto:[email protected]">[email protected]</a>                                </p>
2565                            </div>
2566                            <div>
2567                                <img
2568                                    class="inline h-4"
2569                                    src="https://mupa.hu/images/icons/info.svg"
2570                                    loading="lazy"
2571                                >
2572                                <p class="inline"><a href="rolunk/teremhasznalat">Bővebb információ a teremhasználatról</a>
2573                                </p>
2574                            </div>
2575                        </div>
2576                        <div
2577                            class="flex flex-col gap-3"
2578                            x-show="$wire.infoTopic === 'school_programs'"
2579                        >
2580                            <span class="font-klavika text-base">Programok iskoláknak</span>
2581                            <div>
2582                                <img
2583                                    class="inline h-4"
2584                                    src="https://mupa.hu/images/icons/info.svg"
2585                                    loading="lazy"
2586                                >
2587                                <p class="inline">Iskolásprogramokkal kapcsolatos kérdések <a
2588                                        href="mailto:[email protected]">[email protected]</a>
2589                                </p>
2590                            </div>
2591                            <div>
2592                                <img
2593                                    class="inline h-4"
2594                                    src="https://mupa.hu/images/icons/info.svg"
2595                                    loading="lazy"
2596                                >
2597                                <p class="inline"><a href="programok/csaladi-es-ifjusagi-programok/pedagogusoknak/iskolas-programok">Bővebben a programokról</a>
2598                                </p>
2599                            </div>
2600                        </div>
2601                        <div
2602                            class="flex flex-col gap-3"
2603                            x-show="$wire.infoTopic === 'partner_schools'"
2604                        >
2605                            <span class="font-klavika text-base">Partneriskola-program</span>
2606                            <div>
2607                                <img
2608                                    class="inline h-4"
2609                                    src="https://mupa.hu/images/icons/info.svg"
2610                                    loading="lazy"
2611                                >
2612                                <p class="inline">Partneriskola-programmal kapcsolatos kérdések <a
2613                                        href="mailto:[email protected]">[email protected]</a>
2614                                </p>
2615                            </div>
2616                            <div>
2617                                <img
2618                                    class="inline h-4"
2619                                    src="https://mupa.hu/images/icons/info.svg"
2620                                    loading="lazy"
2621                                >
2622                                <p class="inline"><a href="programok/csaladi-es-ifjusagi-programok/pedagogusoknak/partneriskolak">Bővebben a partneriskola-programról</a>
2623                                </p>
2624                            </div>
2625                        </div>
2626                        <div
2627                            class="flex flex-col gap-3"
2628                            x-show="$wire.infoTopic === 'press'"
2629                        >
2630                            <span class="font-klavika text-base"></span>
2631                            <div>
2632                                <img
2633                                    class="inline h-4"
2634                                    src="https://mupa.hu/images/icons/info.svg"
2635                                    loading="lazy"
2636                                >
2637                                <p class="inline"><a
2638                                        href="mailto:"></a>
2639                                </p>
2640                            </div>
2641                            <div>
2642                                <img
2643                                    class="inline h-4"
2644                                    src="https://mupa.hu/images/icons/info.svg"
2645                                    loading="lazy"
2646                                >
2647                                <p class="inline"><a href=""></a>                                </p>
2648                            </div>
2649                        </div>
2650                    </div>
2651                </div>
2652            </div>
2653
2654            <div>
2655                <span class="mb-6 block block font-klavika text-lg">Müpa hírlevél</span>
2656                <div class="flex flex-col gap-4">
2657                    <span class="block text-sm">Regisztráljon és iratkozzon fel a Müpa hírlevelére, hogy elsőként értesüljön programjainkról!</span>
2658                    <a
2659                        class="flex w-fit items-center bg-yellow-m-500 px-8 py-2 uppercase"
2660                        href="https://mupa.hu/regisztracio"
2661                    ><img
2662                            class="mr-2 inline h-3 font-klavika"
2663                            src="https://mupa.hu/images/icons/envelope.svg"
2664                            loading="lazy"
2665                        > Regisztrálok</span></a>
2666                </div>
2667            </div>
2668        </div>
2669    </div>
2670
2671    <div class="content-padding container mx-auto bg-light-bg-50 py-10">
2672        <div class="content-padding flex flex-wrap items-center justify-between gap-10 xl:gap-0">
2673            <div class="flex basis-full flex-col gap-2 xl:basis-1/2 xl:flex-row xl:gap-4">
2674                <!--[if BLOCK]><![endif]-->                    <a
2675                        class="underline"
2676                        href="https://mupa.hu/adatvedelem"
2677                    >
2678                        Adatvédelem
2679                    </a>
2680                                    <a
2681                        class="underline"
2682                        href="https://mupa.hu/akadalymentesitesi-nyilatkozat"
2683                    >
2684                        Akadálymentesítési nyilatkozat
2685                    </a>
2686                                    <a
2687                        class="underline"
2688                        href="https://mupa.hu/kozerdeku-adatok"
2689                    >
2690                        Közérdekű adatok
2691                    </a>
2692                                    <a
2693                        class="underline"
2694                        href="https://mupa.hu/dokumentumok"
2695                    >
2696                        Dokumentumok
2697                    </a>
2698                                    <a
2699                        class="underline"
2700                        href="https://mupa.hu/bejelentes"
2701                    >
2702                        Bejelentés
2703                    </a>
2704                                    <a
2705                        class="underline"
2706                        href="https://mupa.hu/sajtoszoba"
2707                    >
2708                        Sajtószoba
2709                    </a>
2710                <!--[if ENDBLOCK]><![endif]-->            </div>
2711            <div>
2712                <!--[if BLOCK]><![endif]-->                    <img
2713                        class="flex h-14 xl:justify-end"
2714                        src="https://mupa.hu/images/icons/barion-smart-banner-light.svg"
2715                        alt="Barion horizontal"
2716                    >
2717                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
2718        </div>
2719    </div>
2720
2721    <div class="container mx-auto bg-light-bg-50">
2722        <div class="clipped-rtl-inverted h-10 bg-white xl:h-20"></div>
2723    </div>
2724
2725    <div class="content-padding container mx-auto mt-3 pb-16">
2726        <div
2727            class="mx-auto grid grid-cols-2 grid-rows-2 items-center sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 xl:grid-rows-1">
2728            <div class="flex h-full items-center justify-center border-r-2 border-black-m-50">
2729                <img
2730                    class="w-[100px]"
2731                    src="https://mupa.hu/images/QualitySystCert_ISO9001.svg"
2732                    alt="QualitySystCert_ISO9001"
2733                    loading="lazy"
2734                >
2735            </div>
2736            <div class="hidden h-full items-center justify-center xl:flex">
2737                <span class="text-sm text-black-m-300">Támogató partnerek:</span>
2738            </div>
2739            <div class="flex h-full items-center justify-center sm:border-r-2 sm:border-black-m-50">
2740                <a
2741                    href="https://kormany.hu/kormanyzat/tarsadalmi-kapcsolatokert-es-kulturaert-felelos-miniszterium"
2742                    target="_blank"
2743                >
2744                    <img
2745                        class="w-[150px]"
2746                        src="https://mupa.hu/images/tkkm-logo.svg"
2747                        alt="Kulturális és Innovációs Minisztérium logo"
2748                        loading="lazy"
2749                    >
2750                </a>
2751            </div>
2752            <div class="hidden h-full items-center justify-center xl:flex">
2753                <span class="text-sm text-black-m-300">Stratégiai partnerek:</span>
2754            </div>
2755            <div
2756                class="flex h-full flex-col items-center justify-center gap-2 border-r-2 border-black-m-50 sm:border-r-0 md:border-r-2 md:border-black-m-50">
2757                <a
2758                    href="https://www.lexus.hu/"
2759                    target="_blank"
2760                >
2761                    <img
2762                        class="w-[120px]"
2763                        src="https://mupa.hu/images/Lexus.svg"
2764                        alt="Lexus logo"
2765                        loading="lazy"
2766                    >
2767                </a>
2768                <a
2769                    href="https://www.mastercard.hu/hu-hu.html"
2770                    target="_blank"
2771                >
2772                    <img
2773                        class="w-[52px]"
2774                        src="https://mupa.hu/images/Mastercard_logo.svg"
2775                        alt="Mastercard logo"
2776                        loading="lazy"
2777                    >
2778                </a>
2779            </div>
2780            <div class="col-span-1 flex h-full items-center justify-center sm:col-span-3 md:col-span-1">
2781                <a
2782                    class="flex"
2783                    href="https://mupa.hu/partnereink"
2784                >
2785                    <span class="pr-3 text-black-m-300 xl:text-sm">További partnerek</span>
2786                    <span class="rotate-180">
2787                        <svg
2788    viewBox="0 0 13 22"
2789    fill="none"
2790    width="11"
2791    height="19"
2792    xmlns="http://www.w3.org/2000/svg"
2793>
2794    <path
2795        d="M1.20312 10.2031L10.2031 1.25C10.625 0.78125 11.3281 0.78125 11.7969 1.25C12.2188 1.67188 12.2188 2.375 11.7969 2.79688L3.54688 11L11.75 19.25C12.2188 19.6719 12.2188 20.375 11.75 20.7969C11.3281 21.2656 10.625 21.2656 10.2031 20.7969L1.20312 11.7969C0.734375 11.375 0.734375 10.6719 1.20312 10.2031Z"
2796        fill="#0D0116"
2797    />
2798</svg>
2799                    </span>
2800                </a>
2801            </div>
2802        </div>
2803    </div>
2804
2805</section>    
2805<script>
2806        window.filamentData = []    </script>
2806
2807
2808            
2809            
2809<script
2810                src="https://mupa.hu/js/pboivin/filament-peek/filament-peek.js?v=2.4.0.0"
2811                
2812                
2813                
2814                
2815                
2816                
2817            ></script>
2817
2818        
2819                
2820            
2820<script
2821                src="https://mupa.hu/js/filament/notifications/notifications.js?v=3.3.55.0"
2822                
2823                
2824                
2825                
2826                
2827                
2828            ></script>
2828
2829        
2830                
2831            
2831<script
2832                src="https://mupa.hu/js/filament/support/support.js?v=3.3.55.0"
2833                
2834                
2835                
2836                
2837                
2838                
2839            ></script>
2839
2840        
2841                                                                                                                                                                                                                                                                                                
2842            
2842<script
2843                src="https://mupa.hu/js/filament-navigation/filament-navigation-scripts.js?v=3.3.55.0"
2844                
2845                
2846                
2847                
2848                
2849                
2850            ></script>
2850
2851        
2852    
2853<style>
2854    :root {
2855            }
2856</style>
2857    
2857<script nonce="OafhPyms7C1V6d6JwcvVzqZlBgUbpuoTGbLQrL3E" data-navigate-once="true">window.livewireScriptConfig = {"csrf":"3rxXjPRRK0eN5lNzhFAvIwmlJEOuPSP85AwOqd0D","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
2857
2858            <div
2859        x-data="{ open: false }"
2860        x-on:show-expires-soon-modal.window="open=true"
2861    >
2862        <div
2863    class="flex justify-center"
2864        
2865>
2866    <div
2867    class="fixed inset-0 overflow-y-auto"
2868    style="display: none; z-index: 100"
2869    x-dialog
2870    x-model="open"
2871>
2872    <!-- Overlay -->
2873    <div class="fixed inset-0 bg-gray-900/50"></div>
2874
2875    <!-- Panel -->
2876    <div class="relative flex min-h-screen items-center justify-center p-4">
2877        <div class="max-w-5xl relative w-full overflow-y-auto rounded-sm bg-white shadow-lg">
2878            <div class="absolute right-0 top-0 pr-4 pt-4">
2879    <button
2880        class="rounded-lg bg-gray-50 p-2 text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2881        type="button"
2882        @click="$dialog.close()"
2883    >
2884        <span class="sr-only">Close modal</span>
2885        <svg
2886            class="h-4 w-4"
2887            xmlns="http://www.w3.org/2000/svg"
2888            viewBox="0 0 20 20"
2889            fill="currentColor"
2890        >
2891            <path
2892                fill-rule="evenodd"
2893                d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
2894                clip-rule="evenodd"
2895            />
2896        </svg>
2897    </button>
2898</div>
2899                <h2
2900    class="px-8 pt-8 text-2xl font-bold"
2901    x-dialog:title
2902>
2903    Kosara hamarosan lejár
2904</h2>
2905                <div class="p-8 md:text-lg">
2906    Kosara érvényessége hamarosan lejár. Kérjük, kezdje meg a fizetési folyamatot. Ahhoz, hogy a fizetést biztonságosan be tudja fejezni, kosara érvényességét 10 perccel meghosszabbítottuk.                    <div class="mt-8 flex space-x-2">
2907                        <!--[if BLOCK]><![endif]-->                            <button
2908    type="button" x-on:click="$dialog.close()" class="uppercase bg-black-m-500 text-white hover:bg-black-m-400 py-3 px-7 mt-5 mb-12 items-center transition duration-300 disabled:opacity-50"
2909>
2910    Vissza az oldalra
2911</button>
2912                        <!--[if ENDBLOCK]><![endif]-->                        <!--[if BLOCK]><![endif]-->                            <a
2913    href="/megrendeles/kosar" class="inline-flex uppercase bg-yellow-m-500 hover:bg-[#f1b700] mt-5 mb-12 items-center transition duration-300 [disabled]:opacity-50 py-3 px-7 text-base"
2914    wire:loading.attr="disabled"
2915>
2916    <svg wire:loading.delay="1" class="mr-2 h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2917  <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/>
2918</svg>    Tovább a fizetéshez
2919</a>
2920                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2921</div>
2922        </div>
2923    </div>
2924</div>
2925    <!-- Modal -->
2926</div>
2927    </div>
2928        </body>
2929
2930</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.