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="{"data":{"isMobileMenuOpen":false,"isFixed":false,"darkMode":false,"localizedUrlForLanguageSwitcher":"\/en\/account\/favourites","navigation":[null,{"class":"VanOns\\FilamentNavigation\\Models\\Navigation","key":1,"s":"mdl"}],"pageSlugs":null},"memo":{"id":"MrN2r4ptWt5qi0NaKaka","name":"header","path":"fiokom\/kedvencek","method":"GET","release":"a-a-a","children":{"lw-3345065841-0":["div","wiwJTCYEQoICyW6dZPCm"],"lw-3345065841-1":["div","LiEyj56dTycpVvhljsth"],"lw-3345065841-2":["div","Bj1gWuGBwc2NxN3dlcOL"]},"scripts":[],"assets":[],"errors":[],"locale":"hu"},"checksum":"44600ad87f9ca3b406025bc82231f7476dffc0830df8bdf3cc8167a383fb9946"}" 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="{"data":{"query":"","result":[[],{"s":"arr"}],"darkMode":false,"showOnMobile":false,"extraClasses":"","quickResults":true},"memo":{"id":"wiwJTCYEQoICyW6dZPCm","name":"search.input","path":"fiokom\/kedvencek","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"hu"},"checksum":"c53048065d26ae488bda3719a66bd918fe825d1bbcab7dbf00ec2ffccf20a0ed"}" 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="{"data":{"darkMode":false,"expired":null,"basketId":null},"memo":{"id":"LiEyj56dTycpVvhljsth","name":"cart.cart-icon","path":"fiokom\/kedvencek","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"hu"},"checksum":"96d74f5aeef630985dd3efda38e0101bcda380a8e38a4b856ed360baea418ca1"}" wire:effects="{"listeners":["cart-item-added","cart-item-removed","cart-deleted","cart-expired"]}" 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("_noticed"), 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="{"data":{"query":"","result":[[],{"s":"arr"}],"darkMode":false,"showOnMobile":true,"extraClasses":"","quickResults":false},"memo":{"id":"Bj1gWuGBwc2NxN3dlcOL","name":"search.input","path":"fiokom\/kedvencek","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"hu"},"checksum":"5725111d93c6d76faa2c7c229ab2fdc191f28e6646676176698660dd165ebd7a"}" 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="{"data":{"isOpen":false,"selectedItem":"","currentPage":"https:\/\/mupa.hu\/fiokom\/kedvencek"},"memo":{"id":"AaYrJAmBaL2X32zE9fk6","name":"profile.sidebar","path":"fiokom\/kedvencek","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"hu"},"checksum":"4b167ea9f0451daa7d3eb9ce96fb3acc0c37a265a9c6abfacac3ec7898515fc5"}" wire:effects="{"listeners":["dropdown-toggle"]}" 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="{"data":{"contentVisible":true,"page":[null,{"class":"App\\Models\\Page","key":2368,"s":"mdl"}],"password":"","error":false},"memo":{"id":"9o3hqnBjsdAvFRm9F0MU","name":"components.page-content","path":"fiokom\/kedvencek","method":"GET","release":"a-a-a","children":{"lw-2639482968-0":["div","jXMy2rdBtpMoGrWDCBJ7"],"lw-3147707720-0":["div","7VFCC9FTDxMtSMKulbrd"],"lw-388168098-0":["div","lA0E2qBRzuL8fMEUTPqN"]},"scripts":[],"assets":[],"errors":[],"locale":"hu"},"checksum":"4ba83ca8e43c674ecfecfaa06df962e4367bafdfc945be43a195603b0a14ae2d"}" 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="{"data":[],"memo":{"id":"jXMy2rdBtpMoGrWDCBJ7","name":"page.my-favorite-programs","path":"fiokom\/kedvencek","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"hu"},"checksum":"c1be69084e0e8c2279ce14211120753cbd4c43f71451f242d2215f50ff4a283a"}" wire:effects="{"listeners":["removeFromFavorites"]}" 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="{"data":[],"memo":{"id":"7VFCC9FTDxMtSMKulbrd","name":"page.my-favorite-videos","path":"fiokom\/kedvencek","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"hu"},"checksum":"4a2a119dab2862a95234f58e654737afa102b9b308a9c9ed337c17db015403b7"}" wire:effects="{"listeners":["removeVideoFromFavoriteContents"]}" 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="{"data":[],"memo":{"id":"lA0E2qBRzuL8fMEUTPqN","name":"page.my-favorite-podcasts","path":"fiokom\/kedvencek","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"hu"},"checksum":"6a6b4291c2713f4cee65af18680548fb54e1ab25f6778497b338cfc902b302f1"}" wire:effects="{"listeners":["removePodcastFromFavoriteContents"]}" 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="{"data":{"infoTopic":"tickets"},"memo":{"id":"KNedO8kbLG2wXpnMfZpg","name":"footer","path":"fiokom\/kedvencek","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"hu"},"checksum":"24e57a6fb0443450cb5cbf40e722792785a8005a0b6645ef5ef90534604eb950"}" 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.