PageSourceSearch

https://mupa.hu/fiokom/kedvencek

html mupa.hu collected 2026-10-02 03:33:21 UTC 249,836 bytes, 2,945 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="jrCvt8Abrrdy5BF0tYouLsGY8R2Stcq1LhiSV71D"
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="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" 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-8zL2j2bt.css" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" /><link rel="preload" as="style" href="https://mupa.hu/build/assets/vendor-MNRpQ9Zq.css" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" /><link rel="preload" as="style" href="https://mupa.hu/build/assets/vendor-image-B47WUApH.css" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/app-CauivU_v.js" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/rolldown-runtime-sBuA4h_8.js" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/vendor-livewire-gkiNscmK.js" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/vendor-tailwind-CE-fQbYP.js" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/vendor-DW8rOPNo.js" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" /><link rel="modulepreload" as="script" href="https://mupa.hu/build/assets/vendor-image-BM6ehrui.js" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" /><link rel="stylesheet" href="https://mupa.hu/build/assets/app-8zL2j2bt.css" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" data-navigate-track="reload" /><link rel="stylesheet" href="https://mupa.hu/build/assets/vendor-MNRpQ9Zq.css" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" data-navigate-track="reload" /><link rel="stylesheet" href="https://mupa.hu/build/assets/vendor-image-B47WUApH.css" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" data-navigate-track="reload" />
79<script type="module" src="https://mupa.hu/build/assets/app-CauivU_v.js" nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" data-navigate-track="reload"></script>
79            
79<script nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU">
80    window.dataLayer = window.dataLayer || [];
81            window.dataLayer.push({"page_type":"page"});
82    
83    </script>
83
84
85    
85<script nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU">
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;MrN2r4ptWt5qi0NaKaka&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-3345065841-0&quot;:[&quot;div&quot;,&quot;wiwJTCYEQoICyW6dZPCm&quot;],&quot;lw-3345065841-1&quot;:[&quot;div&quot;,&quot;LiEyj56dTycpVvhljsth&quot;],&quot;lw-3345065841-2&quot;:[&quot;div&quot;,&quot;Bj1gWuGBwc2NxN3dlcOL&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;44600ad87f9ca3b406025bc82231f7476dffc0830df8bdf3cc8167a383fb9946&quot;}" wire:effects="[]" wire:id="MrN2r4ptWt5qi0NaKaka"
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;wiwJTCYEQoICyW6dZPCm&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;c53048065d26ae488bda3719a66bd918fe825d1bbcab7dbf00ec2ffccf20a0ed&quot;}" wire:effects="[]" wire:id="wiwJTCYEQoICyW6dZPCm"
163    class="z-10"
164    :class="{ 'w-full': $wire.showOnMobile }"
165    x-data="{
166        result: window.Livewire.find('wiwJTCYEQoICyW6dZPCm').entangle('result'),
167        query: window.Livewire.find('wiwJTCYEQoICyW6dZPCm').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;LiEyj56dTycpVvhljsth&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;96d74f5aeef630985dd3efda38e0101bcda380a8e38a4b856ed360baea418ca1&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="LiEyj56dTycpVvhljsth"
419    class="flex"
420    x-data="{
421        expired: window.Livewire.find('LiEyj56dTycpVvhljsth').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/mupa-egyetemi-nap-2026">
663                                                                                    <span class="pl-1">
664                                                                                        Müpa Egyetemi Nap
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/liszt-unnep-2026">
671                                                                                    <sp
671an class="pl-1">
672                                                                                        Liszt Ünnep
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/rising-stars-2026">
679                                                                                    <span class="pl-1">
680                                                                                        Rising Stars
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/regizene-fesztival-2027">
687                                                                                    <span class="pl-1">
688                                                                                        Régizene fesztivál
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/jazztavasz-2027">
695                                                                                    <span class="pl-1">
696                                                                                        Jazztavasz
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/karzatkoncertek">
703                                                                                    <sp
703an class="pl-1">
704                                                                                        Karzatkoncertek
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/mupa-filmklub">
711                                                                                    <span class="pl-1">
712                                                                                        Müpa Filmklub
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/literarium">
719                                                                                    <span class="pl-1">
720                                                                                        Literárium
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/vers-estek">
727                                                                                    <span class="pl-1">
728                                                                                        Vers-estek
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/orgonaexpedicio">
735                                                                                    <sp
735an class="pl-1">
736                                                                                        OrgonaExpedíció
737                                                                                    </span>
738                                                                                </a>
739                                                                            </li>
740                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
741                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
742                                                                                <a href="/programok/teremrol-teremre">
743                                                                                    <span class="pl-1">
744                                                                                        Teremről teremre
745                                                                                    </span>
746                                                                                </a>
747                                                                            </li>
748                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        </ul>
749                                                    </div>
750                                                <!--[if ENDBLOCK]><![endif]-->                                            </li>
751                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
752                                                class="main-menu-item   group relative flex items-center"
753                                                style=""
754                                                x-data="{ childOpen: false }"
755                                                @mouseover.away = "childOpen = false"
756                                            >
757                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->                                                    <span
758                                                        class=" inline-flex cursor-pointer"
759                                                        @click="childOpen = !childOpen"
760                                                    >
761                                                        <svg
762    width="6"
763    height="10"
764    viewBox="0 0 6 10"
765    fill="none"
766    xmlns="http://www.w3.org/2000/svg"
767    class="" :class="{ 'rotate-90': childOpen }"
768>
769    <path
770        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
771        fill="#FFCE34"
772    />
773</svg>
774                                                    </span>
775                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
776                                                    class=""
777                                                    href="https://mupa.hu/programok/naptar?fmm=1"
778                                                    @mouseover="childOpen = true"
779                                                >
780                                                    <span class="pl-1">
781                                                        Jegyek
782                                                    </span>
783                                                </a>
784                                                <!--[if BLOCK]><![endif]-->                                                    <div
785                                                        class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
786                                                        :class="{ hidden: !childOpen, block: childOpen }"
787                                                        x-cloak
788                                                    >
789                                                        <ul class="divide-y-2">
790                                                            <!--[if BLOCK]><![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="/programok/naptar">
793                                                                                    <span class="pl-1">
794                                                                                        Jegyek
795                                                                                    </span>
796                                                                                </a>
797                                                                            </li>
798                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![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/2027-tavasz">
801                                                                                    <span class="pl-1">
802                                                                                        2027 tavasz
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/ajandekutalvany">
809                                                                                    <sp
809an class="pl-1">
810                                                                                        Ajándékutalvány
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/specialis-jegytipusok">
817                                                                                    <span class="pl-1">
818                                                                                        Speciális jegytípusok
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/vasarlasi-informaciok">
825                                                                                    <span class="pl-1">
826                                                                                        Vásárlási információk
827                                                                                    </span>
828                                                                                </a>
829                                                                            </li>
830                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
831                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
832                                                                                <a href="/jegyek-berletek/jegyvasarloi-aszf">
833                                                                                    <span class="pl-1">
834                                                                                        Jegyvásárlói ÁSZF
835                                                                                    </span>
836                                                                                </a>
837                                                                            </li>
838                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        </ul>
839                                                    </div>
840                                                <!--[if ENDBLOCK]><![endif]-->                                            </li>
841                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
842                                                class="main-menu-item   group relative flex items-center"
843                                                style=""
844                                                x-data="{ childOpen: false }"
845                                                @mouseover.away = "childOpen = false"
846                                            >
847                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->
847                                                    <span
848                                                        class=" inline-flex cursor-pointer"
849                                                        @click="childOpen = !childOpen"
850                                                    >
851                                                        <svg
852    width="6"
853    height="10"
854    viewBox="0 0 6 10"
855    fill="none"
856    xmlns="http://www.w3.org/2000/svg"
857    class="" :class="{ 'rotate-90': childOpen }"
858>
859    <path
860        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
861        fill="#FFCE34"
862    />
863</svg>
864                                                    </span>
865                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
866                                                    class=""
867                                                    href="https://mupa.hu/husegprogram"
868                                                    @mouseover="childOpen = true"
869                                                >
870                                                    <span class="pl-1">
871                                                        Hűségprogram
872                                                    </span>
873                                                </a>
874                                                <!--[if BLOCK]><![endif]-->                                                    <div
875                                                        class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
876                                                        :class="{ hidden: !childOpen, block: childOpen }"
877                                                        x-cloak
878                                                    >
879                                                        <ul class="divide-y-2">
880                                                            <!--[if BLOCK]><![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">
883                                                                                    <span class="pl-1">
884                                                                                        Müpa+ hűségprogram
885                                                                                    </span>
886                                                                                </a>
887                                                                            </li>
888                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
889                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
890                                                                                <a href="/husegprogram/dupla-husegpontos-ajanlatok">
891                                                                                    <span class="pl-1">
892                                                                                        Dupla hűségpontos ajánlatok
893                                                                                    </span>
894                                                                                </a>
895                                                                            </li>
896                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        </ul>
897                                                    </div>
898                                                <!--[if ENDBLOCK]><![endif]-->                                            </li>
899                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
900                                                class="main-menu-item   group relative flex items-center"
901                                                style=""
902                                                x-data="{ childOpen: false }"
903                                                @mouseover.away = "childOpen = false"
904                                            >
905                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->
905                                                    <span
906                                                        class=" inline-flex cursor-pointer"
907                                                        @click="childOpen = !childOpen"
908                                                    >
909                                                        <svg
910    width="6"
911    height="10"
912    viewBox="0 0 6 10"
913    fill="none"
914    xmlns="http://www.w3.org/2000/svg"
915    class="" :class="{ 'rotate-90': childOpen }"
916>
917    <path
918        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
919        fill="#FFCE34"
920    />
921</svg>
922                                                    </span>
923                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
924                                                    class=""
925                                                    href="https://mupa.hu/mupa-home"
926                                                    @mouseover="childOpen = true"
927                                                >
928                                                    <span class="pl-1">
929                                                        Müpa Home
930                                                    </span>
931                                                </a>
932                                                <!--[if BLOCK]><![endif]-->                                                    <div
933                                                        class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
934                                                        :class="{ hidden: !childOpen, block: childOpen }"
935                                                        x-cloak
936                                                    >
937                                                        <ul class="divide-y-2">
938                                                            <!--[if BLOCK]><![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/videok">
941                                                                                    <span class="pl-1">
942                                                                                        Videók
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/podcastek">
949                                                                                    <span class="pl-1">
950                                                                                        Podcastek
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/kozvetitesek">
957                                                                                    <sp
957an class="pl-1">
958                                                                                        Közvetítések
959                                                                                    </span>
960                                                                                </a>
961                                                                            </li>
962                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
963                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
964                                                                                <a href="/mupa-home/kiadvanyok">
965                                                                                    <span class="pl-1">
966                                                                                        Kiadványok
967                                                                                    </span>
968                                                                                </a>
969                                                                            </li>
970                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        </ul>
971                                                    </div>
972                                                <!--[if ENDBLOCK]><![endif]-->                                            </li>
973                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                            <li
974                                                class="main-menu-item   group relative flex items-center"
975                                                style=""
976                                                x-data="{ childOpen: false }"
977                                                @mouseover.away = "childOpen = false"
978                                            >
979                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->                                                    <span
980                                                        class=" inline-flex cursor-pointer"
981                                                        @click="childOpen = !childOpen"
982                                                    >
983                                                        <svg
984    width="6"
985    height="10"
986    viewBox="0 0 6 10"
987    fill="none"
988    xmlns="http://www.w3.org/2000/svg"
989    class="" :class="{ 'rotate-90': childOpen }"
990>
991    <path
992        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
993        fill="#FFCE34"
994    />
995</svg>
996                                                    </span>
997                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
998                                                    class=""
999                                                    href="https://mupa.hu/magazin"
1000                                                    @mouseover="childOpen = true"
1001                                                >
1002                                                    <span class="pl-1">
1003                                                        Magazin
1004                                                    </span>
1005                                                </a>
1006                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                            </li>
1007                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                                                                                                <!--[if BLOCK]><![endif]-->                                                                                    <li
1008                                                class="main-menu-item   group relative flex items-center"
1009                                                style=""
1010                                                x-data="{ childOpen: false }"
1011                                                @mouseover.away = "childOpen = false"
1012                                            >
1013                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->                                                    <span
1014                                                        class=" inline-flex cursor-pointer"
1015                                                        @click="childOpen = !childOpen"
1016                                                    >
1017                                                        <svg
1018    width="6"
1019    height="10"
1020    viewBox="0 0 6 10"
1021    fill="none"
1022    xmlns="http://www.w3.org/2000/svg"
1023    class="" :class="{ 'rotate-90': childOpen }"
1024>
1025    <path
1026        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1027        fill="#FFCE34"
1028    />
1029</svg>
1030                                                    </span>
1031                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
1032                                                    class=""
1033                                                    href="#"
1034                                                    @mouseover="childOpen = true"
1035                                                >
1036                                                    <span class="pl-1">
1037                                                        Rólunk
1038                                                    </span>
1039                                                </a>
1040                                                <!--[if BLOCK]><![endif]-->                                                    <div
1041                                                        class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
1042                                                        :class="{ hidden: !childOpen, block: childOpen }"
1043                                                        x-cloak
1044                                                    >
1045                                                        <ul class="divide-y-2">
1046                                                            <!--[if BLOCK]><![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="/kapcsolat">
1049                                                                                    <span class="pl-1">
1050                                                                                        Kapcsolat
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="/az-evad-tarsasjatek">
1057                                                                                    <sp
1057an class="pl-1">
1058                                                                                        Társasjáték
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/hirek">
1065                                                                                    <span class="pl-1">
1066                                                                                        Hírek
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/a-mupa">
1073                                                                                    <span class="pl-1">
1074                                                                                        A Müpa
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/az-epuletrol">
1081                                                                                    <span class="pl-1">
1082                                                                                        Az épületről
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/a-mupa-orgonaja">
1089                                                                                    <sp
1089an class="pl-1">
1090                                                                                        A Müpa orgonája
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/vezetoseg">
1097                                                                                    <span class="pl-1">
1098                                                                                        Vezetőség
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/az-evad-muveszei">
1105                                                                                    <span class="pl-1">
1106                                                                                        Az évad művészei
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/tehetsegtamogatas-a-mupaban">
1113                                                                                    <span class="pl-1">
1114                                                                                        Tehetségtámogatás
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/fenntarthatosag">
1121                                                                                    <sp
1121an class="pl-1">
1122                                                                                        Fenntarthatóság
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/hazirend">
1129                                                                                    <span class="pl-1">
1130                                                                                        Házirend
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/szolgaltatasok/vendeglatas">
1137                                                                                    <span class="pl-1">
1138                                                                                        Szolgáltatások
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/teremhasznalat">
1145                                                                                    <span class="pl-1">
1146                                                                                        Teremhasználat
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/gyik">
1153                                                                                    <sp
1153an class="pl-1">
1154                                                                                        GYIK
1155                                                                                    </span>
1156                                                                                </a>
1157                                                                            </li>
1158                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                                                                                            <!--[if BLOCK]><![endif]-->                                                                    <!--[if BLOCK]><![endif]-->                                                                            <li
1159                                                                                class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
1160                                                                                <a href="/rolunk/ajandektargyak">
1161                                                                                    <span class="pl-1">
1162                                                                                        Ajándéktárgyak
1163                                                                                    </span>
1164                                                                                </a>
1165                                                                            </li>
1166                                                                        <!--[if ENDBLOCK]><![endif]-->                                                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        </ul>
1167                                                    </div>
1168                                                <!--[if ENDBLOCK]><![endif]-->                                            </li>
1169                                        <!--[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
1170                                                class="main-menu-item p-2 pl-[14px] pr-4  group relative flex items-center"
1171                                                style="background-color: #829ccf;"
1172                                                x-data="{ childOpen: false }"
1173                                                @mouseover.away = "childOpen = false"
1174                                            >
1175                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                <!--[if BLOCK]><![endif]-->                                                    <span
1176                                                        class="w-0 overflow-hidden inline-flex cursor-pointer"
1177                                                        @click="childOpen = !childOpen"
1178                                                    >
1179                                                        <svg
1180    width="6"
1181    height="10"
1182    viewBox="0 0 6 10"
1183    fill="none"
1184    xmlns="http://www.w3.org/2000/svg"
1185    class="" :class="{ 'rotate-90': childOpen }"
1186>
1187    <path
1188        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1189        fill="#FFCE34"
1190    />
1191</svg>
1192                                                    </span>
1193                                                <!--[if ENDBLOCK]><![endif]-->                                                <a
1194                                                    class="text-white"
1195                                                    href="https://mupa.hu/solti-karmesterverseny-2026"
1196                                                    @mouseover="childOpen = true"
1197                                                >
1198                                                    <span class="pl-1">
1199                                                        Solti 2026
1200                                                    </span>
1201                                                </a>
1202                                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                            </li>
1203                                        <!--[if ENDBLOCK]><![endif]-->                                <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </ul>
1204                    </div>
1205                </div>
1206            </div>
1207        </div>
1208    </div>
1209
1210    
1211    <div class="relative xl:hidden">
1212        <div
1213            class="absolute left-0 top-0 z-50 max-h-screen w-full overflow-y-scroll pt-6"
1214            id="mobile-menu"
1215            :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500 text-white': $wire.darkMode }"
1216            x-show="$wire.isMobileMenuOpen"
1217            x-cloak
1218            x-transition:enter="transition duration-150 transform"
1219            x-transition:enter-start="opacity-0 scale-95"
1220            x-transition:enter-end="opacity-100 scale-100"
1221            x-transition:leave="transition duration-100 transform"
1222            x-transition:leave-start="opacity-100 scale-100"
1223            x-transition:leave-end="opacity-0 scale-95"
1224        >
1225            <div class="relative">
1226                <div
1227                    class="flex gap-4 px-3 pt-5"
1228                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1229                >
1230                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <a
1231                            class="flex items-center gap-2"
1232                            href="https://mupa.hu/bejelentkezes"
1233                        >
1234                            <svg
1235    viewBox="0 0 16 19"
1236    xmlns="http://www.w3.org/2000/svg"
1237    width="16"
1238    height="19"
1239    class="" :class="{ 'fill-black-m-300': !$wire.darkMode, 'fill-white': $wire.darkMode }"
1240>
1241    <path
1242        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"
1243    />
1244</svg>
1245                            <span
1246                                class="text-sm"
1247                                :class="{ 'text-black-m-500': !$wire.darkMode }"
1248                            >
1249                                Bejelentkezés                            </span>
1250                        </a>
1251                    <!--[if ENDBLOCK]><![endif]-->                    <div class="flex items-center gap-2">
1252                        <svg
1253    width="16"
1254    height="14"
1255    viewBox="0 0 16 14"
1256    xmlns="http://www.w3.org/2000/svg"
1257    fill="currentColor"
1258    class="" :class="{ 'fill-black-m-300': !$wire.darkMode, 'fill-white': $wire.darkMode }"
1259>
1260    <path
1261        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"
1262    />
1263</svg>
1264                        <a
1265                            class="text-sm"
1266                            href="/fiokom/kedvencek"
1267                            :class="{ 'text-black-m-500': !$wire.darkMode }"
1268                        >
1269                            Kedvencek                        </a>
1270                    </div>
1271                    <span class="text-black-m-50">|</span>
1272                    <a href="/en/account/favourites">
1273                        <span class="uppercase">en
1274                        </span>
1275                    </a>
1276                </div>
1277                <div
1278                    class="flex justify-center px-3 pb-4 pt-6"
1279                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1280                >
1281                    <div
1282                        class="flex h-[4vh] w-full items-center"
1283                        :class="{ 'placeholder:text-black-m-300': !$wire.darkMode, 'placeholder:text-white': $wire.darkMode }"
1284                    >
1285                        <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;Bj1gWuGBwc2NxN3dlcOL&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;5725111d93c6d76faa2c7c229ab2fdc191f28e6646676176698660dd165ebd7a&quot;}" wire:effects="[]" wire:id="Bj1gWuGBwc2NxN3dlcOL"
1286    class="z-10"
1287    :class="{ 'w-full': $wire.showOnMobile }"
1288    x-data="{
1289        result: window.Livewire.find('Bj1gWuGBwc2NxN3dlcOL').entangle('result'),
1290        query: window.Livewire.find('Bj1gWuGBwc2NxN3dlcOL').entangle('query').live,
1291        debouncedQuery: null,
1292        selected: null,
1293        
1294        init() {
1295            $watch('query', (value) => {
1296                selected = null
1297            })
1298            $watch('debouncedQuery', Alpine.debounce(() => this.query = this.debouncedQuery, 500))
1299        },
1300
1301        reset() {
1302            this.query = ''
1303            this.debouncedQuery = ''
1304            this.result = []
1305            this.selected = null
1306        },
1307        selectNext() {
1308            if (this.selected === null) {
1309                this.selected = 0
1310                return;
1311            }
1312
1313            this.selected++
1314
1315            if (this.selected >= this.result.map(group => group.items).flat().length) {
1316                this.selected = 0
1317            }
1318
1319        },
1320        selectPrev() {
1321            if (this.selected === null) {
1322                this.selected = this.result.map(group => group.items).flat().length - 1
1323                return;
1324            }
1325
1326            this.selected--
1327
1328            if (this.selected < 0) {
1329                this.selected = this.result.map(group => group.items).flat().length - 1
1330            }
1331
1332        },
1333        goToResult() {
1334            console.log('goToResult', { selected: this.selected })
1335            if (this.selected === null) {
1336                if (document.documentElement.lang === 'en') {
1337                    location.href = `/en/search/results?query=${this.debouncedQuery}`
1338                    return;
1339                }
1340                location.href = `/kereses?query=${this.debouncedQuery}`
1341                return;
1342            }
1343
1344            console.log('selected', { selected: this.selected, result: this.result.map(group => group.items).flat() })
1345
1346            const item = this.result.map(group => group.items).flat()[this.selected]
1347
1348            location.href = item.url
1349        }
1350    }"
1351    x-on:click.away="reset()"
1352    x-on:submit.prevent="goToResult()"
1353>
1354    <form class="isolate z-10">
1355        <div
1356            class=" relative items-center border-b xl:flex"
1357            :class="{
1358                'border-black-m-30': !$wire.darkMode,
1359                'border-black-m-50': $wire.darkMode,
1360                'hidden': !$wire
1361                    .showOnMobile,
1362                'flex justify-between border px-2': $wire.showOnMobile
1363            }"
1364        >
1365            <input
1366                class="border-0 pl-0 focus:ring-0"
1367                type="text"
1368                :class="{ 'placeholder:text-black-m-100 bg-black-m-500': $wire.darkMode, 'w-4/5': $wire.showOnMobile }"
1369                :id="$wire.showOnMobile ? 'mobile-search' : ''"
1370                placeholder="Keresés"
1371                x-model="debouncedQuery"
1372                x-on:keyup.esc="reset()"
1373                x-on:keyup.down="selectNext()"
1374                x-on:keyup.up="selectPrev()"
1375                
1376            >
1377            <button type="submit">
1378                <svg
1379    width="17"
1380    height="17"
1381    viewBox="0 0 17 17"
1382    xmlns="http://www.w3.org/2000/svg"
1383    class="" :class="{ 'fill-black-m-500': !$wire.darkMode, 'fill-white': $wire.darkMode }"
1384>
1385    <path
1386        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"
1387    />
1388</svg>
1389            </button>
1390
1391            
1392
1393        </div>
1394        <div>
1395            <div
1396                class="absolute mt-1 w-[30rem] overflow-y-auto rounded-md border bg-white py-2 shadow-lg"
1397                x-transition
1398                x-show="Object.keys(result).length > 0"
1399                x-cloak
1400            >
1401                <div class="divide-y divide-gray-200">
1402                    <template x-for="(group, groupIndex) in result">
1403                        <div>
1404                            <div
1405                                class="px-2 py-1 font-klavika text-sm font-bold uppercase text-black-m-500"
1406                                x-text="group.title"
1407                            >
1408                            </div>
1409                            <div
1410                                class="divide-y"
1411                                x-ref="result"
1412                            >
1413                                <template x-for="(item, itemIndex) in group.items">
1414                                    <div
1415                                        class="flex items-center justify-between px-2 py-3"
1416                                        :class="{ 'bg-gray-100': (groupIndex) * 2 + itemIndex === selected }"
1417                                    >
1418                                        <a
1419                                            class="grid grid-cols-3 gap-2"
1420                                            :href="item.url"
1421                                            x-show="item.type === 'program'"
1422                                            :key="item.url"
1423                                        >
1424                                            <img
1425                                                :src="item.img"
1426                                                :alt="item.title"
1427                                            >
1428                                            <div class="col-span-2">
1429                                                <div x-text="item.title"></div>
1430                                                <div
1431                                                    class="font-bold"
1432                                                    x-text="item.date"
1433                                                ></div>
1434                                                <div x-text="item.location"></div>
1435                                            </div>
1436                                        </a>
1437                                        <a
1438                                            x-show="item.type === 'article' || item.type === 'magazine-article'"
1439                                            :href="item.url"
1440                                        >
1441                                            <div x-text="item.title"></div>
1442                                        </a>
1443                                        <a
1444                                            x-show="item.type === 'page'"
1445                                            :href="item.url"
1446                                        >
1447                                            <div x-text="item.title"></div>
1448                                        </a>
1449                                        <a
1450                                            x-show="item.type === 'issuu'"
1451                                            :href="item.url"
1452                                        >
1453                                            <div x-text="item.title"></div>
1454                                        </a>
1455                                    </div>
1456                                </template>
1457                            </div>
1458
1459                        </div>
1460                    </template>
1461                </div>
1462            </div>
1463        </div>
1464    </form>
1465</div>                    </div>
1466                </div>
1467                <div
1468                    class="space-y-1 px-3 pb-3 pt-2"
1469                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1470                >
1471                    <ul class="list-image-menuitem list-inside">
1472                        <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1473                                            class="  my-3"
1474                                            style=""
1475                                             :class="{
1476                                                'list-image-menuitem-calendar': !$wire.darkMode,
1477                                                'list-image-menuitem-calendar-darkmode': $wire.darkMode
1478                                            }"                                             x-data="{ submenuOpen: false, hasChildren: '' }"
1479                                            @click="submenuOpen = !submenuOpen"
1480                                        >
1481                                            <!--[if BLOCK]><![endif]-->                                                <a
1482                                                    class=""
1483                                                    href="https://mupa.hu/programok/naptar?fmm=1"
1484                                                >
1485                                                    <span class="cursor-pointer">
1486                                                        Programnaptár
1487                                                    </span>
1488                                                </a>
1489                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </li>
1490                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1491                                            class="  my-3"
1492                                            style=""
1493                                                                                        x-data="{ submenuOpen: false, hasChildren: '1' }"
1494                                            @click="submenuOpen = !submenuOpen"
1495                                        >
1496                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1497                                                    <!--[if BLOCK]><![endif]-->                                                        <span @click="submenuOpen = !submenuOpen">
1498                                                            <svg
1499    width="6"
1500    height="10"
1501    viewBox="0 0 6 10"
1502    fill="none"
1503    xmlns="http://www.w3.org/2000/svg"
1504    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1505>
1506    <path
1507        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1508        fill="#FFCE34"
1509    />
1510</svg>
1511                                                        </span>
1512                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1513                                                        class=""
1514                                                        href="#"
1515                                                    >
1516                                                        <span class="cursor-pointer pl-1">
1517                                                            Sorozatok, fesztiválok
1518                                                        </span>
1519                                                    </a>
1520                                                </div>
1521                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]-->                                                <div
1522                                                    class="pt-3"
1523                                                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1524                                                    x-show="submenuOpen"
1525                                                >
1526                                                    <ul>
1527                                                        <!--[if BLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1528                                                                            <a href="/solti-karmesterverseny-2026">
1529                                                                                <span class="pl-1">
1530                                                                                    Solti Nemzetközi Karmesterverseny
1531                                                                                </span>
1532                                                                            </a>
1533                                                                        </li>
1534                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1535                                                                            <a href="/programok/csaladi-es-ifjusagi-programok">
1536                                                                                <sp
1536an class="pl-1">
1537                                                                                    Családi és ifjúsági programok
1538                                                                                </span>
1539                                                                            </a>
1540                                                                        </li>
1541                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1542                                                                            <a href="/programok/metropolitan-kozvetitesek/metropolitan-kozvetitesek-2026-27">
1543                                                                                <span class="pl-1">
1544                                                                                    Metropolitan-közvetítések
1545                                                                                </span>
1546                                                                            </a>
1547                                                                        </li>
1548                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1549                                                                            <a href="/programok/budapesti-wagner-napok/budapesti-wagner-napok-2027">
1550                                                                                <span class="pl-1">
1551                                                                                    Budapesti Wagner-napok
1552                                                                                </span>
1553                                                                            </a>
1554                                                                        </li>
1555                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1556                                                                            <a href="/programok/mupa-egyetemi-nap-2026">
1557                                                                                <span class="pl-1">
1558                                                                                    Müpa Egyetemi Nap
1559                                                                                </span>
1560                                                                            </a>
1561                                                                        </li>
1562                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1563                                                                            <a href="/programok/liszt-unnep-2026">
1564                                                                                <sp
1564an class="pl-1">
1565                                                                                    Liszt Ünnep
1566                                                                                </span>
1567                                                                            </a>
1568                                                                        </li>
1569                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1570                                                                            <a href="/programok/rising-stars-2026">
1571                                                                                <span class="pl-1">
1572                                                                                    Rising Stars
1573                                                                                </span>
1574                                                                            </a>
1575                                                                        </li>
1576                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1577                                                                            <a href="/programok/regizene-fesztival-2027">
1578                                                                                <span class="pl-1">
1579                                                                                    Régizene fesztivál
1580                                                                                </span>
1581                                                                            </a>
1582                                                                        </li>
1583                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1584                                                                            <a href="/programok/jazztavasz-2027">
1585                                                                                <span class="pl-1">
1586                                                                                    Jazztavasz
1587                                                                                </span>
1588                                                                            </a>
1589                                                                        </li>
1590                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1591                                                                            <a href="/programok/karzatkoncertek">
1592                                                                                <sp
1592an class="pl-1">
1593                                                                                    Karzatkoncertek
1594                                                                                </span>
1595                                                                            </a>
1596                                                                        </li>
1597                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1598                                                                            <a href="/programok/mupa-filmklub">
1599                                                                                <span class="pl-1">
1600                                                                                    Müpa Filmklub
1601                                                                                </span>
1602                                                                            </a>
1603                                                                        </li>
1604                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1605                                                                            <a href="/programok/literarium">
1606                                                                                <span class="pl-1">
1607                                                                                    Literárium
1608                                                                                </span>
1609                                                                            </a>
1610                                                                        </li>
1611                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1612                                                                            <a href="/programok/vers-estek">
1613                                                                                <span class="pl-1">
1614                                                                                    Vers-estek
1615                                                                                </span>
1616                                                                            </a>
1617                                                                        </li>
1618                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1619                                                                            <a href="/programok/orgonaexpedicio">
1620                                                                                <sp
1620an class="pl-1">
1621                                                                                    OrgonaExpedíció
1622                                                                                </span>
1623                                                                            </a>
1624                                                                        </li>
1625                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1626                                                                            <a href="/programok/teremrol-teremre">
1627                                                                                <span class="pl-1">
1628                                                                                    Teremről teremre
1629                                                                                </span>
1630                                                                            </a>
1631                                                                        </li>
1632                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                        <!--[if ENDBLOCK]><![endif]-->                                                    </ul>
1633                                                </div>
1634                                            <!--[if ENDBLOCK]><![endif]-->                                        </li>
1635                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1636                                            class="  my-3"
1637                                            style=""
1638                                                                                        x-data="{ submenuOpen: false, hasChildren: '1' }"
1639                                            @click="submenuOpen = !submenuOpen"
1640                                        >
1641                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1642                                                    <!--[if BLOCK]><![endif]-->                                                        <span @click="submenuOpen = !submenuOpen">
1643                                                            <svg
1644    width="6"
1645    height="10"
1646    viewBox="0 0 6 10"
1647    fill="none"
1648    xmlns="http://www.w3.org/2000/svg"
1649    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1650>
1651    <path
1652        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1653        fill="#FFCE34"
1654    />
1655</svg>
1656                                                        </span>
1657                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1658                                                        class=""
1659                                                        href="#"
1660                                                    >
1661                                                        <span class="cursor-pointer pl-1">
1662                                                            Jegyek
1663                                                        </span>
1664                                                    </a>
1665                                                </div>
1666                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]-->                                                <div
1667                                                    class="pt-3"
1668                                                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1669                                                    x-show="submenuOpen"
1670                                                >
1671                                                    <ul>
1672                                                        <!--[if BLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1673                                                                            <a href="/programok/naptar">
1674                                                                                <sp
1674an class="pl-1">
1675                                                                                    Jegyek
1676                                                                                </span>
1677                                                                            </a>
1678                                                                        </li>
1679                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1680                                                                            <a href="/jegyek-berletek/2027-tavasz">
1681                                                                                <span class="pl-1">
1682                                                                                    2027 tavasz
1683                                                                                </span>
1684                                                                            </a>
1685                                                                        </li>
1686                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1687                                                                            <a href="/jegyek-berletek/ajandekutalvany">
1688                                                                                <span class="pl-1">
1689                                                                                    Ajándékutalvány
1690                                                                                </span>
1691                                                                            </a>
1692                                                                        </li>
1693                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1694                                                                            <a href="/jegyek-berletek/specialis-jegytipusok">
1695                                                                                <span class="pl-1">
1696                                                                                    Speciális jegytípusok
1697                                                                                </span>
1698                                                                            </a>
1699                                                                        </li>
1700                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1701                                                                            <a href="/jegyek-berletek/vasarlasi-informaciok">
1702                                                                                <sp
1702an class="pl-1">
1703                                                                                    Vásárlási információk
1704                                                                                </span>
1705                                                                            </a>
1706                                                                        </li>
1707                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1708                                                                            <a href="/jegyek-berletek/jegyvasarloi-aszf">
1709                                                                                <span class="pl-1">
1710                                                                                    Jegyvásárlói ÁSZF
1711                                                                                </span>
1712                                                                            </a>
1713                                                                        </li>
1714                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                        <!--[if ENDBLOCK]><![endif]-->                                                    </ul>
1715                                                </div>
1716                                            <!--[if ENDBLOCK]><![endif]-->                                        </li>
1717                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1718                                            class="  my-3"
1719                                            style=""
1720                                                                                        x-data="{ submenuOpen: false, hasChildren: '1' }"
1721                                            @click="submenuOpen = !submenuOpen"
1722                                        >
1723                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1724                                                    <!--[if BLOCK]><![endif]-->                                                        <span @click="submenuOpen = !submenuOpen">
1725                                                            <svg
1726    width="6"
1727    height="10"
1728    viewBox="0 0 6 10"
1729    fill="none"
1730    xmlns="http://www.w3.org/2000/svg"
1731    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1732>
1733    <path
1734        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1735        fill="#FFCE34"
1736    />
1737</svg>
1738                                                        </span>
1739                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1740                                                        class=""
1741                                                        href="#"
1742                                                    >
1743                                                        <span class="cursor-pointer pl-1">
1744                                                            Hűségprogram
1745                                                        </span>
1746                                                    </a>
1747                                                </div>
1748                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]-->                                                <div
1749                                                    class="pt-3"
1750                                                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1751                                                    x-show="submenuOpen"
1752                                                >
1753                                                    <ul>
1754                                                        <!--[if BLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1755                                                                            <a href="/husegprogram">
1756                                                                                <sp
1756an class="pl-1">
1757                                                                                    Müpa+ hűségprogram
1758                                                                                </span>
1759                                                                            </a>
1760                                                                        </li>
1761                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1762                                                                            <a href="/husegprogram/dupla-husegpontos-ajanlatok">
1763                                                                                <span class="pl-1">
1764                                                                                    Dupla hűségpontos ajánlatok
1765                                                                                </span>
1766                                                                            </a>
1767                                                                        </li>
1768                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        <!--[if ENDBLOCK]><![endif]-->                                                    </ul>
1769                                                </div>
1770                                            <!--[if ENDBLOCK]><![endif]-->                                        </li>
1771                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1772                                            class="  my-3"
1773                                            style=""
1774                                                                                        x-data="{ submenuOpen: false, hasChildren: '1' }"
1775                                            @click="submenuOpen = !submenuOpen"
1776                                        >
1777                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1778                                                    <!--[if BLOCK]><![endif]-->                                                        <span @click="submenuOpen = !submenuOpen">
1779                                                            <svg
1780    width="6"
1781    height="10"
1782    viewBox="0 0 6 10"
1783    fill="none"
1784    xmlns="http://www.w3.org/2000/svg"
1785    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1786>
1787    <path
1788        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1789        fill="#FFCE34"
1790    />
1791</svg>
1792                                                        </span>
1793                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1794                                                        class=""
1795                                                        href="#"
1796                                                    >
1797                                                        <span class="cursor-pointer pl-1">
1798                                                            Müpa Home
1799                                                        </span>
1800                                                    </a>
1801                                                </div>
1802                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]-->                                                <div
1803                                                    class="pt-3"
1804                                                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1805                                                    x-show="submenuOpen"
1806                                                >
1807                                                    <ul>
1808                                                        <!--[if BLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1809                                                                            <a href="/mupa-home/videok">
1810                                                                                <sp
1810an class="pl-1">
1811                                                                                    Videók
1812                                                                                </span>
1813                                                                            </a>
1814                                                                        </li>
1815                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1816                                                                            <a href="/mupa-home/podcastek">
1817                                                                                <span class="pl-1">
1818                                                                                    Podcastek
1819                                                                                </span>
1820                                                                            </a>
1821                                                                        </li>
1822                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1823                                                                            <a href="/mupa-home/kozvetitesek">
1824                                                                                <span class="pl-1">
1825                                                                                    Közvetítések
1826                                                                                </span>
1827                                                                            </a>
1828                                                                        </li>
1829                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1830                                                                            <a href="/mupa-home/kiadvanyok">
1831                                                                                <span class="pl-1">
1832                                                                                    Kiadványok
1833                                                                                </span>
1834                                                                            </a>
1835                                                                        </li>
1836                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        <!--[if ENDBLOCK]><![endif]-->                                                    </ul>
1837                                                </div>
1838                                            <!--[if ENDBLOCK]><![endif]-->                                        </li>
1839                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                        <li
1840                                            class="  my-3"
1841                                            style=""
1842                                                                                        x-data="{ submenuOpen: false, hasChildren: '' }"
1843                                            @click="submenuOpen = !submenuOpen"
1844                                        >
1845                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1846                                                    <!--[if BLOCK]><![endif]-->
1846                                                        <span @click="submenuOpen = !submenuOpen">
1847                                                            <svg
1848    width="6"
1849    height="10"
1850    viewBox="0 0 6 10"
1851    fill="none"
1852    xmlns="http://www.w3.org/2000/svg"
1853    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1854>
1855    <path
1856        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1857        fill="#FFCE34"
1858    />
1859</svg>
1860                                                        </span>
1861                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1862                                                        class=""
1863                                                        href="https://mupa.hu/magazin"
1864                                                    >
1865                                                        <span class="cursor-pointer pl-1">
1866                                                            Magazin
1867                                                        </span>
1868                                                    </a>
1869                                                </div>
1870                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </li>
1871                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                                                                                                                <!--[if BLOCK]><![endif]-->                                                                            <li
1872                                            class="  my-3"
1873                                            style=""
1874                                                                                        x-data="{ submenuOpen: false, hasChildren: '1' }"
1875                                            @click="submenuOpen = !submenuOpen"
1876                                        >
1877                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
1878                                                    <!--[if BLOCK]><![endif]-->                                                        <span @click="submenuOpen = !submenuOpen">
1879                                                            <svg
1880    width="6"
1881    height="10"
1882    viewBox="0 0 6 10"
1883    fill="none"
1884    xmlns="http://www.w3.org/2000/svg"
1885    class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
1886>
1887    <path
1888        d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
1889        fill="#FFCE34"
1890    />
1891</svg>
1892                                                        </span>
1893                                                    <!--[if ENDBLOCK]><![endif]-->                                                    <a
1894                                                        class=""
1895                                                        href="#"
1896                                                    >
1897                                                        <span class="cursor-pointer pl-1">
1898                                                            Rólunk
1899                                                        </span>
1900                                                    </a>
1901                                                </div>
1902                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]-->                                                <div
1903                                                    class="pt-3"
1904                                                    :class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
1905                                                    x-show="submenuOpen"
1906                                                >
1907                                                    <ul>
1908                                                        <!--[if BLOCK]><![endif]-->                                                            <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1909                                                                            <a href="/kapcsolat">
1910                                                                                <sp
1910an class="pl-1">
1911                                                                                    Kapcsolat
1912                                                                                </span>
1913                                                                            </a>
1914                                                                        </li>
1915                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1916                                                                            <a href="/az-evad-tarsasjatek">
1917                                                                                <span class="pl-1">
1918                                                                                    Társasjáték
1919                                                                                </span>
1920                                                                            </a>
1921                                                                        </li>
1922                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1923                                                                            <a href="/rolunk/hirek">
1924                                                                                <span class="pl-1">
1925                                                                                    Hírek
1926                                                                                </span>
1927                                                                            </a>
1928                                                                        </li>
1929                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1930                                                                            <a href="/rolunk/a-mupa">
1931                                                                                <span class="pl-1">
1932                                                                                    A Müpa
1933                                                                                </span>
1934                                                                            </a>
1935                                                                        </li>
1936                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1937                                                                            <a href="/rolunk/az-epuletrol">
1938                                                                                <sp
1938an class="pl-1">
1939                                                                                    Az épületről
1940                                                                                </span>
1941                                                                            </a>
1942                                                                        </li>
1943                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1944                                                                            <a href="/rolunk/a-mupa-orgonaja">
1945                                                                                <span class="pl-1">
1946                                                                                    A Müpa orgonája
1947                                                                                </span>
1948                                                                            </a>
1949                                                                        </li>
1950                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1951                                                                            <a href="/rolunk/vezetoseg">
1952                                                                                <span class="pl-1">
1953                                                                                    Vezetőség
1954                                                                                </span>
1955                                                                            </a>
1956                                                                        </li>
1957                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1958                                                                            <a href="/rolunk/az-evad-muveszei">
1959                                                                                <span class="pl-1">
1960                                                                                    Az évad művészei
1961                                                                                </span>
1962                                                                            </a>
1963                                                                        </li>
1964                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1965                                                                            <a href="/rolunk/tehetsegtamogatas-a-mupaban">
1966                                                                                <sp
1966an class="pl-1">
1967                                                                                    Tehetségtámogatás
1968                                                                                </span>
1969                                                                            </a>
1970                                                                        </li>
1971                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1972                                                                            <a href="/rolunk/fenntarthatosag">
1973                                                                                <span class="pl-1">
1974                                                                                    Fenntarthatóság
1975                                                                                </span>
1976                                                                            </a>
1977                                                                        </li>
1978                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1979                                                                            <a href="/rolunk/hazirend">
1980                                                                                <span class="pl-1">
1981                                                                                    Házirend
1982                                                                                </span>
1983                                                                            </a>
1984                                                                        </li>
1985                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1986                                                                            <a href="/rolunk/szolgaltatasok/vendeglatas">
1987                                                                                <span class="pl-1">
1988                                                                                    Szolgáltatások
1989                                                                                </span>
1990                                                                            </a>
1991                                                                        </li>
1992                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
1993                                                                            <a href="/rolunk/teremhasznalat">
1994                                                                                <sp
1994an class="pl-1">
1995                                                                                    Teremhasználat
1996                                                                                </span>
1997                                                                            </a>
1998                                                                        </li>
1999                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
2000                                                                            <a href="/rolunk/gyik">
2001                                                                                <span class="pl-1">
2002                                                                                    GYIK
2003                                                                                </span>
2004                                                                            </a>
2005                                                                        </li>
2006                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                                                                                    <!--[if BLOCK]><![endif]-->                                                                <!--[if BLOCK]><![endif]-->                                                                        <li class="flex min-w-max items-center px-6 py-1">
2007                                                                            <a href="/rolunk/ajandektargyak">
2008                                                                                <span class="pl-1">
2009                                                                                    Ajándéktárgyak
2010                                                                                </span>
2011                                                                            </a>
2012                                                                        </li>
2013                                                                    <!--[if ENDBLOCK]><![endif]-->                                                            <!--[if ENDBLOCK]><![endif]-->                                                        <!--[if ENDBLOCK]><![endif]-->                                                    </ul>
2014                                                </div>
2015                                            <!--[if ENDBLOCK]><![endif]-->                                        </li>
2016                                    <!--[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
2017                                            class="p-2 px-4 text-white  my-3"
2018                                            style="background-color: #829ccf;"
2019                                                                                        x-data="{ submenuOpen: false, hasChildren: '' }"
2020                                            @click="submenuOpen = !submenuOpen"
2021                                        >
2022                                            <!--[if BLOCK]><![endif]-->                                                <div class="flex items-center">
2023                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                    <a
2024                                                        class="text-white"
2025                                                        href="https://mupa.hu/solti-karmesterverseny-2026"
2026                                                    >
2027                                                        <span class="cursor-pointer pl-1">
2028                                                            Solti 2026
2029                                                        </span>
2030                                                    </a>
2031                                                </div>
2032                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </li>
2033                                    <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                         <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </ul>
2034                </div>
2035                <div
2036                    class="clipped-ltr absolute -bottom-[10vw] left-0 h-[10vw] w-full"
2037                    :class="{
2038                        'bg-white': !$wire.darkMode,
2039                        'bg-black-m-500': $wire
2040                            .darkMode
2041                    }"
2042                >
2043                </div>
2044
2045            </div>
2046        </div>
2047    </div>
2048    
2049
2050</nav>    <main class="mt-12 min-h-[50vh] lg:mt-0">
2051        <!-- HERO -->
2052        <!-- END HERO -->
2053
2054        <div>
2055        <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">
2056
2057            <div>
2058                <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;AaYrJAmBaL2X32zE9fk6&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;4b167ea9f0451daa7d3eb9ce96fb3acc0c37a265a9c6abfacac3ec7898515fc5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;dropdown-toggle&quot;]}" wire:id="AaYrJAmBaL2X32zE9fk6"
2059    class="relative col-span-1 self-start bg-light-bg-50 pt-12 lg:pt-16"
2060    x-init="$refs.sidebarMenuEnd.scrollIntoView({ behavior: 'smooth' })"
2061>
2062    <h4 class="mb-4 px-4 text-xl font-light leading-7 text-black-m-500">
2063        Fiókom    </h4>
2064    <ul class="text-sm">
2065        <li class="border-y-2 border-white">
2066            <a
2067                href="/fiokom/jegyek"
2068                class="flex items-center py-4 px-4"
2069            >
2070                <svg
2071    width="18"
2072    height="12"
2073    viewBox="0 0 18 12"
2074    xmlns="http://www.w3.org/2000/svg"
2075    class="h-5 fill-black-m-300 block lg:hidden mr-2" fill="#0D0116"
2076>
2077    <path
2078        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"
2079    />
2080</svg>
2081                <span class="-mt-0.5 font-sans leading-5 tracking-[2%]">
2082                    Jegyeim                </span>
2083            </a>
2084        </li>
2085        <li class="border-b-2 border-white">
2086            <a
2087                href="/fiokom/ajandekutalvanyaim"
2088                class="flex items-center py-4 px-4"
2089            >
2090                <svg
2091    width="20"
2092    height="21"
2093    viewBox="0 0 20 21"
2094    xmlns="http://www.w3.org/2000/svg"
2095    class="w-5 fill-black-m-300 block lg:hidden mr-2"
2096>
2097    <path
2098        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"
2099        fill="#6E6773"
2100    />
2101</svg>
2102                <span class="font-sans leading-5 tracking-[2%]">
2103                    Ajándékutalványaim                </span>
2104            </a>
2105        </li>
2106        <li class="border-b-2 border-white">
2107            <a
2108                href="/fiokom/kedvencek"
2109                class="flex items-center py-4 border-l-4 border-yellow-m-500 px-3"
2110            >
2111                <svg
2112    width="16"
2113    height="14"
2114    viewBox="0 0 16 14"
2115    xmlns="http://www.w3.org/2000/svg"
2116    fill="currentColor"
2117    class="w-5 fill-black-m-300 block lg:hidden mr-2"
2118>
2119    <path
2120        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"
2121    />
2122</svg>
2123                <span class="-mt-0.5 font-sans leading-5 tracking-[2%]">
2124                    Kedvencek                </span>
2125            </a>
2126        </li>
2127        <!--[if BLOCK]><![endif]-->            <li class="border-b-2 border-white">
2128                <a
2129                    class="px-4 flex items-center py-4"
2130                    href="https://mupa.hu/fiokom/husegprogram"
2131                >
2132                    <svg
2133    width="16"
2134    height="14"
2135    viewBox="0 0 16 14"
2136    xmlns="http://www.w3.org/2000/svg"
2137    fill="currentColor"
2138    class="w-5 fill-black-m-300 block lg:hidden mr-2"
2139>
2140    <path
2141        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"
2142    />
2143</svg>
2144                    <span class="-mt-0.5 font-sans leading-5 tracking-[2%]">
2145                        Müpa+ hűségprogram                    </span>
2146                </a>
2147            </li>
2148        <!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <li>
2149            <a
2150                class="px-4 flex items-center py-4"
2151                href="https://mupa.hu/fiokom/beallitasok"
2152            >
2153                <svg
2154    width="18"
2155    height="12"
2156    viewBox="0 0 18 12"
2157    xmlns="http://www.w3.org/2000/svg"
2158    class="h-4 fill-black-m-300 block lg:hidden mr-2" fill="#0D0116"
2159>
2160    <path
2161        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"
2162    />
2163</svg>
2164                <span class="-mt-0.5 font-sans leading-5 tracking-[2%]">
2165                    Beállítások                </span>
2166            </a>
2167        </li>
2168        <li class="sm:hidden">
2169            <button
2170                class="flex items-center p-4"
2171                @click="axios.delete('https://mupa.hu/kijelentkezes').then(() => location.href = '/')"
2172            >
2173                <span class="-mt-0.5 font-sans leading-5 tracking-[2%]">Kijelentkezés</span>
2174            </button>
2175        </li>
2176    </ul>
2177    <div class="clipped-ltr-mirrored absolute -bottom-6 left-0 z-40 h-6 w-full bg-light-bg-50"></div>
2178    <div
2179        class="lg:hidden"
2180        x-ref="sidebarMenuEnd"
2181    ></div>
2182</div>            </div>
2183
2184            <div class="col-span-3 mt-4 mb-4 px-4 pt-20 lg:mb-16 lg:px-0 lg:pt-0">
2185                <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;9o3hqnBjsdAvFRm9F0MU&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-2639482968-0&quot;:[&quot;div&quot;,&quot;jXMy2rdBtpMoGrWDCBJ7&quot;],&quot;lw-3147707720-0&quot;:[&quot;div&quot;,&quot;7VFCC9FTDxMtSMKulbrd&quot;],&quot;lw-388168098-0&quot;:[&quot;div&quot;,&quot;lA0E2qBRzuL8fMEUTPqN&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;hu&quot;},&quot;checksum&quot;:&quot;4ba83ca8e43c674ecfecfaa06df962e4367bafdfc945be43a195603b0a14ae2d&quot;}" wire:effects="[]" wire:id="9o3hqnBjsdAvFRm9F0MU">
2186    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2187        <div class="flex flex-col gap-2 lg:gap-6">
2188            <!--[if BLOCK]><![endif]-->                <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;jXMy2rdBtpMoGrWDCBJ7&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;c1be69084e0e8c2279ce14211120753cbd4c43f71451f242d2215f50ff4a283a&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;removeFromFavorites&quot;]}" wire:id="jXMy2rdBtpMoGrWDCBJ7" class="mt-8">
2189    <div class="mb-5 flex items-start justify-between text-black-m-500">
2190        <h3 class="text-2xl font-light leading-8">
2191            Kedvencnek jelölt programok        </h3>
2192    </div>
2193    <div class="grid grid-flow-row grid-cols-1 bg-light-bg-50 lg:grid-cols-3">
2194        <!--[if BLOCK]><![endif]-->            <div class="col-span-3 flex flex-col items-center justify-center gap-6 py-16">
2195                <p class="text-2xl font-light leading-8">
2196                    Nincs kedvenc programja                </p>
2197                <a
2198                    class="flex w-full items-center justify-center bg-yellow-m-500 px-7 py-3 uppercase lg:w-auto"
2199                    href="https://mupa.hu/programok/naptar"
2200                >
2201                    Programok böngészése                </a>
2202            </div>
2203        <!--[if ENDBLOCK]><![endif]-->    </div>
2204</div>
2205                            <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;7VFCC9FTDxMtSMKulbrd&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;4a2a119dab2862a95234f58e654737afa102b9b308a9c9ed337c17db015403b7&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;removeVideoFromFavoriteContents&quot;]}" wire:id="7VFCC9FTDxMtSMKulbrd">
2206    <div class="my-5 flex items-start justify-between text-black-m-500">
2207        <h3 class="text-2xl font-light leading-8">
2208            Kedvencnek jelölt videók        </h3>
2209    </div>
2210    <div class="grid grid-flow-row grid-cols-1 bg-light-bg-50 lg:grid-cols-3">
2211        <!--[if BLOCK]><![endif]-->            <div class="col-span-3 flex flex-col items-center justify-center gap-6 py-16">
2212                <p class="text-2xl font-light leading-8">
2213                    Nincs kedvenc videója                </p>
2214                <a
2215                    class="flex w-full items-center justify-center bg-yellow-m-500 px-7 py-3 uppercase lg:w-auto"
2216                    href="https://mupa.hu/mupa-home/videok"
2217                >
2218                    Videók böngészése                </a>
2219            </div>
2220        <!--[if ENDBLOCK]><![endif]-->    </div>
2221</div>
2222                            <!--[if BLOCK]><![endif]-->    <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;lA0E2qBRzuL8fMEUTPqN&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;6a6b4291c2713f4cee65af18680548fb54e1ab25f6778497b338cfc902b302f1&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;removePodcastFromFavoriteContents&quot;]}" wire:id="lA0E2qBRzuL8fMEUTPqN">
2223    <div class="my-5 flex items-start justify-between text-black-m-500">
2224        <h3 class="text-2xl font-light leading-8">
2225            Kedvencnek jelölt podcastek        </h3>
2226    </div>
2227    <div class="grid grid-flow-row grid-cols-1 bg-light-bg-50 lg:grid-cols-3">
2228        <!--[if BLOCK]><![endif]-->            <div class="col-span-3 flex flex-col items-center justify-center gap-6 py-16">
2229                <p class="text-2xl font-light leading-8">
2230                    Nincs kedvenc podcastje                </p>
2231                <a
2232                    class="flex w-full items-center justify-center bg-yellow-m-500 px-7 py-3 uppercase lg:w-auto"
2233                    href="https://mupa.hu/mupa-home/podcastek"
2234                >
2235                    Podcastek böngészése                </a>
2236            </div>
2237        <!--[if ENDBLOCK]><![endif]-->    </div>
2238</div><!--[if ENDBLOCK]><![endif]-->
2239            <!--[if ENDBLOCK]><![endif]-->        </div>
2240    <!--[if ENDBLOCK]><![endif]--></div>
2241            </div>
2242        </div>
2243    </div>
2244    </main>
2245    <section wire:snapshot="{&quot;data&quot;:{&quot;infoTopic&quot;:&quot;tickets&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;KNedO8kbLG2wXpnMfZpg&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;24e57a6fb0443450cb5cbf40e722792785a8005a0b6645ef5ef90534604eb950&quot;}" wire:effects="[]" wire:id="KNedO8kbLG2wXpnMfZpg">
2246
2247    <div class="content-padding container mx-auto bg-light-bg-50 pt-8 font-sans">
2248        <div class="content-padding container mx-auto flex flex-col gap-10 xl:grid xl:grid-cols-3 xl:grid-rows-1">
2249            <div>
2250                <span class="mb-6 block font-klavika text-lg">Általános elérhetőségek</span>
2251                <div class="flex flex-col gap-3 text-sm">
2252                    <div>
2253                        <img
2254                            class="inline h-4"
2255                            src="https://mupa.hu/images/icons/phone.svg"
2256                            loading="lazy"
2257                        >
2258                        <a
2259                            class="underline"
2260                            href="tel:+3615553000"
2261                        >+36 1 555 3000</a>
2262                    </div>
2263                    <div>
2264                        <img
2265                            class="inline h-3"
2266                            src="https://mupa.hu/images/icons/envelope.svg"
2267                            loading="lazy"
2268                        >
2269                        <a
2270                            class="underline"
2271                            href="mailto:[email protected]"
2272                        >[email protected]</a>
2273                    </div>
2274                    <div>
2275                        <img
2276                            class="inline h-4"
2277                            src="https://mupa.hu/images/icons/pin.svg"
2278                            loading="lazy"
2279                        >
2280                        <a
2281                            class="underline"
2282                            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"
2283                        >1095 Budapest, Komor Marcell u. 1.</a>
2284                    </div>
2285                </div>
2286            </div>
2287            <div>
2288                <span class="mb-6 block font-klavika text-lg">Mivel kapcsolatban szeretne érdeklődni?</span>
2289                <div class="flex flex-col gap-3 text-sm">
2290                    <select
2291                        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"
2292                        name="contact_reason"
2293                        wire:model="infoTopic"
2294                    >
2295                                                <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                <option value="tickets">Jegyinformáció</option>
2296                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="mupa_plus">Müpa+ hűségprogram</option>
2297                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="directions">Megközelítés</option>
2298                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="opening_hours">Nyitvatartás, előadások</option>
2299                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="boutiques">Üzletek az épületben</option>
2300                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="buffet">Büfé, bisztró, kávéház</option>
2301                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="parking">Parkolás</option>
2302                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="booking">Teremhasználat</option>
2303                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="school_programs">Programok iskoláknak</option>
2304                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="partner_schools">Partneriskola-program</option>
2305                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </select>
2306                    <div x-cloak>
2307                        <div
2308                            class="flex flex-col gap-3"
2309                            x-show="$wire.infoTopic === 'tickets'"
2310                        >
2311                            <span class="font-klavika text-base">Jegyinformáció</span>
2312                            <div>
2313                                <div class="mr-3 inline-block">
2314                                    <img
2315                                        class="inline h-4"
2316                                        src="https://mupa.hu/images/icons/phone.svg"
2317                                        loading="lazy"
2318                                    >
2319                                    <a
2320                                        class="inline underline"
2321                                        href="tel:+3615553300"
2322                                    >+36 1 555 3300</a>
2323                                </div>
2324                                <div class="inline-block">
2325                                    <img
2326                                        class="inline h-4"
2327                                        src="https://mupa.hu/images/icons/phone.svg"
2328                                        loading="lazy"
2329                                    >
2330                                    <a
2331                                        class="underline"
2332                                        href="tel:+3615553301"
2333                                    >+36 1 555 3301</a>
2334                                </div>
2335                            </div>
2336                            <div>
2337                                <img
2338                                    class="inline h-3"
2339                                    src="https://mupa.hu/images/icons/envelope.svg"
2340                                    loading="lazy"
2341                                >
2342                                <a
2343                                    class="underline"
2344                                    href="mailto:[email protected]"
2345                                >[email protected]</a>
2346                            </div>
2347                            <div>
2348                                <img
2349                                    class="inline h-4"
2350                                    src="https://mupa.hu/images/icons/pin.svg"
2351                                    loading="lazy"
2352                                >
2353                                <a
2354                                    class="underline"
2355                                    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"
2356                                >1095 Budapest, Komor Marcell u. 1.</a>
2357                            </div>
2358                            <div>
2359                                <img
2360                                    class="inline h-4"
2361                                    src="https://mupa.hu/images/icons/clock.svg"
2362                                    loading="lazy"
2363                                >
2364                                <a
2365                                    class="underline"
2366                                    href="kapcsolat"
2367                                ><u><a href="https://mupa.hu/kapcsolat#jegypenztarak">Nyitvatartás</a></u></a>
2368                            </div>
2369                        </div>
2370                        <div
2371                            class="flex flex-col gap-3"
2372                            x-show="$wire.infoTopic === 'mupa_plus'"
2373                        >
2374                            <span class="font-klavika text-base">Müpa+ hűségprogram</span>
2375                            <div>
2376                                <img
2377                                    class="inline h-3"
2378                                    src="https://mupa.hu/images/icons/profile.svg"
2379                                    loading="lazy"
2380                                >
2381                                <p class="inline">Csatlakozzon a Müpa ingyenes hűségprogramjához!</p>
2382                            </div>
2383                            <div>
2384                                <img
2385                                    class="inline h-3"
2386                                    src="https://mupa.hu/images/icons/envelope.svg"
2387                                    loading="lazy"
2388                                >
2389                                <p class="inline"><a href="mailto:[email protected]">[email protected]</a></p>
2390                            </div>
2391                            <div>
2392                                <img
2393                                    class="inline h-4"
2394                                    src="https://mupa.hu/images/icons/info.svg"
2395                                    loading="lazy"
2396                                >
2397                                <p class="inline"><a href=""><a href="https://mupa.hu/husegprogram">Információ a hűségprogramról</a></a></p>
2398                            </div>
2399                        </div>
2400                        <div
2401                            class="flex flex-col gap-3"
2402                            x-show="$wire.infoTopic === 'directions'"
2403                        >
2404                            <span class="font-klavika text-base">Megközelítés</span>
2405                            <div>
2406                                <img
2407                                    class="inline h-4"
2408                                    src="https://mupa.hu/images/icons/car.svg"
2409                                    loading="lazy"
2410                                >
2411                                <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>
2412                            </div>
2413                            <div>
2414                                <img
2415                                    class="inline h-4"
2416                                    src="https://mupa.hu/images/icons/tram.svg"
2417                                    loading="lazy"
2418                                >
2419                                <p class="inline">Tömegközlekedéssel az 1, 2, 24 villamosokkal, az 54 és 15 buszokkal és a H7 HÉV-vel.</p>
2420                            </div>
2421                            <div>
2422                                <img
2423                                    class="inline h-4"
2424                                    src="https://mupa.hu/images/icons/info.svg"
2425                                    loading="lazy"
2426                                >
2427                                <p class="inline"><a href="kapcsolat#megkozelithetoseg">Bővebb információ a megközelítésről</a>
2428                                </p>
2429                            </div>
2430                        </div>
2431                        <div
2432                            class="flex flex-col gap-3"
2433                            x-show="$wire.infoTopic === 'opening_hours'"
2434                        >
2435                            <span class="font-klavika text-base">Nyitvatartás, előadások</span>
2436                            <div>
2437                                <img
2438                                    class="inline h-4"
2439                                    src="https://mupa.hu/images/icons/pin.svg"
2440                                    loading="lazy"
2441                                >
2442                                <p class="inline">1095 Budapest, Komor Marcell u. 1. | +36 1 555 3000                                    <a href="kapcsolat">Nyitvatartás</a>
2443                                    | <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>
2444                                </p>
2445                            </div>
2446                            <div>
2447                                <img
2448                                    class="inline h-3"
2449                                    src="https://mupa.hu/images/icons/envelope.svg"
2450                                    loading="lazy"
2451                                >
2452                                <p class="inline"><a href="mailto:[email protected]">[email protected]</a></p>
2453                            </div>
2454                        </div>
2455                        <div
2456                            class="flex flex-col gap-3"
2457                            x-show="$wire.infoTopic === 'boutiques'"
2458                        >
2459                            <span class="font-klavika text-base">Üzletek az épületben</span>
2460                            <div>
2461                                <img
2462                                    class="inline h-4"
2463                                    src="https://mupa.hu/images/icons/guitar.svg"
2464                                    loading="lazy"
2465                                >
2466                                <p class="inline"><a href="rolunk/szolgaltatasok/ethnosound">Ethnosound Hangszerbolt</a>
2467                                </p>
2468                            </div>
2469                            
2470                            
2471                            
2472                            
2473                            
2474                            
2475                            
2476                            
2477                            
2478                            
2479                            <div>
2480                                <img
2481                                    class="inline h-4"
2482                                    src="https://mupa.hu/images/icons/book.svg"
2483                                    loading="lazy"
2484                                >
2485                                <p class="inline"><a href="rolunk/szolgaltatasok/vince-konyvesbolt">Vince Könyvesbolt</a>
2486                                </p>
2487                            </div>
2488                        </div>
2489                        <div
2490                            class="flex flex-col gap-3"
2491                            x-show="$wire.infoTopic === 'buffet'"
2492                        >
2493                            <span class="font-klavika text-base">Büfé, bisztró, kávéház</span>
2494                            <div>
2495                                <img
2496                                    class="inline h-4"
2497                                    src="https://mupa.hu/images/icons/dining.svg"
2498                                    loading="lazy"
2499                                >
2500                                <p class="inline"><a href="rolunk/szolgaltatasok/vendeglatas">P’Art Kávéház és Bisztró</a>
2501                                </p>
2502                            </div>
2503                            <div>
2504                                <img
2505                                    class="inline h-4"
2506                                    src="https://mupa.hu/images/icons/cake.svg"
2507                                    loading="lazy"
2508                                >
2509                                <p class="inline"><a href="rolunk/szolgaltatasok/vendeglatas#bufek">Büfék</a>
2510                                </p>
2511                            </div>
2512                            <div>
2513                                <img
2514                                    class="inline h-4"
2515                                    src="https://mupa.hu/images/icons/wineglass.svg"
2516                                    loading="lazy"
2517                                >
2518                                <p class="inline"><a href="rolunk/szolgaltatasok/vendeglatas#bohem-rendezvenyhelyszin">Bohém Rendezvényhelyszín</a>
2519                                </p>
2520                            </div>
2521                        </div>
2522                        <div
2523                            class="flex flex-col gap-3"
2524                            x-show="$wire.infoTopic === 'parking'"
2525                        >
2526                            <span class="font-klavika text-base">Parkolás</span>
2527                            <div>
2528                                <img
2529                                    class="inline h-4"
2530                                    src="https://mupa.hu/images/icons/info.svg"
2531                                    loading="lazy"
2532                                >
2533                                <p class="inline">A Müpa mélygarázsában, és nyitvatartás szerint a kültéri parkolóban
2534                                    adott napi előadásra szóló jeggyel a parkolás ingyenes. A belépőjegyet a garázsba
2535                                    behajtáskor vagy később, a parkolójegy érvényesítésekor kell az automatáknál
2536                                    bemutatni.</p>
2537                            </div>
2538                            <div>
2539                                <img
2540                                    class="inline h-4"
2541                                    src="https://mupa.hu/images/icons/info.svg"
2542                                    loading="lazy"
2543                                >
2544                                <p class="inline">Parkolással kapcsolatos kérdések | <a
2545                                        href="mailto:[email protected]">[email protected]</a></p>
2546                            </div>
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"><a href="kapcsolat#parkolasi-informacio">Bővebb információ a parkolásról</a>
2554                                </p>
2555                            </div>
2556                        </div>
2557                        <div
2558                            class="flex flex-col gap-3"
2559                            x-show="$wire.infoTopic === 'booking'"
2560                        >
2561                            <span class="font-klavika text-base">Teremhasználat</span>
2562                            <div>
2563                                <img
2564                                    class="inline h-4"
2565                                    src="https://mupa.hu/images/icons/info.svg"
2566                                    loading="lazy"
2567                                >
2568                                <p class="inline">Nyilvános, kulturális rendezvények • Koordinációs Csoport <a
2569                                        href="mailto:[email protected]">[email protected]</a>
2570                                </p>
2571                            </div>
2572                            <div>
2573                                <img
2574                                    class="inline h-4"
2575                                    src="https://mupa.hu/images/icons/info.svg"
2576                                    loading="lazy"
2577                                >
2578                                <p class="inline">Zártkörű, üzleti rendezvények <a
2579                                        href="mailto:[email protected]">[email protected]</a>                                </p>
2580                            </div>
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"><a href="rolunk/teremhasznalat">Bővebb információ a teremhasználatról</a>
2588                                </p>
2589                            </div>
2590                        </div>
2591                        <div
2592                            class="flex flex-col gap-3"
2593                            x-show="$wire.infoTopic === 'school_programs'"
2594                        >
2595                            <span class="font-klavika text-base">Programok iskoláknak</span>
2596                            <div>
2597                                <img
2598                                    class="inline h-4"
2599                                    src="https://mupa.hu/images/icons/info.svg"
2600                                    loading="lazy"
2601                                >
2602                                <p class="inline">Iskolásprogramokkal kapcsolatos kérdések <a
2603                                        href="mailto:[email protected]">[email protected]</a>
2604                                </p>
2605                            </div>
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"><a href="programok/csaladi-es-ifjusagi-programok/pedagogusoknak/iskolas-programok">Bővebben a programokról</a>
2613                                </p>
2614                            </div>
2615                        </div>
2616                        <div
2617                            class="flex flex-col gap-3"
2618                            x-show="$wire.infoTopic === 'partner_schools'"
2619                        >
2620                            <span class="font-klavika text-base">Partneriskola-program</span>
2621                            <div>
2622                                <img
2623                                    class="inline h-4"
2624                                    src="https://mupa.hu/images/icons/info.svg"
2625                                    loading="lazy"
2626                                >
2627                                <p class="inline">Partneriskola-programmal kapcsolatos kérdések <a
2628                                        href="mailto:[email protected]">[email protected]</a>
2629                                </p>
2630                            </div>
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 href="programok/csaladi-es-ifjusagi-programok/pedagogusoknak/partneriskolak">Bővebben a partneriskola-programról</a>
2638                                </p>
2639                            </div>
2640                        </div>
2641                        <div
2642                            class="flex flex-col gap-3"
2643                            x-show="$wire.infoTopic === 'press'"
2644                        >
2645                            <span class="font-klavika text-base"></span>
2646                            <div>
2647                                <img
2648                                    class="inline h-4"
2649                                    src="https://mupa.hu/images/icons/info.svg"
2650                                    loading="lazy"
2651                                >
2652                                <p class="inline"><a
2653                                        href="mailto:"></a>
2654                                </p>
2655                            </div>
2656                            <div>
2657                                <img
2658                                    class="inline h-4"
2659                                    src="https://mupa.hu/images/icons/info.svg"
2660                                    loading="lazy"
2661                                >
2662                                <p class="inline"><a href=""></a>                                </p>
2663                            </div>
2664                        </div>
2665                    </div>
2666                </div>
2667            </div>
2668
2669            <div>
2670                <span class="mb-6 block block font-klavika text-lg">Müpa hírlevél</span>
2671                <div class="flex flex-col gap-4">
2672                    <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>
2673                    <a
2674                        class="flex w-fit items-center bg-yellow-m-500 px-8 py-2 uppercase"
2675                        href="https://mupa.hu/regisztracio"
2676                    ><img
2677                            class="mr-2 inline h-3 font-klavika"
2678                            src="https://mupa.hu/images/icons/envelope.svg"
2679                            loading="lazy"
2680                        > Regisztrálok</span></a>
2681                </div>
2682            </div>
2683        </div>
2684    </div>
2685
2686    <div class="content-padding container mx-auto bg-light-bg-50 py-10">
2687        <div class="content-padding flex flex-wrap items-center justify-between gap-10 xl:gap-0">
2688            <div class="flex basis-full flex-col gap-2 xl:basis-1/2 xl:flex-row xl:gap-4">
2689                <!--[if BLOCK]><![endif]-->                    <a
2690                        class="underline"
2691                        href="https://mupa.hu/adatvedelem"
2692                    >
2693                        Adatvédelem
2694                    </a>
2695                                    <a
2696                        class="underline"
2697                        href="https://mupa.hu/akadalymentesitesi-nyilatkozat"
2698                    >
2699                        Akadálymentesítési nyilatkozat
2700                    </a>
2701                                    <a
2702                        class="underline"
2703                        href="https://mupa.hu/kozerdeku-adatok"
2704                    >
2705                        Közérdekű adatok
2706                    </a>
2707                                    <a
2708                        class="underline"
2709                        href="https://mupa.hu/dokumentumok"
2710                    >
2711                        Dokumentumok
2712                    </a>
2713                                    <a
2714                        class="underline"
2715                        href="https://mupa.hu/bejelentes"
2716                    >
2717                        Bejelentés
2718                    </a>
2719                                    <a
2720                        class="underline"
2721                        href="https://mupa.hu/sajtoszoba"
2722                    >
2723                        Sajtószoba
2724                    </a>
2725                <!--[if ENDBLOCK]><![endif]-->            </div>
2726            <div>
2727                <!--[if BLOCK]><![endif]-->                    <img
2728                        class="flex h-14 xl:justify-end"
2729                        src="https://mupa.hu/images/icons/barion-smart-banner-light.svg"
2730                        alt="Barion horizontal"
2731                    >
2732                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
2733        </div>
2734    </div>
2735
2736    <div class="container mx-auto bg-light-bg-50">
2737        <div class="clipped-rtl-inverted h-10 bg-white xl:h-20"></div>
2738    </div>
2739
2740    <div class="content-padding container mx-auto mt-3 pb-16">
2741        <div
2742            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">
2743            <div class="flex h-full items-center justify-center border-r-2 border-black-m-50">
2744                <img
2745                    class="w-[100px]"
2746                    src="https://mupa.hu/images/QualitySystCert_ISO9001.svg"
2747                    alt="QualitySystCert_ISO9001"
2748                    loading="lazy"
2749                >
2750            </div>
2751            <div class="hidden h-full items-center justify-center xl:flex">
2752                <span class="text-sm text-black-m-300">Támogató partnerek:</span>
2753            </div>
2754            <div class="flex h-full items-center justify-center sm:border-r-2 sm:border-black-m-50">
2755                <a
2756                    href="https://kormany.hu/kormanyzat/tarsadalmi-kapcsolatokert-es-kulturaert-felelos-miniszterium"
2757                    target="_blank"
2758                >
2759                    <img
2760                        class="w-[150px]"
2761                        src="https://mupa.hu/images/tkkm-logo.svg"
2762                        alt="Kulturális és Innovációs Minisztérium logo"
2763                        loading="lazy"
2764                    >
2765                </a>
2766            </div>
2767            <div class="hidden h-full items-center justify-center xl:flex">
2768                <span class="text-sm text-black-m-300">Stratégiai partnerek:</span>
2769            </div>
2770            <div
2771                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">
2772                <a
2773                    href="https://www.lexus.hu/"
2774                    target="_blank"
2775                >
2776                    <img
2777                        class="w-[120px]"
2778                        src="https://mupa.hu/images/Lexus.svg"
2779                        alt="Lexus logo"
2780                        loading="lazy"
2781                    >
2782                </a>
2783                <a
2784                    href="https://www.mastercard.hu/hu-hu.html"
2785                    target="_blank"
2786                >
2787                    <img
2788                        class="w-[52px]"
2789                        src="https://mupa.hu/images/Mastercard_logo.svg"
2790                        alt="Mastercard logo"
2791                        loading="lazy"
2792                    >
2793                </a>
2794            </div>
2795            <div class="col-span-1 flex h-full items-center justify-center sm:col-span-3 md:col-span-1">
2796                <a
2797                    class="flex"
2798                    href="https://mupa.hu/partnereink"
2799                >
2800                    <span class="pr-3 text-black-m-300 xl:text-sm">További partnerek</span>
2801                    <span class="rotate-180">
2802                        <svg
2803    viewBox="0 0 13 22"
2804    fill="none"
2805    width="11"
2806    height="19"
2807    xmlns="http://www.w3.org/2000/svg"
2808>
2809    <path
2810        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"
2811        fill="#0D0116"
2812    />
2813</svg>
2814                    </span>
2815                </a>
2816            </div>
2817        </div>
2818    </div>
2819
2820</section>    
2820<script>
2821        window.filamentData = []    </script>
2821
2822
2823            
2824            
2824<script
2825                src="https://mupa.hu/js/pboivin/filament-peek/filament-peek.js?v=2.4.0.0"
2826                
2827                
2828                
2829                
2830                
2831                
2832            ></script>
2832
2833        
2834                
2835            
2835<script
2836                src="https://mupa.hu/js/filament/notifications/notifications.js?v=3.3.55.0"
2837                
2838                
2839                
2840                
2841                
2842                
2843            ></script>
2843
2844        
2845                
2846            
2846<script
2847                src="https://mupa.hu/js/filament/support/support.js?v=3.3.55.0"
2848                
2849                
2850                
2851                
2852                
2853                
2854            ></script>
2854
2855        
2856                                                                                                                                                                                                                                                                                                
2857            
2857<script
2858                src="https://mupa.hu/js/filament-navigation/filament-navigation-scripts.js?v=3.3.55.0"
2859                
2860                
2861                
2862                
2863                
2864                
2865            ></script>
2865
2866        
2867    
2868<style>
2869    :root {
2870            }
2871</style>
2872    
2872<script nonce="KOUBPV2S1b0RTPFFAUq3aE7NzBwiFcXu9gCbZcVU" data-navigate-once="true">window.livewireScriptConfig = {"csrf":"jrCvt8Abrrdy5BF0tYouLsGY8R2Stcq1LhiSV71D","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
2872
2873            <div
2874        x-data="{ open: false }"
2875        x-on:show-expires-soon-modal.window="open=true"
2876    >
2877        <div
2878    class="flex justify-center"
2879        
2880>
2881    <div
2882    class="fixed inset-0 overflow-y-auto"
2883    style="display: none; z-index: 100"
2884    x-dialog
2885    x-model="open"
2886>
2887    <!-- Overlay -->
2888    <div class="fixed inset-0 bg-gray-900/50"></div>
2889
2890    <!-- Panel -->
2891    <div class="relative flex min-h-screen items-center justify-center p-4">
2892        <div class="max-w-5xl relative w-full overflow-y-auto rounded-sm bg-white shadow-lg">
2893            <div class="absolute right-0 top-0 pr-4 pt-4">
2894    <button
2895        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"
2896        type="button"
2897        @click="$dialog.close()"
2898    >
2899        <span class="sr-only">Close modal</span>
2900        <svg
2901            class="h-4 w-4"
2902            xmlns="http://www.w3.org/2000/svg"
2903            viewBox="0 0 20 20"
2904            fill="currentColor"
2905        >
2906            <path
2907                fill-rule="evenodd"
2908                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"
2909                clip-rule="evenodd"
2910            />
2911        </svg>
2912    </button>
2913</div>
2914                <h2
2915    class="px-8 pt-8 text-2xl font-bold"
2916    x-dialog:title
2917>
2918    Kosara hamarosan lejár
2919</h2>
2920                <div class="p-8 md:text-lg">
2921    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">
2922                        <!--[if BLOCK]><![endif]-->                            <button
2923    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"
2924>
2925    Vissza az oldalra
2926</button>
2927                        <!--[if ENDBLOCK]><![endif]-->                        <!--[if BLOCK]><![endif]-->                            <a
2928    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"
2929    wire:loading.attr="disabled"
2930>
2931    <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">
2932  <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"/>
2933</svg>    Tovább a fizetéshez
2934</a>
2935                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2936</div>
2937        </div>
2938    </div>
2939</div>
2940    <!-- Modal -->
2941</div>
2942    </div>
2943        </body>
2944
2945</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.