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