1<!doctype html> 2<html lang="it"> 3<head > 4 <meta charset="utf-8"/> 5<meta name="title" content="Chi siamo"/> 6<meta name="description" content="à possibile acquistare una vasta gamma di formaggio Gouda online su Goudaformaggioshop.it. Più di 80 tipi di formaggi Gouda. Inoltre abbiamo cestini di formaggio e regali di formaggio"/> 7<meta name="keywords" content="gouda, formaggio, olanda, paesi bassi, beemster, vecchio, amsterdam, leerdammer, edam"/> 8<meta name="robots" content="INDEX,FOLLOW"/> 9<meta name="viewport" content="width=device-width, initial-scale=1"/> 10<title>Chi siamo</title> 11 <link rel="stylesheet" type="text/css" media="all" href="https://www.goudaformaggioshop.it/static/version1790151791/frontend/Kaashandel/default/it_IT/css/styles.css" /> 12<link rel="icon" type="image/x-icon" href="https://www.goudaformaggioshop.it/pub/media/favicon/default/favicon-32x32.png" /> 13<link rel="shortcut icon" type="image/x-icon" href="https://www.goudaformaggioshop.it/pub/media/favicon/default/favicon-32x32.png" /> 14 <meta property="og:type" content="article"/> 15<meta property="og:title" content="Chi siamo"/> 16<meta property="og:url" content="https://www.goudaformaggioshop.it/about-us"/> 17<meta property="og:locale" content="it_IT"/> 18 19 20 21 22 23</head> 24<body id="html-body" class="cms-about-us cms-page-view page-layout-3columns"> 25<input name="form_key" type="hidden" value="6RekWhmQoZmAhssF" /> 26 <noscript> 27 <section 28 class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal" 29 aria-labelledby="messageGlobalNoScriptMessage" 30 > 31 <div class="container text-center"> 32 <p id="messageGlobalNoScriptMessage"> 33 <strong>I JavaScript sembrano essere disabilitati nel tuo browser.</strong> 34 <span> 35 Per una migliore esperienza sul nostro sito, assicurati di attivare i javascript nel tuo browser. </span> 36 </p> 37 </div> 38 </section> 39 </noscript> 40 41 42 43 44 45 46 47<div class="page-wrapper"><header class="page-header"> 48 49 50<style> 51 #before-header { position: relative; z-index: 30; } 52 #before-header .account-dropdown-menu { color: #1f2937; background: #fff; min-width: 16rem; } 53 #before-header .account-dropdown-menu a { display: block; padding: 0.5rem 1rem; color: #1f2937; white-space: nowrap; } 54 #before-header .account-dropdown-menu a:hover { background: #f3f4f6; } 55 [x-cloak] { display: none !important; } 56</style> 57<div id="before-header" class="w-full hidden lg:block relative z-30"> 58 <div class="container py-1 mx-auto items-center content-center text-center"> 59 <div class="flex flex-wrap"> 60 <div class="w-1/2"> <div x-data="{ open: false }" 61 class="mobile-customer-lang float-left" 62 > 63 <div class="relative inline-block text-left"> 64 <div> 65 <button @click.prevent="open = !open" 66 @click.outside="open = false" 67 @keydown.window.escape="open=false" 68 type="button" 69 class="inline-flex justify-center w-full px-4 py-2 focus:outline-none font-semibold" 70 aria-haspopup="true" 71 aria-expanded="true" 72 > 73 IT <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex self-center h-5 w-5 -mr-1 ml-2" width="25" height="25" role="img"> 74 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 75<title>chevron-down</title></svg> 76 </button> 77 </div> 78 <nav x-cloak="" 79 x-show="open" 80 class="absolute left-0 top-full z-50 w-56 mt-1 overflow-auto origin-top-left rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter text-black"> 81 <div class="my-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu"> 82 83 84 85 86 <a href="https://www.goudaformaggioshop.it/stores/store/redirect/___store/goudseden/___from_store/goudseit/uenc/aHR0cHM6Ly93d3cuZ291ZGFvc3RzaG9wLmRrL2Fib3V0LXVzP19fX3N0b3JlPWdvdWRzZWRlbg~~/" 87 class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" 88 > 89 DK </a> 90 91 <a href="https://www.goudaformaggioshop.it/stores/store/redirect/___store/goudakaeseshop/___from_store/goudseit/uenc/aHR0cHM6Ly93d3cuZ291ZGFrYWVzZXNob3AuZGUvYWJvdXQtdXM_X19fc3RvcmU9Z291ZGFrYWVzZXNob3A~/" 92 class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" 93 > 94 DE </a> 95 96 97 <a href="https://www.goudaformaggioshop.it/stores/store/redirect/___store/goudacheeseshop/___from_store/goudseit/uenc/aHR0cHM6Ly93d3cuZ291ZGFjaGVlc2VzaG9wLmNvbS9hYm91dC11cz9fX19zdG9yZT1nb3VkYWNoZWVzZXNob3A~/" 98 class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" 99 > 100 EN </a> 101 102 <a href="https://www.goudaformaggioshop.it/stores/store/redirect/___store/goudsefr/___from_store/goudseit/uenc/aHR0cHM6Ly93d3cuZnJvbWFnZWdvdWRhLmZyL2Fib3V0LXVzP19fX3N0b3JlPWdvdWRzZWZy/" 103 class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" 104 > 105 FR </a> 106 107 108 <a href="https://www.goudaformaggioshop.it/stores/store/redirect/___store/default/___from_store/goudseit/uenc/aHR0cHM6Ly93d3cuZ291ZHNla2Fhc3Nob3AubmwvYWJvdXQtdXM_X19fc3RvcmU9ZGVmYXVsdA~~/" 109 class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" 110 > 111 NL </a> 112 113 <a href="https://www.goudaformaggioshop.it/stores/store/redirect/___store/goudsezwe/___from_store/goudseit/uenc/aHR0cHM6Ly93d3cuZ291ZGFvc3RzaG9wLnNlL2Fib3V0LXVzP19fX3N0b3JlPWdvdWRzZXp3ZQ~~/" 114 class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" 115 > 116 SE </a> 117 </div> 118 </nav> 119 </div> 120 </div> 121 <div class="float-left"> 122 <div class="relative inline-block text-left"> 123 <a href="/terms-of-delivery" class="inline-flex font-semibold justify-center px-4 py-2 focus:outline-none">Visualizza i costi di spedizione</a> 124 </div>
125 </div> 126 </div> 127 <div class="center-sticker absolute top-5 left-1/2 transform -translate-x-1/2 -translate-y-1/2" style=" 128 background: #6a8c4c; 129 border-radius: 8px; 130 z-index: 20; 131 padding: 5px 25px; 132 "> 133 <img class="pt-6 mx-auto" style="max-height: 75px;margin-top: -5px;margin-bottom: -10px;" src="/media/stickers/gouda_holland_1.png"/> 134 </div> 135 136 <div class="w-1/2 content-end"> 137 <ul> 138 <li class="relative float-right font-semibold inline-flex justify-center px-4 py-2 focus:outline-none custom-top-link-myaccount-mobile" 139 x-data="{ open: false }" 140 @mouseenter="open = true" 141 @mouseleave="open = false" 142 > 143 <a href="https://www.goudaformaggioshop.it/customer/account/" 144 class="inline-flex items-center" 145 :aria-expanded="open" 146 aria-haspopup="true" 147 >Il mio Account <svg class="ml-1 w-3 h-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 148 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 149 </svg> 150 </a> 151 <nav class="account-dropdown-menu absolute right-0 top-full z-50 min-w-[16rem] py-2 mt-0 rounded-sm shadow-lg bg-white text-left font-normal" 152 x-show="open" 153 x-cloak 154 @click.outside="open = false" 155 aria-label="Il mio Account" 156 > 157 <a class="block px-4 py-2 hover:bg-gray-100 whitespace-nowrap" 158 href="https://www.goudaformaggioshop.it/sales/order/history/" 159 >I Miei ordini</a> 160 <a class="block px-4 py-2 hover:bg-gray-100 whitespace-nowrap" 161 href="https://www.goudaformaggioshop.it/wishlist/" 162 >Preferiti / Lista dei desideri</a> 163 <a class="block px-4 py-2 hover:bg-gray-100 whitespace-nowrap" 164 href="https://www.goudaformaggioshop.it/customer/account/" 165 >Formaggi ordinati di recente</a> 166 <a class="block px-4 py-2 hover:bg-gray-100 whitespace-nowrap" 167 href="https://www.goudaformaggioshop.it/customer/address/" 168 >Rubrica</a> 169 <a class="block px-4 py-2 hover:bg-gray-100 whitespace-nowrap" 170 href="https://www.goudaformaggioshop.it/customer/account/edit/" 171 >Informazioni account</a> 172 </nav> 173 </li> 174 175 <li class="float-right font-semibold inline-flex justify-center px-4 py-2 focus:outline-none"> 176 <a href="/customer/account/login">Login</a> 177 </li> 178 179 </ul> 180 </div> 181 </div> 182 </div> 183</div> 184 185<div> 186 <div class="w-full"> 187 <div id="header" 188 class="relative z-10 w-full border-b bg-container-lighter border-container-lighter" 189 x-data="initHeader()" 190 @keydown.window.escape="searchOpen = false;" 191 @private-content-loaded.window="getData(event.detail.data)" 192 > 193 <div class="container flex flex-wrap items-center w-full px-3 py-2 mx-auto mt-0"> 194 <!--Logo--> 195 <div class="order-1 sm:order-2 lg:order-1 w-full pb-2 sm:w-auto sm:pb-0"> 196 <a class="flex items-center justify-center text-xl font-medium tracking-wide text-gray-800 197 no-underline hover:no-underline font-title header-logo" 198 href="https://www.goudaformaggioshop.it/" 199 title="Acquista formaggio online" 200 aria-label="store logo"> 201 <img src="https://www.goudaformaggioshop.it/pub/media/logo/stores/21/logo-goudsekaasshop-com.png" 202 title="Acquista formaggio online" 203 alt="Acquista formaggio online" 204 width="189" height="64" /> 205 <span> 206 Gouda formaggioshop.it </span> 207 </a> 208</div> 209 <!--Navigation // Mobile only--> 210 <div class="flex items-center order-2 w-full md:w-auto mx-auto block-search"> 211 <!--Search--> 212 213<div class="w-full mx-auto" x-data="initMiniSearch()"> 214 <form class="form minisearch" id="search_mini_form" x-ref="form" @submit.prevent="search()" 215 action="https://www.goudaformaggioshop.it/catalogsearch/result/" method="get"> 216 <label class="hidden" for="search" data-role="minisearch-label"> 217 <span>Cerca</span> 218 </label> 219 <input id="search" 220 x-ref="searchInput" 221 type="search" 222 autocomplete="off" 223 name="q" 224 value="" 225 placeholder="Cerca nell'intero negozio..." 226 maxlength="128" 227 class="md:w-96 p-2 text-sm text-center w-full md:w-auto leading-normal transition appearance-none text-grey-800 228 focus:outline-none focus:border-transparent md:shadow rounded" 229 @focus.once="suggest" 230 @input.debounce.300="suggest" 231 @keydown.arrow-down.prevent="focusElement($root.querySelector('[tabindex]'))" 232 /> 233 <template x-if="suggestions.length > 0"> 234 <div class="w-full leading-normal transition appearance-none text-grey-800 flex flex-col mt-1"> 235 <template x-for="suggestion in suggestions"> 236 <div class="flex justify-between p-2 bg-container-lighter even:bg-container mb-1 cursor-pointer 237 border border-container hover:bg-container-darker" 238 tabindex="0" 239 @click="search(suggestion.title)" 240 @keydown.enter="search(suggestion.title)" 241 @keydown.arrow-up.prevent=" 242 focusElement($event.target.previousElementSibling) || $refs.searchInput.focus() 243 " 244 @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)" 245 >
246 <span x-text="suggestion.title"></span> 247 <span x-text="suggestion.num_results"></span> 248 </div> 249 </template> 250 </div> 251 </template> 252 <button type="submit" 253 title="Cerca" 254 class="action search sr-only" 255 aria-label="Search" 256 > 257 Cerca </button> 258 </form> 259 260 <div id="ts-header-widget" 261 class="hidden justify-center items-center gap-2 pt-2 pb-0.5 relative" 262 x-data="{ open: false }" 263 @keydown.escape.window="open = false" 264 @click.outside="open = false" 265 > 266 <button type="button" 267 id="ts-widget-trigger" 268 class="flex items-center gap-1.5 no-underline text-gray-800 hover:opacity-80 transition-opacity bg-transparent border-0 p-0 cursor-pointer" 269 @click="open = !open" 270 :aria-expanded="open" 271 aria-haspopup="dialog" 272 aria-controls="ts-review-popover" 273 > 274 <div id="ts-stars" class="flex items-center gap-0.5"></div> 275 <span id="ts-score" class="font-bold text-sm"></span> 276 <span id="ts-label" class="text-sm font-medium hidden"></span> / 277 <span id="ts-count" class="font-bold text-sm"></span> 278 <svg width="20" height="20" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" class="ml-0.5 flex-shrink-0" aria-hidden="true"> 279 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.481 17.89c0 6.238 5.057 11.294 11.295 11.294 6.237 0 11.294-5.056 11.294-11.294S24.013 6.596 17.776 6.596c-6.238 0-11.295 5.056-11.295 11.294ZM0 17.947C0 8.047 8.025.024 17.924.024c9.9 0 17.924 8.024 17.924 17.923 0 9.9-8.025 17.925-17.924 17.925C8.024 35.872 0 27.847 0 17.947Zm20.192-6.69c.857 0 1.322.644 1.322 1.465 0 2.822-3.322 4.785-5.714 5.499.5-1.964 1.821-6.963 4.392-6.963Zm-3.963 14.784c3.07 0 5.356-2.215 6.999-4.642l-.894-.679c-1.178 1.428-2.784 3.357-4.785 3.357-1.535 0-2.284-1.287-2.284-2.678 0-.679.107-1.357.214-2.035l.498-.125c3.236-.806 8.928-2.223 8.928-6.052 0-2.25-2.499-3-4.356-3-5.535 0-9.462 5.213-9.462 10.533 0 3.285 1.892 5.32 5.142 5.32Z" fill="currentColor"/> 280 </svg> 281 </button> 282 283 <div id="ts-review-popover" 284 class="ts-review-popover" 285 x-show="open" 286 x-cloak 287 role="dialog" 288 aria-labelledby="ts-pop-title" 289 > 290 <button type="button" 291 class="ts-review-popover-close" 292 @click="open = false" 293 aria-label="Chiudi" 294 > 295 <svg width="16" height="16" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 296 <path d="M5 5l10 10M15 5L5 15" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/> 297 </svg> 298 </button> 299 <div class="ts-review-popover-top"> 300 <div id="ts-pop-stars" class="ts-review-popover-stars"></div> 301 <strong id="ts-pop-title" class="ts-review-popover-title"></strong> 302 </div> 303 <p id="ts-pop-count" class="ts-review-popover-count"></p> 304 <p class="ts-review-popover-more"> 305 <span id="ts-pop-more-prefix"></span> 306 <a id="ts-pop-calc-link" href="#" target="_blank" rel="noopener noreferrer"></a> 307 <span id="ts-pop-more-and"></span> 308 <a id="ts-pop-verify-link" href="#" target="_blank" rel="noopener noreferrer"></a> 309 </p> 310 <p id="ts-pop-member" class="ts-review-popover-member"></p> 311 <a id="ts-widget-link" 312 class="ts-review-popover-profile" 313 href="#" 314 target="_blank" 315 rel="noopener noreferrer" 316 ></a> 317 </div> 318 </div> 319 <style> 320 .ts-review-popover { 321 position: absolute; 322 left: 50%; 323 top: 100%; 324 transform: translateX(-50%); 325 margin-top: 8px; 326 width: 340px; 327 max-width: calc(100vw - 24px); 328 background: #fff; 329 color: #111827; 330 border-radius: 12px; 331 box-shadow: 0 10px 30px rgba(0, 0, 0, .18); 332 padding: 16px 18px 14px; 333 z-index: 60; 334 text-align: left; 335 font-weight: 400; 336 line-height: 1.4; 337 } 338 .ts-review-popover-close { 339 position: absolute; 340 top: 8px; 341 right: 8px; 342 width: 28px; 343 height: 28px; 344 display: inline-flex; 345 align-items: center; 346 justify-content: center; 347 background: transparent; 348 border: 0; 349 color: #6b7280; 350 cursor: pointer; 351 padding: 0; 352 } 353 .ts-review-popover-top { 354 display: flex; 355 align-items: flex-start; 356 gap: 10px; 357 padding-right: 22px; 358 } 359 .ts-review-popover-stars { 360 display: flex; 361 align-items: center; 362 gap: 1px; 363 flex-shrink: 0; 364 margin-top: 2px; 365 } 366 .ts-review-popover-title { 367 display: block; 368 font-size: 15px; 369 font-weight: 700; 370 color: #111827; 371 } 372 .ts-review-popover-count, 373 .ts-review-popover-more, 374 .ts-review-popover-member { 375 margin: 6px 0 0; 376 font-size: 13px; 377 color: #4b5563; 378 } 379 .ts-review-popover-more a { 380 color: #ff8000; 381 text-decoration: underline; 382 } 383 .ts-review-popover-member .ts-trstd { 384 color: #ff8000; 385 font-weight: 700; 386 } 387 .ts-review-popover-profile { 388 display: block; 389 margin-top: 12px; 390 text-align: center; 391 border: 1.5px solid #ff8000; 392 color: #ff8000; 393 border-radius: 8px; 394 padding: 8px 12px; 395 font-weight: 600; 396 text-decoration: none; 397 font-size: 14px; 398 } 399 .ts-review-popover-profile:hover { 400 background: #fff7ed; 401 } 402 #ts-header-widget, 403 .block-search, 404 #header { 405 overflow: visible; 406 } 407 </style> 408</div>
409 </div> 410 411 <div class="flex items-center order-3"> 412 <!--Customer Icon & Dropdown--> 413 414 <!--Cart Icon--> 415 <a id="menu-cart-icon" 416 @click.prevent.stop="$dispatch('toggle-cart',{});" class="relative inline-block ml-1 no-underline sm:ml-3 hover:text-black" 417 href="https://www.goudaformaggioshop.it/checkout/cart/index/" 418 > 419 <span class="sr-only label"> 420 Carrello </span> 421 422 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-8 md:h-6 md:w-6 hover:text-black" width="25" height="25" role="img"> 423 <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> 424<title>shopping-cart</title></svg> 425 426 <span x-text="cart.summary_count" 427 class="absolute top-0 right-0 hidden h-5 px-2 py-1 -mt-5 -mr-4 text-xs font-semibold 428 leading-none text-center text-black uppercase transform -translate-x-1 429 translate-y-1/2 rounded-full bg-primary" 430 :class="{ 431 'hidden': !cart.summary_count, 432 'block': cart.summary_count }" 433 ></span> 434 </a> 435 436 </div> 437 </div> 438 <!--Authentication Pop-Up--> 439 </div> 440 441 <div id="custom-header-nav" class="w-full"> 442 <div class="container custom-nav flex flex-wrap items-center w-full mx-auto mt-0"> 443 <!--Main Navigation--> 444 445<div x-data="initMenuDesktop_6ab65eef9a183()" 446 class="z-20 order-2 sm:order-1 lg:order-2 navigation hidden lg:flex"> 447 <!-- desktop --> 448 <div x-ref="nav-desktop" 449 @load.window="setActiveMenu($el)" 450 class="hidden lg:block lg:min-h-0 lg:w-auto lg:pt-0"> 451 <nav class="w-full duration-150 ease-in-out flex justify-start 452 w-auto min-h-0 transition-display bss-megamenu"> 453 <div class="mr-2 level-0 parent bss-megamenu-fw"
454 @mouseenter="setActiveHoverMenu('j1_2')" 455 @mouseleave="delete hoverPanelActiveId['j1_2']"> 456 <span class="flex items-center block p-3 text-md bg-opacity-95"> 457 <a class="nav-link w-full py-3 level-0 " 458 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco.html" 459 title="formaggio olandese" 460 > 461 <span class="text-base text-gray-700 hover:underline level-0 category-name">formaggio olandese</span> 462 463 </a> 464 </span> 465 <div class="divide-y divide-gray-300/50 space-y-6 absolute z-10 shadow-lg bg-container-lighter bg-opacity-95 hidden left-0 w-full overflow-auto max-h-[500px] scrollbar" :class="{ 466 'hidden': !hoverPanelActiveId?.j1_2, 467 'block': hoverPanelActiveId?.j1_2 468 }"> 469 <!-- Top --> 470 471 <!-- Main Content --> 472 <div class="block-content flex justify-center "> 473 474 <div class="block-center w-1/3"><span> 475 <h3 class="border-b pb-1" title="Formaggio Gouda"> 476 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio Gouda</span></a></h3></span><span> 477 <h3 class="border-b pb-1" title="Gouda Primaverile"> 478 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-erboso.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Gouda Primaverile</span></a></h3></span><span> 479 <h3 class="border-b pb-1" title="Formaggio di fattoria"> 480 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-di-fattoria.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio di fattoria</span></a></h3></span><span> 481 <h3 class="border-b pb-1" title="Old Amsterdam"> 482 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/old-amsterdam.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Old Amsterdam</span></a></h3></span><span> 483 <h3 class="border-b pb-1" title="Leerdammer - Maasdammer - Tynjetaler"> 484 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/leerdammer-maasdammer-tynjetaler.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Leerdammer - Maasdammer - Tynjetaler</span></a></h3></span><span> 485 <h3 class="border-b pb-1" title="Formaggi alle erbe Basiron"> 486 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/basiron.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggi alle erbe Basiron</span></a></h3></span><span> 487 <h3 class="border-b pb-1" title="Formaggio Gouda aromatizzato"> 488 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-aromatizzato.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio Gouda aromatizzato</span></a></h3></span><span> 489 <h3 class="border-b pb-1" title="Formaggio Beemster"> 490 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-beemster.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio Beemster</span></a></h3></span><span> 491 <h3 class="border-b pb-1" title="North Holland formaggio Gouda - Red Seal"> 492 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/north-holland-gouda-cheese-red-seal.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">North Holland formaggio Gouda - Red Seal</span></a></h3></span><span> 493 <h3 class="border-b pb-1" title="Selezione formaggi in base alla stagionatura"> 494 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Selezione formaggi in base alla stagionatura</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/formaggi-giovani.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio giovane (+/- stagionato per 4 settimane)</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/poco-stagionato.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Poco stagionato (+/- 8-10 settimane)</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/stagionato.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Stagionato (+/- 16-18 settimane)</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/extra-stagionati.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Extra stagionato (+/- 7-8 mesi)</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/formaggio-stagionato.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio stagionato (+/- 10-12 mesi)</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/formaggio-vecchio.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio vecchio (+/- 1-2 anni)</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/formaggio-friabile.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio friabile (+/- 2-4 anni)</span></a></li></ul></span><span> 495 <h3 class="border-b pb-1" title="Formaggi Olandesi Più Esclusivi"> 496 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-olandesi-piu-esclusivi.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggi Olandesi Più Esclusivi</span></a></h3></span><span> 497 <h3 class="border-b pb-1" title="Formaggio blu"> 498 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-blu.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio blu</span></a></h3></span><span> 499 <h3 class="border-b pb-1" title="Formaggio al tartufo"> 500 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/truffle-cheese-cheeses-with-truffel.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio al tartufo</span></a></h3></span><span> 501 <h3 class="border-b pb-1" title="formaggio alla birra - formaggio Abbazia"> 502 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-alla-birra-formaggio-abbazia.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">formaggio alla birra - formaggio Abbazia</span></a></h3></span><span> 503 <h3 class="border-b pb-1" title="Formaggio al vino"> 504 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/wine-c
504heese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio al vino</span></a></h3></span><span> 505 <h3 class="border-b pb-1" title="Formaggio al pesto"> 506 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-al-pesto.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio al pesto</span></a></h3></span><span> 507 <h3 class="border-b pb-1" title="Formaggio di Gouda affumicato"> 508 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-affumicato.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio di Gouda affumicato</span></a></h3></span></div><div class="block-center w-1/3"><span> 509 <h3 class="border-b pb-1" title="Formaggio di capra"> 510 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio di capra</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/gouda-di-formaggio-di-capra.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Gouda di formaggio di capra</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/formaggio-di-capra-biologico.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio di capra biologico</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/erbe-di-formaggio-di-capra.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Erbe di formaggio di capra</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/texelse-geitenkaas.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio di capra di Texel</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/bastiaansen-bio/bastiaansen-biologische-geiten-kaas.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Bastiaansen Formaggio Di Capra Biologico</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/boer-en-trots-geitenkaas.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Boer en Trots formaggio di capra</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/mekkerstee-geitenkaas.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio di capra Mèkkerstee</span></a></li></ul></span><span> 511 <h3 class="border-b pb-1" title="Formaggio di pecora"> 512 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio di pecora</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese/gouda-di-formaggio-di-pecora.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Gouda di formaggio di pecora</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese/formaggio-di-pecora-bastiaansen.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio di pecora Bastiaansen</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese/formaggio-di-pecora-texel.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio di pecora Texel</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese/kinderdijk-formaggio-di-pecora.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Kinderdijk formaggio di pecora</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/fattoria-casearia-de-zeekraal.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">De Zeekraal</span></a></li></ul></span><span> 513 <h3 class="border-b pb-1" title="Formaggio biologico - Formaggio vegetariano"> 514 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio biologico - Formaggio vegetariano</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/formaggio-gouda-biologico.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Gouda biologico</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/organic-dynamic-cheese-demeter.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio alle erbe biologico</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/bio-formaggio-di-capra-bio.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio di capra biologico</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/bio-formaggio-di-pecora-bio.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio di pecora biologico</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/bastia
514ansen-bio.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Bastiaansen-Bio</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/mekkerstee-geitenkaas.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio di capra Mèkkerstee</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/formaggio-biologico-kinderdijk.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Biologico Kinderdijk</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/formaggio-remeker.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Remeker</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/biologische-kaas/terschellinger-cheese.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Terschellinger</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/skylger-cheese.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Skylger</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/formaggi-bunker-vlieland-bio.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggi Bunker di Vlieland</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/fattoria-casearia-de-zeekraal.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">De Zeekraal</span></a></li></ul></span></div><div class="block-center w-1/3"><span> 515 <h3 class="border-b pb-1" title="Formaggio dinamico biologico - Demeter"> 516 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/organic-dynamic-cheese-demeter.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio dinamico biologico - Demeter</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/organic-dynamic-cheese-demeter/bastiaansen-biodynamisch-demeter-kaas.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Bastiaansen Formaggio biologico Demeter</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/organic-dynamic-cheese-demeter/zuiver-zuivel-formaggio-biodinamico-demeter.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Zuiver Zuivel Formaggio biodinamico Demeter</span></a></li></ul></span><span> 517 <h3 class="border-b pb-1" title="Formaggio con caglio vegetariano"> 518 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco.html?stremsel_attribuut=263" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio con caglio vegetariano</span></a></h3></span><span> 519 <h3 class="border-b pb-1" title="Formaggio Gouda al cumino e chiodi di garofano"> 520 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-cumino-e-chiodi.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio Gouda al cumino e chiodi di garofano</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-cumino-e-chiodi/formaggio-gouda-cumino.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Gouda al cumino</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-cumino-e-chiodi/formaggio-frisia-chiodi-di-garofano.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio al chiodo di garofano di Frisia</span></a></li></ul></span><span> 521 <h3 class="border-b pb-1" title="Formaggio Gouda di Jersey"> 522 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-gouda-di-jersey.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio Gouda di Jersey</span></a></h3></span><span> 523 <h3 class="border-b pb-1" title="Contadino e orgoglio"> 524 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/farmer-and-proud.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Contadino e orgoglio</span></a></h3></span><span> 525 <h3 class="border-b pb-1" title="Lutjewinkel 1916"> 526 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/lutjewinkel-1916.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Lutjewinkel 1916</span></a></h3></span><span> 527 <h3 class="border-b pb-1" title="Bonck van Blesckens"> 528 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/bonck-van-blesckens.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Bonck van Blesckens</span></a></h3></span><span> 529 <h3 class="border-b pb-1" title="Formaggio Gouda speciale"> 530 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio Gouda speciale</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/old-rotterdam.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Old Rotterdam</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/boerenschat.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Boerenschat</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/maaslander.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">
530Maaslander</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/pittori-olandesi-maestri.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Pittori olandesi - Maestri</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/marchi-speciali-di-formaggi.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Marchi speciali di formaggi</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/weydeland.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Weydeland</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/stompetoren.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Stompetoren</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/verburg-kaas.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Verburg</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/bunker-cheese-holland.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio bunker</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/le-petit-doruvael.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Le Petit Doruvael</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/skylger-cheese.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Skylger cheese</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/landana-cheese.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Landana</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/prima-donna.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Prima donna</span></a></li></ul></span><span> 531 <h3 class="border-b pb-1" title="Formaggi dietetici"> 532 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggi dietetici</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici/formaggi-senza-sale-formaggi-iposodici.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggi iposodici</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici/formaggio-senza-lattosio.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio senza lattosio</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggi Gouda ipocalorici</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici/formaggio-30-piu.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Gouda 30+</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici/formaggio-gouda-20-piu.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Gouda 20+</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici/formaggio-a2a2.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio A2A2</span></a></li></ul></span></div><div class="block-center w-1/3"><span> 533 <h3 class="border-b pb-1" title="Formaggi delle Isole Wadden"> 534 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggi delle Isole Wadden</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/formaggio-di-pecora-texel-wezenspyk.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio di Texel - Wezenspyk</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/formaggio-bunker-vlieland.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Bunker di Vlieland</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/formaggio-terschellinger.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Terschellinger</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/formaggio-skylger-terschelling.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Formaggio Skylger di Terschelling</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/van-schier-schiermonnikoog.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Van Schier - Schiermonnikoog</span></a></li><li><a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/fattoria-casearia-de-zeekraal.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">De Zeekraal</span></a></li></ul></span></div><div class="block-center w-1/3"><span> 535 <h3 class="border-b pb-1" title="Formaggio a fette"> 536 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-affettato.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio a fette</span></a></h3></span><span> 537 <h3 class="border-b pb-1" title="Cubetti Di Formaggio"> 538 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/piccoli-dadi-di-formaggio.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Cubetti Di Formaggio</span></a></h3></span><span> 539 <h3 class="border-b pb-1" title="Formaggio olandese spalmabile"> 540 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-spalmabile.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio olandese spalmabile</span></a></h3></span><span> 541 <h3 class="border-b pb-1" title="Blocco di formaggio - Gastronomia"> 542 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/blocco-di-formaggio-gouda.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Blocco di formaggio - Gastronomia</span></a></h3></span><span> 543 <h3 class="border-b pb-1" title="Formaggio vegano"> 544 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-vegano.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio vegano</span></a></h3></span><span> 545 <h3 class="border-b pb-1" title="Formaggio a bu
545ccia rossa"> 546 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/red-rind-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio a buccia rossa</span></a></h3></span><span> 547 <h3 class="border-b pb-1" title="Solo un po' diverso"> 548 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/solo-un-po-diverso.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Solo un po' diverso</span></a></h3></span><span> 549 <h3 class="border-b pb-1" title="Formaggio per il tagliere"> 550 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-tagliere.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio per il tagliere</span></a></h3></span></div> 551 552 </div> 553 <!-- Bottom --> 554 555 </div> 556 </div> <div class="mr-2 level-0 parent bss-megamenu-fw"
557 @mouseenter="setActiveHoverMenu('j1_3')" 558 @mouseleave="delete hoverPanelActiveId['j1_3']"> 559 <span class="flex items-center block p-3 text-md bg-opacity-95"> 560 <a class="nav-link w-full py-3 level-0 " 561 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses.html" 562 title="formaggio EU" 563 > 564 <span class="text-base text-gray-700 hover:underline level-0 category-name">formaggio EU</span> 565 566 </a> 567 </span> 568 <div class="divide-y divide-gray-300/50 space-y-6 absolute z-10 shadow-lg bg-container-lighter bg-opacity-95 hidden left-0 w-full overflow-auto max-h-[500px] scrollbar" :class="{ 569 'hidden': !hoverPanelActiveId?.j1_3, 570 'block': hoverPanelActiveId?.j1_3 571 }"> 572 <!-- Top --> 573 574 <!-- Main Content --> 575 <div class="block-content flex justify-center "> 576 577 <div class="block-center w-1/3"><span> 578 <h3 class="border-b pb-1" title="formaggio austriaco"> 579 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/formaggio-austriaco.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">formaggio austriaco</span></a></h3></span><span> 580 <h3 class="border-b pb-1" title="Formaggio belga"> 581 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/belgian-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio belga</span></a></h3></span><span> 582 <h3 class="border-b pb-1" title="Formaggio danese"> 583 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/danish-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio danese</span></a></h3></span><span> 584 <h3 class="border-b pb-1" title="Formaggio francese"> 585 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/french-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio francese</span></a></h3></span><span> 586 <h3 class="border-b pb-1" title="Formaggio greco"> 587 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/greek-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio greco</span></a></h3></span><span> 588 <h3 class="border-b pb-1" title="Formaggio inglese"> 589 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/english-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio inglese</span></a></h3></span><span> 590 <h3 class="border-b pb-1" title="Formaggio italiano"> 591 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/italian-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio italiano</span></a></h3></span><span> 592 <h3 class="border-b pb-1" title="Formaggio norvegese"> 593 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/norwegian-cheese-cheese-from-norway.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio norvegese</span></a></h3></span><span> 594 <h3 class="border-b pb-1" title="Formaggio Portoghese"> 595 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/formaggio-portoghese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio Portoghese</span></a></h3></span><span> 596 <h3 class="border-b pb-1" title="Formaggio spagnolo"> 597 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/spanish-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio spagnolo</span></a></h3></span><span> 598 <h3 class="border-b pb-1" title="Formaggi Svizzeri"> 599 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/swiss-cheese-cheese-from-switzerland.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggi Svizzeri</span></a></h3></span></div><div class="block-center w-1/3"><span> 600 <h3 class="border-b pb-1" title="Formaggio Americano"> 601 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/united-states-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio Americano</span></a></h3></span><span>
602 <h3 class="border-b pb-1" title="Appenzeller"> 603 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/appenzeller.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Appenzeller</span></a></h3></span><span> 604 <h3 class="border-b pb-1" title="Cheddar"> 605 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/cheddar-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Cheddar</span></a></h3></span><span> 606 <h3 class="border-b pb-1" title="Comté"> 607 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/comte.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Comté</span></a></h3></span><span> 608 <h3 class="border-b pb-1" title="Emmentaler"> 609 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/emmentaler.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Emmentaler</span></a></h3></span><span> 610 <h3 class="border-b pb-1" title="Grana Padano"> 611 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/grana-padano-italian-cheese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Grana Padano</span></a></h3></span><span> 612 <h3 class="border-b pb-1" title="Gruyere"> 613 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/gruyere.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Gruyere</span></a></h3></span><span> 614 <h3 class="border-b pb-1" title="Kaltbach"> 615 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/kaltbach.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Kaltbach</span></a></h3></span><span> 616 <h3 class="border-b pb-1" title="Ländle Käse"> 617 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/laendle-kaese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Ländle Käse</span></a></h3></span><span> 618 <h3 class="border-b pb-1" title="Manchego"> 619 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/manchego.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Manchego</span></a></h3></span><span> 620 <h3 class="border-b pb-1" title="Parmesan - Parmigiano Reggiano"> 621 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/parmesan.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Parmesan - Parmigiano Reggiano</span></a></h3></span><span> 622 <h3 class="border-b pb-1" title="Pecorino"> 623 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/pecorino.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Pecorino</span></a></h3></span><span> 624 <h3 class="border-b pb-1" title="Provolone"> 625 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/provolone.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Provolone</span></a></h3></span><span> 626 <h3 class="border-b pb-1" title="Beppino Occelli (Esclusivo)"> 627 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/beppino-occelli.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Beppino Occelli (Esclusivo)</span></a></h3></span><span> 628 <h3 class="border-b pb-1" title="Raclette"> 629 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/raclette.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Raclette</span></a></h3></span><span> 630 <h3 class="border-b pb-1" title="Stilton"> 631 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/stilton.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Stilton</span></a></h3></span><span> 632 <h3 class="border-b pb-1" title="Formaggio Tête de Moine"> 633 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/edam-baby-gouda-e-piccole-forme-di-formaggio/formaggio-tete-de-moine.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio Tête de Moine</span></a></h3></span><span> 634 <h3 class="border-b pb-1" title="Taleggio"> 635 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/taleggio.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Taleggio</span></a></h3></span><span> 636 <h3 class="border-b pb-1" title="Tilsiter"> 637 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/tilsiter.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Tilsiter</span></a></h3></span></div><div class="block-center w-1/3"><span> 638 <h3 class="border-b pb-1" title="Formaggi Europei Più Esclusivi"> 639 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/formaggi-europei-piu-esclusivi.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggi Europei Più Esclusivi</span></a></h3></span><span> 640 <h3 class="border-b pb-1" title="formaggio alla birra - Abbazia"> 641 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-alla-birra-formaggio-abbazia.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">formaggio alla birra - Abbazia</span></a></h3></span><span> 642 <h3 class="border-b pb-1" title="Formaggio blu"> 643 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-blu.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio blu</span></a></h3></span><span> 644 <h3 class="border-b pb-1" title="Formaggio al tartufo"> 645 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/truffle-cheese-cheeses-with-truffel.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio al tartufo</span></a></h3></span><span> 646 <h3 class="border-b pb-1" title="Formaggio al vino"> 647 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/wine-c
647heese.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio al vino</span></a></h3></span><span> 648 <h3 class="border-b pb-1" title="Formaggio al caffè"> 649 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/formaggio-con-caffe.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio al caffè</span></a></h3></span></div> 650 651 </div> 652 <!-- Bottom --> 653 654 </div> 655 </div> <div class="mr-2 level-0 parent bss-megamenu-fw" 656 @mouseenter="setActiveHoverMenu('j1_4')" 657 @mouseleave="delete hoverPanelActiveId['j1_4']"> 658 <span class="flex items-center block p-3 text-md bg-opacity-95"> 659 <a class="nav-link w-full py-3 level-0 " 660 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/offerte.html" 661 title="Offerte di formaggio" 662 > 663 <span class="text-base text-gray-700 hover:underline level-0 category-name">Offerte di formaggio</span> 664 665 </a> 666 </span> 667 668 </div> <div class="mr-2 level-0 parent" 669 @mouseenter="setActiveHoverMenu('j1_5')" 670 @mouseleave="delete hoverPanelActiveId['j1_5']"> 671 <span class="flex items-center block p-3 text-md bg-opacity-95"> 672 <a class="nav-link w-full py-3 level-0 " 673 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-intero-o-forma-di-formaggio.html" 674 title="Formaggio intero" 675 > 676 <span class="text-base text-gray-700 hover:underline level-0 category-name">Formaggio intero</span> 677 <span class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-white bg-yellow-600 rounded-full">Hot</span> 678 </a> 679 </span> 680 <div class="absolute z-10 shadow-lg bg-container-lighter bg-opacity-95 hidden " 681 :class="{ 682 'hidden': !hoverPanelActiveId?.j1_5, 683 'block': hoverPanelActiveId?.j1_5 684 }"> <div class="relative level-1 parent px-3" > 685 <a class="nav-link block w-full px-6 py-4 whitespace-nowrap first:mt-0 " 686 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-intero-o-forma-di-formaggio.html"> 687 <span class="text-base text-gray-700 hover:underline category-name">Formaggi interi - 12 chili (Sconto del 20%)</span> 688 689 </a></div> <div class="relative level-1 parent px-3" > 690 <a class="nav-link block w-full px-6 py-4 whitespace-nowrap first:mt-0 " 691 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-intero-o-forma-di-formaggio/formaggio-piccolo.html"> 692 <span class="text-base text-gray-700 hover:underline category-name">+/- 4 Kilo Formaggi modello Amsterdam</span> 693 694 </a></div> <div class="relative level-1 parent px-3" > 695 <a class="nav-link block w-full px-6 py-4 whitespace-nowrap first:mt-0 " 696 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/edam-baby-gouda-e-piccole-forme-di-formaggio/formaggio-edam.html"> 697 <span class="text-base text-gray-700 hover:underline category-name">Formaggio Edam</span> 698 699 </a></div> <div class="relative level-1 parent px-3" @mouseenter="setActiveHoverMenu('j1_45')" @mouseleave="delete hoverPanelActiveId['j1_45']"> 700 <a class="nav-link block w-full px-6 py-4 whitespace-nowrap first:mt-0 " 701 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/edam-baby-gouda-e-piccole-forme-di-formaggio.html"> 702 <span class="text-base text-gray-700 hover:underline category-name">Piccole forme di formaggio</span> 703 704 </a></div> <div class="relative level-1 parent px-3" > 705 <a class="nav-link block w-full px-6 py-4 whitespace-nowrap first:mt-0 " 706 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/edam-baby-gouda-e-piccole-forme-di-formaggio/formaggio-olandese-affumicato.html"> 707 <span class="text-base text-gray-700 hover:underline category-name">Piccolo formaggio affumicato</span> 708 709 </a></div></div> 710 </div> <div class="mr-2 level-0 parent" 711 @mouseenter="setActiveHoverMenu('j1_64')" 712 @mouseleave="delete hoverPanelActiveId['j1_64']">
713 <span class="flex items-center block p-3 text-md bg-opacity-95"> 714 <a class="nav-link w-full py-3 level-0 " 715 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-premiati.html" 716 title="Formaggi premiati" 717 > 718 <span class="text-base text-gray-700 hover:underline level-0 category-name">Formaggi premiati</span> 719 720 </a> 721 </span> 722 <div class="absolute z-10 shadow-lg bg-container-lighter bg-opacity-95 hidden " 723 :class="{ 724 'hidden': !hoverPanelActiveId?.j1_64, 725 'block': hoverPanelActiveId?.j1_64 726 }"> <div class="relative level-1 parent px-3" > 727 <a class="nav-link block w-full px-6 py-4 whitespace-nowrap first:mt-0 " 728 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-premiati/world-cheese-awards-2025-26.html"> 729 <span class="text-base text-gray-700 hover:underline category-name">World Cheese Awards 2025-26</span> 730 731 </a></div> <div class="relative level-1 parent px-3" > 732 <a class="nav-link block w-full px-6 py-4 whitespace-nowrap first:mt-0 " 733 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-premiati/world-cheese-awards-2024-25.html"> 734 <span class="text-base text-gray-700 hover:underline category-name">World Cheese Awards 2024-25</span> 735 736 </a></div></div> 737 </div> <div class="mr-2 level-0 parent bss-megamenu-fw"
738 @mouseenter="setActiveHoverMenu('j1_227')" 739 @mouseleave="delete hoverPanelActiveId['j1_227']"> 740 <span class="flex items-center block p-3 text-md bg-opacity-95"> 741 <a class="nav-link w-full py-3 level-0 " 742 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/raclette-fonduta-formaggio.html" 743 title="Fondue & Raclette" 744 > 745 <span class="text-base text-gray-700 hover:underline level-0 category-name">Fondue & Raclette</span> 746 747 </a> 748 </span> 749 <div class="divide-y divide-gray-300/50 space-y-6 absolute z-10 shadow-lg bg-container-lighter bg-opacity-95 hidden left-0 w-full overflow-auto max-h-[500px] scrollbar" :class="{ 750 'hidden': !hoverPanelActiveId?.j1_227, 751 'block': hoverPanelActiveId?.j1_227 752 }"> 753 <!-- Top --> 754 755 <!-- Main Content --> 756 <div class="block-content flex justify-center "> 757 758 <div class="block-center w-1/3"><span> 759 <h3 class="border-b pb-1" title="Fonduta di Formaggio"> 760 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/fonduta-di-formaggio-di-lusso-kit.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Fonduta di Formaggio</span></a></h3></span><span> 761 <h3 class="border-b pb-1" title="Set per fonduta"> 762 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/set-fonduta.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Set per fonduta</span></a></h3></span><span> 763 <h3 class="border-b pb-1" title="Gel combustibile - pasta combustibile"> 764 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/accessori-fonduta-formaggio/gel-combustibile-pasta-combustibile.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Gel combustibile - pasta combustibile</span></a></h3></span><span> 765 <h3 class="border-b pb-1" title="Caquelon - pentole per fonduta"> 766 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/pentole-fonduta-caquelon.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Caquelon - pentole per fonduta</span></a></h3></span><span> 767 <h3 class="border-b pb-1" title="Base per fonduta - Rechaud"> 768 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/accessori-fonduta-formaggio/base-fonduta-rechaud.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Base per fonduta - Rechaud</span></a></h3></span><span> 769 <h3 class="border-b pb-1" title="Forcine per fonduta"> 770 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/accessori-fonduta-formaggio/forcine-fonduta.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Forcine per fonduta</span></a></h3></span></div><div class="block-center w-1/3"><span> 771 <h3 class="border-b pb-1" title="Raclette"> 772 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/raclette.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Raclette</span></a></h3></span><span> 773 <h3 class="border-b pb-1" title="Set per Raclette"> 774 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/set-raclette.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Set per Raclette</span></a></h3></span><span> 775 <h3 class="border-b pb-1" title="Griglia in pietra e set gourmet"> 776 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/griglia-in-pietra-e-set-gourmet.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Griglia in pietra e set gourmet</span></a></h3></span></div> 777 778 </div> 779 <!-- Bottom --> 780 781 </div> 782 </div> <div class="mr-2 level-0 parent bss-megamenu-fw"
783 @mouseenter="setActiveHoverMenu('j1_6')" 784 @mouseleave="delete hoverPanelActiveId['j1_6']"> 785 <span class="flex items-center block p-3 text-md bg-opacity-95"> 786 <a class="nav-link w-full py-3 level-0 " 787 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-pacco.html" 788 title="Selezione" 789 > 790 <span class="text-base text-gray-700 hover:underline level-0 category-name">Selezione</span> 791 792 </a> 793 </span> 794 795 </div> <div class="mr-2 level-0 parent bss-megamenu-fw" 796 @mouseenter="setActiveHoverMenu('j1_8')" 797 @mouseleave="delete hoverPanelActiveId['j1_8']"> 798 <span class="flex items-center block p-3 text-md bg-opacity-95"> 799 <a class="nav-link w-full py-3 level-0 " 800 href="https://www.goudaformaggioshop.it/utensili-per-formaggio.html" 801 title="Strumento" 802 > 803 <span class="text-base text-gray-700 hover:underline level-0 category-name">Strumento</span> 804 805 </a> 806 </span> 807 <div class="divide-y divide-gray-300/50 space-y-6 absolute z-10 shadow-lg bg-container-lighter bg-opacity-95 hidden left-0 w-full overflow-auto max-h-[500px] scrollbar" :class="{ 808 'hidden': !hoverPanelActiveId?.j1_8, 809 'block': hoverPanelActiveId?.j1_8 810 }"> 811 <!-- Top --> 812 813 <!-- Main Content --> 814 <div class="block-content flex justify-center "> 815 816 <div class="block-center w-1/3"><span> 817 <h3 class="border-b pb-1" title="Affettatrice per formaggio"> 818 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/affettatrice-formaggio.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Affettatrice per formaggio</span></a></h3></span><span> 819 <h3 class="border-b pb-1" title="Coltelli da formaggio"> 820 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Coltelli da formaggio</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio/coltelli-per-formaggi-a-pasta-molle-e-dura.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Coltelli per formaggi a pasta molle e dura</span></a></li><li><a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio/coltelli-spalma-burro.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Coltelli da spalmare</span></a></li><li><a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio/set-di-coltelli-da-formaggio.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Set di coltelli da formaggio</span></a></li><li><a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio/coltelli-professionali-per-formaggi.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Coltelli da formaggio professionali</span></a></li><li><a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/utensili-professionali-formaggio/cheese-tester.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Trapano per formaggio</span></a></li><li><a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio/coltelli-da-raclette.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Coltelli da raclette</span></a></li></ul></span><span> 821 <h3 class="border-b pb-1" title="Impacco di cera d'api"> 822 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/beeswax-wrap-cheese-wrap-dooek.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Impacco di cera d'api</span></a></h3></span><span> 823 <h3 class="border-b pb-1" title="Campana per formaggio"> 824 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/campana-formaggio.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Campana per formaggio</span></a></h3></span><span> 825 <h3 class="border-b pb-1" title="Grattugie per formaggio"> 826 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/grattugie-formaggio.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Grattugie per formaggio</span></a></h3></span></div><div class="block-center w-1/3"><span> 827 <h3 class="border-b pb-1" title="Tête de Moine - Girolle"> 828 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/arriccia-formaggio-tete-de-moine.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Tête de Moine - Girolle</span></a></h3></span><span> 829 <h3 class="border-b pb-1" title="Stuzzichini di formaggio"> 830 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/stuzzichini-formaggio.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Stuzzichini di formaggio</span></a></h3></span><span> 831 <h3 class="border-b pb-1" title="Toastabag"> 832 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/toastabag.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Toastabag</span></a></h3></span><span> 833 <h3 class="border-b pb-1" title="Confezioni regalo"> 834 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/confezioni-regalo.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Confezioni regalo</span></a></h3></span><span> 835 <h3 class="border-b pb-1" title="Taglieri per formaggio"> 836 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/taglieri-formaggio.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Taglieri per formaggio</span></a></h3></span><span> 837 <h3 class="border-b pb-1" title="Pellicola termoretraibile e portarotolo"> 838 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/pellicola-termoretraibile-e-portarotolo.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Pellicola termoretraibile e portarotolo</span></a></h3></span><span> 839 <h3 class="border-b pb-1" title="Carta per formaggio"> 840 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/utensili-professionali-formaggio/carta-per-formaggi.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Carta per formaggio</span></a></h3></span><span> 841 <h3 class="border-b pb-1" title="Siringhe per formaggio"> 842 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/utensili-professionali-formaggio/formaggi-finti.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Siringhe per formaggio</span></a></h3></span></div> 843 844 </div> 845 <!-- Bottom --> 846 847 </div> 848 </div> <div class="mr-2 level-0 parent bss-megamenu-fw"
849 @mouseenter="setActiveHoverMenu('j1_9')" 850 @mouseleave="delete hoverPanelActiveId['j1_9']"> 851 <span class="flex items-center block p-3 text-md bg-opacity-95"> 852 <a class="nav-link w-full py-3 level-0 " 853 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici.html" 854 title="Specialità " 855 > 856 <span class="text-base text-gray-700 hover:underline level-0 category-name">Specialità </span> 857 858 </a> 859 </span> 860 <div class="divide-y divide-gray-300/50 space-y-6 absolute z-10 shadow-lg bg-container-lighter bg-opacity-95 hidden left-0 w-full overflow-auto max-h-[500px] scrollbar" :class="{ 861 'hidden': !hoverPanelActiveId?.j1_9, 862 'block': hoverPanelActiveId?.j1_9 863 }"> 864 <!-- Top --> 865 866 <!-- Main Content --> 867 <div class="block-content flex justify-center "> 868 869 <div class="block-center w-1/3"><span> 870 <h3 class="border-b pb-1" title="Frutta Secca â Fresca dal Produttore"> 871 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Frutta Secca â Fresca dal Produttore</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/tutta-la-frutta-secca-e-i-mix.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Tutta la frutta secca e i mix</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/frutta-secca.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Frutta secca</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/mix-di-frutta-secca.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Mix di frutta secca</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/snack-di-frutta-secca.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Snack di frutta secca</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/frutta-secca-non-salata.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Frutta secca non salata</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/muesli-e-granola.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Muesli e Granola</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/frutta-disidratata.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Frutta disidratata</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/cioccolato.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Cioccolato</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/cracker-di-riso.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Cracker di riso</span></a></li></ul></span><span> 872 <h3 class="border-b pb-1" title="Formaggio spalmabile"> 873 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-spalmabile.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Formaggio spalmabile</span></a></h3></span><span> 874 <h3 class="border-b pb-1" title="Senape"> 875 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/senape-e-senape-al-miele.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Senape</span></a></h3></span><span> 876 <h3 class="border-b pb-1" title="Cialde olandesi"> 877 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/cialde-
877olandesi.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Cialde olandesi</span></a></h3></span></div><div class="block-center w-1/3"><span> 878 <h3 class="border-b pb-1" title="Creme olandesi spalmabili"> 879 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Creme olandesi spalmabili</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/zuccherini/de-ruijter.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">De Ruijter</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/zuccherini/venz.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Codette di Cioccolato Venz</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/burro-di-arachidi.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Burro di arachidi olandes</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/zuccherini/huismerk-en-overig.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Zuccherini di marca del supermercato</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/crema-spalmabile-su-pane.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Creme spalmabili</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/marmellata.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Marmellata</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/sciroppo-dolce.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Sciroppo</span></a></li></ul></span><span> 880 <h3 class="border-b pb-1" title="Salsiccia"> 881 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salsiccia.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Salsiccia</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salsiccia/huls-worst.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Salsiccia Huls</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salsiccia/stegeman.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Salsiccia Stegeman</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salsiccia/unox.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Salsiccia Affumicata Unox</span></a></li></ul></span><span> 882 <h3 class="border-b pb-1" title="Dolci dall'Olanda"> 883 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Dolci dall'Olanda</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/torta-per-colazione.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Torta per la colazione</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/luxe-koeken.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Biscotti deluxe</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/torta-per-caffe-o-te.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Biscotti per caffè o tè</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/cracker-e-pane-di-segale.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">
883Fette biscottate e cracker</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/preparati.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Fatti in casa</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/toast.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Toast</span></a></li></ul></span></div><div class="block-center w-1/3"><span> 884 <h3 class="border-b pb-1" title="Dolciumi olandesi"> 885 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Dolciumi olandesi</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Liquirizia</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/menta-piperita.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Menta piperita</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/dolciumi/red-band.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Red Band</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/dolciumi/van-melle.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Van Melle</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/dolciumi/napoleon.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Napoleon</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/cioccolato.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Cioccolato</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia/klene-drop.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Klene</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia/old-timers-drop.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Old Timers</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia/autodrop.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Autodrop</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia/venco-drop-30.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Venco</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia/katja-drop.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Katja</span></a></li></ul></span><span> 886 <h3 class="border-b pb-1" title="Pancake e frittelle"> 887 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/pancake-frittelle.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Pancake e frittelle</span></a></h3></span><span> 888 <h3 class="border-b pb-1" title="Snacks to nibble on!"> 889 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/snack-per-fare-uno-spuntino.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Snacks to nibble on!</span></a></h3></span><span> 890 <h3 class="border-b pb-1" title="Biscotti al formaggio"> 891 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/biscotti-al-formaggio.html" class="column2" ><span class="text-xs font-bold hover:underline category-name mr-2">Biscotti al formaggio</span></a></h3></span></div><div class="block-center w-1/3"><span> 892 <h3 class="border-b pb-1" title="Salse"> 893 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Salse</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse/maionese.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Maionese e salsa per patatine fritte</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse/ketchup-curry.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Ketchup e curry</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse/salsa-arachidi.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Salsa di arachidi</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse/altre-salse.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Altre salse</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse/gravy.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Sugo di carne</span></a></li></ul></span><span> 894 <h3 class="border-b pb-1" title="Brinta"> 895 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/brinta.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Brinta</span></a></h3></span><span> 896 <h3 class="border-b pb-1" title="Zuppe e brodi"> 897 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Zuppe e brodi</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/zuppa/unox-soep.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Unox Zuppe</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/zuppa/knorr-soep.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Knorr Zuppe</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/zuppa/knorr-cup-a-soup.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Knorr Cup-a-Soup</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/zuppa/honig.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Honig Zuppe</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/bouillon.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Bouillon</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/maggi.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Maggi</span></a></li></ul></span><span> 898 <h3 class="border-b pb-1" title="Conimex"> 899 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/conimex.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Conimex</span></a></h3></span><span> 900 <h3 class="border-b pb-1" title="Knorr"> 901 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/knorr.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Knorr</span></a></h3></span><span> 902 <h3 class="border-b pb-1" title="Honig"> 903 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/honig-producten.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Honig</span></a></h3></span><span> 904 <h3 class="border-b pb-1" title="Caffè - Tè"> 905 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/caffe.html" class="" ><span class="text-xs font-bold hover:underline category-name mr-2">Caffè - Tè</span></a></h3><ul class="ml-5 mt-2"><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/caffe/koffie.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">
905Caffè</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/caffe/thee.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Tè</span></a></li><li><a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/caffe/accessori-caffe.html" class="" ><span class="text-xs text-gray-700 hover:underline category-name mr-2">Accessori per il caffè</span></a></li></ul></span></div> 906 907 </div> 908 <!-- Bottom --> 909 910 </div> 911 </div> </nav> 912 </div> 913</div> 914 915 916 917 918<div x-data="initMenuMobile_6ab65eef9a661()" 919 class="z-20 order-2 sm:order-1 lg:order-2 navigation lg:hidden bbs-mm" 920> 921 <!-- mobile --> 922 <div @load.window="setActiveMenu($el)" 923 class="bg-container-lighter scroll-me-to-the-top" 924 :class="{'h-screen overflow-x-hidden overflow-y-auto fixed top-0 left-0 w-full' : open}" 925 @toggle-mobile-menu.window="open = !open" 926 @keydown.window.escape="open=false" 927 > 928 <div class="flex items-baseline justify-between menu-icon app-code-hyva-bss"> 929 <div class="flex justify-end w-full mobile-customer-header"> 930 931 932 <div x-data="{ open: false }" class="mobile-customer-account relative inline-block w-16 h-16 p-4 fill-current block"> 933 <a href="/customer/account/" id="customer-menu" class="block hover:text-black" @click.prevent="open = true" :aria-expanded="open ? 'true' : 'false'" aria-label="My Account" aria-expanded="false"> 934 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="md:h-6 md:w-6" width="32" height="32" aria-hidden="true"> 935 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> 936 </svg> 937 </a> 938 <nav class="absolute left-0 z-20 w-64 py-2 mt-2 -mr-4 px-1 overflow-auto origin-top-right rounded-sm 939 shadow-lg lg:mt-3 bg-container-lighter" x-show="open" @click.outside="open = false" aria-labelledby="customer-menu" style="display: none;"> 940 <a class="block px-4 py-2 hover:bg-gray-100 whitespace-nowrap" 941 href="https://www.goudaformaggioshop.it/sales/order/history/" 942 >I Miei ordini</a> 943 <a class="block px-4 py-2 hover:bg-gray-100 whitespace-nowrap" 944 href="https://www.goudaformaggioshop.it/wishlist/" 945 >Preferiti / Lista dei desideri</a> 946 <a class="block px-4 py-2 hover:bg-gray-100 whitespace-nowrap" 947 href="https://www.goudaformaggioshop.it/customer/account/" 948 >Formaggi ordinati di recente</a> 949 <a class="block px-4 py-2 hover:bg-gray-100 whitespace-nowrap" 950 href="https://www.goudaformaggioshop.it/customer/address/" 951 >Rubrica</a> 952 <a class="block px-4 py-2 hover:bg-gray-100 whitespace-nowrap" 953 href="https://www.goudaformaggioshop.it/customer/account/edit/" 954 >Informazioni account</a> 955 <a class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" onclick="hyva.setCookie && hyva.setCookie( 956 'login_redirect',window.location.href, 1)" href="https://www.goudaformaggioshop.it/customer/account/login/">Registrati</a> 957 <a class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" href="https://www.goudaformaggioshop.it/customer/account/create/">Crea un Account</a> 958 </nav> 959 </div> 960 961 <div class="mobile-customer-header-subitems"> 962 </div> 963 964 <button @click="$dispatch('toggle-mobile-menu')" 965 type="button" 966 class="flex items-center justify-center cursor-pointer" 967 :class="{ 'ml-auto': open }"> 968 <svg class="hidden w-16 h-16 p-4 fill-current" 969 :class="{ 'hidden' : !open, 'block': open }" 970 xmlns="http://www.w3.org/2000/svg" width="20" height="20"
971 viewBox="0 0 20 20"> 972 <path fill-rule="evenodd" clip-rule="evenodd" 973 d="M18.278 16.864a1 1 0 0 1-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 0 974 1-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 0 1 1.414-1.414l4.829 4.828 975 4.828-4.828a1 1 0 1 1 1.414 1.414l-4.828 4.829 4.828 4.828z"> 976 </path> 977 </svg> 978 <svg class="block w-12 h-12 p-3 fill-current" 979 :class="{ 'hidden' : open, 'block': !open }" 980 xmlns="http://www.w3.org/2000/svg" width="20" height="20" 981 viewBox="0 0 20 20"> 982 <path 983 d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"> 984 </path> 985 </svg> 986 </button> 987 </div> 988 </div> 989 <nav 990 class="hidden w-full duration-150 ease-in-out transform border-t transition-display border-container" 991 :class="{ 'hidden' : !open }" 992 > 993 994 <div class="level-0"> 995 996 997 <span 998 class="flex items-center transition-transform duration-150 ease-in-out transform" 999 :class="{'-translate-x-full': mobilePanelActiveId}" 1000 > 1001 <a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1002 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco.html" 1003 title="formaggio olandese"> 1004 <span class="mr-2 hover:underline category-name">formaggio olandese</span> 1005 </a> 1006 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 1007 bg-container-lighter border-container hover:bg-container hover:border-container" 1008 @click="handleNextMenu('j1_2')" 1009 > 1010 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 1011 stroke="currentColor" 1012 class="w-full h-full p-1" 1013 > 1014 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 1015 </svg> 1016 </a> 1017 </span> 1018 <div 1019 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 1020 transform bg-container-lighter" 1021 :class="{ 1022 'translate-x-full': !mobilePanelActiveId || !activeIds.includes('j1_2'), 1023 '-translate-x-full': mobilePanelActiveId !== 'j1_2', 1024 }" 1025 > 1026 <a class="flex items-center px-8 py-2 border-b cursor-pointer bg-container border-container" 1027 @click="mobilePanelActiveId = null, removeActiveId('j1_2')" 1028 > 1029 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 1030 width="24" 1031 stroke="currentColor"> 1032 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1033 d="M15 19l-7-7 7-7"/> 1034 </svg> 1035 <span class="ml-4">formaggio olandese</span> 1036 1037 </a> 1038 1039 <div class="px-17 py-2"> 1040 <p class="text-xs font-bold ml-10">Scegli una categoria</p> 1041 </div> 1042 1043 1044 1045 1046 <div class="level-1">
1047 <span 1048 class="flex items-center transition-transform duration-150 ease-in-out transform" 1049 :class="{ 1050 '-translate-x-full': mobilePanelActiveId === 'j1_10' 1051 }" 1052 > 1053 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1054 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda.html" 1055 title="Formaggio Gouda"> 1056 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1057 viewBox="0 0 24 24" height="24" 1058 width="24"></svg> 1059 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio Gouda</span> 1060 1061 </a> 1062 1063 </span> 1064 1065 </div> <div class="level-1"> 1066 <span 1067 class="flex items-center transition-transform duration-150 ease-in-out transform" 1068 :class="{ 1069 '-translate-x-full': mobilePanelActiveId === 'j1_11' 1070 }" 1071 > 1072 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1073 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-erboso.html" 1074 title="Gouda Primaverile"> 1075 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1076 viewBox="0 0 24 24" height="24" 1077 width="24"></svg> 1078 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Gouda Primaverile</span> 1079 1080 </a> 1081 1082 </span> 1083 1084 </div> <div class="level-1"> 1085 <span 1086 class="flex items-center transition-transform duration-150 ease-in-out transform" 1087 :class="{ 1088 '-translate-x-full': mobilePanelActiveId === 'j1_14' 1089 }" 1090 > 1091 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1092 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-di-fattoria.html" 1093 title="Formaggio di fattoria"> 1094 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1095 viewBox="0 0 24 24" height="24" 1096 width="24"></svg> 1097 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio di fattoria</span> 1098 1099 </a> 1100 1101 </span> 1102 1103 </div> <div class="level-1"> 1104 <span 1105 class="flex items-center transition-transform duration-150 ease-in-out transform" 1106 :class="{ 1107 '-translate-x-full': mobilePanelActiveId === 'j1_15' 1108 }" 1109 > 1110 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1111 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/old-amsterdam.html" 1112 title="Old Amsterdam"> 1113 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1114 viewBox="0 0 24 24" height="24" 1115 width="24"></svg> 1116 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Old Amsterdam</span> 1117 1118 </a> 1119 1120 </span> 1121 1122 </div> <div class="level-1"> 1123 <span 1124 class="flex items-center transition-transform duration-150 ease-in-out transform" 1125 :class="{ 1126 '-translate-x-full': mobilePanelActiveId === 'j1_16' 1127 }" 1128 > 1129 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1130 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/leerdammer-maasdammer-tynjetaler.html" 1131 title="Leerdammer - Maasdammer - Tynjetaler"> 1132 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1133 viewB
1133ox="0 0 24 24" height="24" 1134 width="24"></svg> 1135 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Leerdammer - Maasdammer - Tynjetaler</span> 1136 1137 </a> 1138 1139 </span> 1140 1141 </div> <div class="level-1"> 1142 <span 1143 class="flex items-center transition-transform duration-150 ease-in-out transform" 1144 :class="{ 1145 '-translate-x-full': mobilePanelActiveId === 'j1_260' 1146 }" 1147 > 1148 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1149 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/basiron.html" 1150 title="Formaggi alle erbe Basiron"> 1151 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1152 viewBox="0 0 24 24" height="24" 1153 width="24"></svg> 1154 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggi alle erbe Basiron</span> 1155 1156 </a> 1157 1158 </span> 1159 1160 </div> <div class="level-1"> 1161 <span 1162 class="flex items-center transition-transform duration-150 ease-in-out transform" 1163 :class="{ 1164 '-translate-x-full': mobilePanelActiveId === 'j1_17' 1165 }" 1166 > 1167 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1168 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-aromatizzato.html" 1169 title="Formaggio Gouda aromatizzato"> 1170 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1171 viewBox="0 0 24 24" height="24" 1172 width="24"></svg> 1173 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio Gouda aromatizzato</span> 1174 1175 </a> 1176 1177 </span> 1178 1179 </div> <div class="level-1"> 1180 <span 1181 class="flex items-center transition-transform duration-150 ease-in-out transform" 1182 :class="{ 1183 '-translate-x-full': mobilePanelActiveId === 'j1_12' 1184 }" 1185 > 1186 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1187 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-beemster.html" 1188 title="Formaggio Beemster"> 1189 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1190 viewBox="0 0 24 24" height="24" 1191 width="24"></svg> 1192 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio Beemster</span> 1193 1194 </a> 1195 1196 </span> 1197 1198 </div> <div class="level-1"> 1199 <span 1200 class="flex items-center transition-transform duration-150 ease-in-out transform" 1201 :class="{ 1202 '-translate-x-full': mobilePanelActiveId === 'j1_13' 1203 }" 1204 > 1205 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1206 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/north-holland-gouda-cheese-red-seal.html" 1207 title="North Holland formaggio Gouda - Red Seal"> 1208 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1209 viewBox="0 0 24 24" height="24" 1210 width="24"></svg> 1211 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">North Holland formaggio Gouda - Red Seal</span> 1212 1213 </a> 1214 1215 </span> 1216 1217 </div> <div class="level-1"> 1218 <span 1219 class="flex items-center transition-transform duration-150 ease-in-out transform" 1220 :class="{ 1221 '-translate-x-full': mobilePanelActiveId === 'j1_19' 1222 }" 1223 > 1224 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1225 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati.html" 1226 title="Selezione formaggi in base alla stagionatura"> 1227 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1228 viewBox="0 0 24 24" height="24" 1229 width="24"></svg> 1230 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Selezione formaggi in base alla stagionatura</span> 1231 1232 </a> 1233 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 1234 bg-container-lighter border-container hover:bg-container hover:border-container" 1235 @click="handleNextMenu('j1_19', 'j1_2')" 1236 > 1237 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 1238 stroke="currentColor" 1239 class="w-full h-full p-1" 1240 > 1241 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 1242 </svg> 1243 </a> 1244 </span> 1245 <div 1246 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 1247 transform bg-container-lighter translate-x-full" 1248 :class="{ 1249 'translate-x-0': mobilePanelActiveId !== 'j1_2' && mobilePanelActiveId !== 'j1_19' 1250 }" 1251 > 1252 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 1253 @click="removeActiveId('j1_19'); mobilePanelActiveId = 'j1_2'" 1254 > 1255 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 1256 width="24" 1257 stroke="currentColor"> 1258 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1259 d="M15 19l-7-7 7-7"/> 1260 </svg> 1261 <span class="ml-3">Selezione formaggi in base alla stagionatura</span> 1262 </a> 1263 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati.html" 1264 title="Selezione formaggi in base alla stagionatura" 1265 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 1266 bg-container-lighter border-container hover:bg-container-darker hover:underline" 1267 > 1268 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1269 viewBox="0 0 24 24" height="24" 1270 width="24"></svg> 1271 <span class="ml-4">Mostra tutti</span> 1272 </a> 1273 <div class="level-2"> 1274 <span 1275 class="flex items-center transition-transform duration-150 ease-in-out transform" 1276 :class="{ 1277 '-translate-x-full': mobilePanelActiveId === 'j1_20' 1278 }" 1279 > 1280 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1281 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/formaggi-giovani.html" 1282 title="Formaggio giovane (+/- stagionato per 4 settimane)"> 1283 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1284 viewBox="0 0 24 24" height="24" 1285 width="24"></svg> 1286 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio giovane (+/- stagionato per 4 settimane)</span> 1287 1288 </a> 1289 1290 </span> 1291 1292 </div> <div class="level-2"> 1293 <span 1294 class="flex items-center transition-transform duration-150 ease-in-out transform" 1295 :class="{ 1296 '-translate-x-full': mobilePanelActiveId === 'j1_21' 1297 }" 1298 > 1299 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1300 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/poco-stagionato.html" 1301 title="Poco stagionato (+/- 8-10 settimane)"> 1302 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1303 viewBox="0 0 24 24" height="24" 1304 width="24"></svg> 1305 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Poco stagionato (+/- 8-10 settimane)</span> 1306 1307 </a> 1308 1309 </span> 1310 1311 </div> <div class="level-2"> 1312 <span 1313 class="flex items-center transition-transform duration-150 ease-in-out transform" 1314 :class="{ 1315 '-translate-x-full': mobilePanelActiveId === 'j1_22' 1316 }" 1317 > 1318 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1319 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/stagionato.html" 1320 title="Stagionato (+/- 16-18 settimane)"> 1321 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1322 viewBox="0 0 24 24" height="24" 1323 width="24"></svg> 1324 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Stagionato (+/- 16-18 settimane)</span> 1325 1326 </a> 1327 1328 </span> 1329 1330 </div> <div class="level-2"> 1331 <span 1332 class="flex items-center transition-transform duration-150 ease-in-out transform" 1333 :class="{ 1334 '-translate-x-full': mobilePanelActiveId === 'j1_23' 1335 }" 1336 > 1337 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1338 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/extra-stagionati.html" 1339 title="Extra stagionato (+/- 7-8 mesi)"> 1340 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1341 viewBox="0 0 24 24" height="24" 1342 width="24"></svg> 1343 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Extra stagionato (+/- 7-8 mesi)</span> 1344 1345 </a> 1346 1347 </span> 1348 1349 </div> <div class="level-2"> 1350 <span 1351 class="flex items-center transition-transform duration-150 ease-in-out transform" 1352 :class="{ 1353 '-translate-x-full': mobilePanelActiveId === 'j1_24' 1354 }" 1355 > 1356 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1357 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/formaggio-stagionato.html" 1358 title="Formaggio stagionato (+/- 10-12 mesi)"> 1359 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1360 viewB
1360ox="0 0 24 24" height="24" 1361 width="24"></svg> 1362 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio stagionato (+/- 10-12 mesi)</span> 1363 1364 </a> 1365 1366 </span> 1367 1368 </div> <div class="level-2"> 1369 <span 1370 class="flex items-center transition-transform duration-150 ease-in-out transform" 1371 :class="{ 1372 '-translate-x-full': mobilePanelActiveId === 'j1_25' 1373 }" 1374 > 1375 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1376 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/formaggio-vecchio.html" 1377 title="Formaggio vecchio (+/- 1-2 anni)"> 1378 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1379 viewBox="0 0 24 24" height="24" 1380 width="24"></svg> 1381 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio vecchio (+/- 1-2 anni)</span> 1382 1383 </a> 1384 1385 </span> 1386 1387 </div> <div class="level-2"> 1388 <span 1389 class="flex items-center transition-transform duration-150 ease-in-out transform" 1390 :class="{ 1391 '-translate-x-full': mobilePanelActiveId === 'j1_26' 1392 }" 1393 > 1394 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1395 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/selezione-formaggi-stagionati/formaggio-friabile.html" 1396 title="Formaggio friabile (+/- 2-4 anni)"> 1397 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1398 viewBox="0 0 24 24" height="24" 1399 width="24"></svg> 1400 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio friabile (+/- 2-4 anni)</span> 1401 1402 </a> 1403 1404 </span> 1405 1406 </div> 1407 </div> 1408 </div> <div class="level-1"> 1409 <span 1410 class="flex items-center transition-transform duration-150 ease-in-out transform" 1411 :class="{ 1412 '-translate-x-full': mobilePanelActiveId === 'j1_390' 1413 }" 1414 > 1415 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1416 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-olandesi-piu-esclusivi.html" 1417 title="Formaggi Olandesi Più Esclusivi"> 1418 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1419 viewBox="0 0 24 24" height="24" 1420 width="24"></svg> 1421 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggi Olandesi Più Esclusivi</span> 1422 1423 </a> 1424 1425 </span> 1426 1427 </div> <div class="level-1"> 1428 <span 1429 class="flex items-center transition-transform duration-150 ease-in-out transform" 1430 :class="{ 1431 '-translate-x-full': mobilePanelActiveId === 'j1_78' 1432 }" 1433 > 1434 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1435 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-blu.html" 1436 title="Formaggio blu"> 1437 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1438 viewBox="0 0 24 24" height="24" 1439 width="24"></svg> 1440 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio blu</span> 1441 1442 </a> 1443 1444 </span> 1445 1446 </div> <div class="level-1"> 1447 <span 1448 class="flex items-center transition-transform duration-150 ease-in-out transform" 1449 :class="{ 1450 '-translate-x-full': mobilePanelActiveId === 'j1_266' 1451 }" 1452 > 1453 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1454 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/truffle-cheese-cheeses-with-truffel.html" 1455 title="Formaggio al tartufo"> 1456 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1457 viewBox="0 0 24 24" height="24" 1458 width="24"></svg> 1459 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio al tartufo</span> 1460 1461 </a> 1462 1463 </span> 1464 1465 </div> <div class="level-1"> 1466 <span 1467 class="flex items-center transition-transform duration-150 ease-in-out transform" 1468 :class="{ 1469 '-translate-x-full': mobilePanelActiveId === 'j1_268' 1470 }" 1471 > 1472 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1473 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-alla-birra-formaggio-abbazia.html" 1474 title="formaggio alla birra - formaggio Abbazia"> 1475 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1476 viewBox="0 0 24 24" height="24" 1477 width="24"></svg> 1478 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">formaggio alla birra - formaggio Abbazia</span> 1479 1480 </a> 1481 1482 </span> 1483 1484 </div> <div class="level-1"> 1485 <span 1486 class="flex items-center transition-transform duration-150 ease-in-out transform" 1487 :class="{ 1488 '-translate-x-full': mobilePanelActiveId === 'j1_267' 1489 }" 1490 > 1491 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1492 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/wine-cheese.html" 1493 title="Formaggio al vino"> 1494 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1495 viewBox="0 0 24 24" height="24" 1496 width="24"></svg> 1497 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio al vino</span> 1498 1499 </a> 1500 1501 </span> 1502 1503 </div> <div class="level-1"> 1504 <span 1505 class="flex items-center transition-transform duration-150 ease-in-out transform" 1506 :class="{ 1507 '-translate-x-full': mobilePanelActiveId === 'j1_265' 1508 }" 1509 > 1510 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1511 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-al-pesto.html" 1512 title="Formaggio al pesto"> 1513 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1514 viewBox="0 0 24 24" height="24" 1515 width="24"></svg> 1516 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio al pesto</span> 1517 1518 </a> 1519 1520 </span> 1521 1522 </div> <div class="level-1"> 1523 <span 1524 class="flex items-center transition-transform duration-150 ease-in-out transform" 1525 :class="{ 1526 '-translate-x-full': mobilePanelActiveId === 'j1_33' 1527 }" 1528 > 1529 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1530 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-affumicato.html" 1531 title="Formaggio di Gouda affumicato"> 1532 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1533 viewBox="0 0 24 24" height="24" 1534 width="24"></svg> 1535 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio di Gouda affumicato</span> 1536 1537 </a> 1538 1539 </span> 1540 1541 </div> <div class="level-1"> 1542 <span 1543 class="flex items-center transition-transform duration-150 ease-in-out transform" 1544 :class="{ 1545 '-translate-x-full': mobilePanelActiveId === 'j1_27' 1546 }" 1547 > 1548 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1549 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino.html" 1550 title="Formaggio di capra"> 1551 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1552 viewBox="0 0 24 24" height="24" 1553 width="24"></svg> 1554 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio di capra</span> 1555 1556 </a> 1557 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 1558 bg-container-lighter border-container hover:bg-container hover:border-container" 1559 @click="handleNextMenu('j1_27', 'j1_2')" 1560 > 1561 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 1562 stroke="currentColor" 1563 class="w-full h-full p-1" 1564 > 1565 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 1566 </svg> 1567 </a> 1568 </span> 1569 <div 1570 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 1571 transform bg-container-lighter translate-x-full" 1572 :class="{ 1573 'translate-x-0': mobilePanelActiveId !== 'j1_2' && mobilePanelActiveId !== 'j1_27' 1574 }" 1575 > 1576 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 1577 @click="removeActiveId('j1_27'); mobilePanelActiveId = 'j1_2'" 1578 > 1579 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 1580 width="24" 1581 stroke="currentColor"> 1582 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1583 d="M15 19l-7-7 7-7"/> 1584 </svg> 1585 <span class="ml-3">Formaggio di capra</span> 1586 </a> 1587 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino.html" 1588 title="Formaggio di capra" 1589 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 1590 bg-container-lighter border-container hover:bg-container-darker hover:underline" 1591 > 1592 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1593 viewBox="0 0 24 24" height="24" 1594 width="24"></svg> 1595 <span class="ml-4">Mostra tutti</span> 1596 </a> 1597 <div class="level-2"> 1598 <span 1599 class="flex items-center transition-transform duration-150 ease-in-out transform" 1600 :class="{ 1601 '-translate-x-full': mobilePanelActiveId === 'j1_178' 1602 }" 1603 > 1604 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1605 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/gouda-di-formaggio-di-capra.html" 1606 title="Gouda di formaggio di capra"> 1607 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1608 viewBox="0 0 24 24" height="24" 1609 width="24"></svg> 1610 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Gouda di formaggio di capra</span> 1611 1612 </a> 1613 1614 </span> 1615 1616 </div> <div class="level-2"> 1617 <span 1618 class="flex items-center transition-transform duration-150 ease-in-out transform" 1619 :class="{ 1620 '-translate-x-full': mobilePanelActiveId === 'j1_179' 1621 }" 1622 > 1623 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1624 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/formaggio-di-capra-biologico.html" 1625 title="Formaggio di capra biologico"> 1626 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1627 viewBox="0 0 24 24" height="24" 1628 width="24"></svg> 1629 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio di capra biologico</span> 1630 1631 </a> 1632 1633 </span> 1634 1635 </div> <div class="level-2"> 1636 <span 1637 class="flex items-center transition-transform duration-150 ease-in-out transform" 1638 :class="{ 1639 '-translate-x-full': mobilePanelActiveId === 'j1_180' 1640 }" 1641 > 1642 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1643 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/erbe-di-formaggio-di-capra.html" 1644 title="Erbe di formaggio di capra"> 1645 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1646 viewBox="0 0 24 24" height="24" 1647 width="24"></svg> 1648 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Erbe di formaggio di capra</span> 1649 1650 </a> 1651 1652 </span> 1653 1654 </div> <div class="level-2"> 1655 <span 1656 class="flex items-center transition-transform duration-150 ease-in-out transform" 1657 :class="{ 1658 '-translate-x-full': mobilePanelActiveId === 'j1_181' 1659 }" 1660 > 1661 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1662 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/texelse-geitenkaas.html" 1663 title="Formaggio di capra di Texel"> 1664 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1665 viewBox="0 0 24 24" height="24" 1666 width="24"></svg> 1667 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio di capra di Texel</span> 1668 1669 </a> 1670 1671 </span> 1672 1673 </div> <div class="level-2"> 1674 <span 1675 class="flex items-center transition-transform duration-150 ease-in-out transform" 1676 :class="{ 1677 '-translate-x-full': mobilePanelActiveId === 'j1_182' 1678 }" 1679 > 1680 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1681 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/bastiaansen-bio/bastiaansen-biologische-geiten-kaas.html" 1682 title="Bastiaansen Formaggio Di Capra Biologico"> 1683 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1684 viewB
1684ox="0 0 24 24" height="24" 1685 width="24"></svg> 1686 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Bastiaansen Formaggio Di Capra Biologico</span> 1687 1688 </a> 1689 1690 </span> 1691 1692 </div> <div class="level-2"> 1693 <span 1694 class="flex items-center transition-transform duration-150 ease-in-out transform" 1695 :class="{ 1696 '-translate-x-full': mobilePanelActiveId === 'j1_183' 1697 }" 1698 > 1699 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1700 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/boer-en-trots-geitenkaas.html" 1701 title="Boer en Trots formaggio di capra"> 1702 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1703 viewBox="0 0 24 24" height="24" 1704 width="24"></svg> 1705 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Boer en Trots formaggio di capra</span> 1706 1707 </a> 1708 1709 </span> 1710 1711 </div> <div class="level-2"> 1712 <span 1713 class="flex items-center transition-transform duration-150 ease-in-out transform" 1714 :class="{ 1715 '-translate-x-full': mobilePanelActiveId === 'j1_389' 1716 }" 1717 > 1718 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1719 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/mekkerstee-geitenkaas.html" 1720 title="Formaggio di capra Mèkkerstee"> 1721 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1722 viewBox="0 0 24 24" height="24" 1723 width="24"></svg> 1724 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio di capra Mèkkerstee</span> 1725 1726 </a> 1727 1728 </span> 1729 1730 </div> 1731 </div> 1732 </div> <div class="level-1"> 1733 <span 1734 class="flex items-center transition-transform duration-150 ease-in-out transform" 1735 :class="{ 1736 '-translate-x-full': mobilePanelActiveId === 'j1_28' 1737 }" 1738 > 1739 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1740 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese.html" 1741 title="Formaggio di pecora"> 1742 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1743 viewBox="0 0 24 24" height="24" 1744 width="24"></svg> 1745 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio di pecora</span> 1746 1747 </a> 1748 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 1749 bg-container-lighter border-container hover:bg-container hover:border-container" 1750 @click="handleNextMenu('j1_28', 'j1_2')" 1751 > 1752 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 1753 stroke="currentColor" 1754 class="w-full h-full p-1" 1755 > 1756 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 1757 </svg> 1758 </a> 1759 </span> 1760 <div 1761 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 1762 transform bg-container-lighter translate-x-full" 1763 :class="{ 1764 'translate-x-0': mobilePanelActiveId !== 'j1_2' && mobilePanelActiveId !== 'j1_28' 1765 }" 1766 > 1767 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 1768 @click="removeActiveId('j1_28'); mobilePanelActiveId = 'j1_2'" 1769 > 1770 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 1771 width="24" 1772 stroke="currentColor"> 1773 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1774 d="M15 19l-7-7 7-7"/> 1775 </svg> 1776 <span class="ml-3">Formaggio di pecora</span> 1777 </a> 1778 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese.html" 1779 title="Formaggio di pecora" 1780 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 1781 bg-container-lighter border-container hover:bg-container-darker hover:underline" 1782 > 1783 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1784 viewBox="0 0 24 24" height="24" 1785 width="24"></svg> 1786 <span class="ml-4">Mostra tutti</span> 1787 </a> 1788 <div class="level-2"> 1789 <span 1790 class="flex items-center transition-transform duration-150 ease-in-out transform" 1791 :class="{ 1792 '-translate-x-full': mobilePanelActiveId === 'j1_184' 1793 }" 1794 > 1795 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1796 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese/gouda-di-formaggio-di-pecora.html" 1797 title="Gouda di formaggio di pecora"> 1798 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1799 viewBox="0 0 24 24" height="24" 1800 width="24"></svg> 1801 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Gouda di formaggio di pecora</span> 1802 1803 </a> 1804 1805 </span> 1806 1807 </div> <div class="level-2"> 1808 <span 1809 class="flex items-center transition-transform duration-150 ease-in-out transform" 1810 :class="{ 1811 '-translate-x-full': mobilePanelActiveId === 'j1_185' 1812 }" 1813 > 1814 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1815 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese/formaggio-di-pecora-bastiaansen.html" 1816 title="Formaggio di pecora Bastiaansen"> 1817 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1818 viewBox="0 0 24 24" height="24" 1819 width="24"></svg> 1820 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio di pecora Bastiaansen</span> 1821 1822 </a> 1823 1824 </span> 1825 1826 </div> <div class="level-2"> 1827 <span 1828 class="flex items-center transition-transform duration-150 ease-in-out transform" 1829 :class="{ 1830 '-translate-x-full': mobilePanelActiveId === 'j1_186' 1831 }" 1832 > 1833 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1834 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese/formaggio-di-pecora-texel.html" 1835 title="Formaggio di pecora Texel"> 1836 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1837 viewBox="0 0 24 24" height="24" 1838 width="24"></svg> 1839 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio di pecora Texel</span> 1840 1841 </a> 1842 1843 </span> 1844 1845 </div> <div class="level-2"> 1846 <span 1847 class="flex items-center transition-transform duration-150 ease-in-out transform" 1848 :class="{ 1849 '-translate-x-full': mobilePanelActiveId === 'j1_187' 1850 }" 1851 > 1852 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1853 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/sheep-cheese/kinderdijk-formaggio-di-pecora.html" 1854 title="Kinderdijk formaggio di pecora"> 1855 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1856 viewBox="0 0 24 24" height="24" 1857 width="24"></svg> 1858 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Kinderdijk formaggio di pecora</span> 1859 1860 </a> 1861 1862 </span> 1863 1864 </div> <div class="level-2"> 1865 <span 1866 class="flex items-center transition-transform duration-150 ease-in-out transform" 1867 :class="{ 1868 '-translate-x-full': mobilePanelActiveId === 'j1_254' 1869 }" 1870 > 1871 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1872 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/fattoria-casearia-de-zeekraal.html" 1873 title="De Zeekraal"> 1874 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1875 viewBox="0 0 24 24" height="24" 1876 width="24"></svg> 1877 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">De Zeekraal</span> 1878 1879 </a> 1880 1881 </span> 1882 1883 </div> 1884 </div> 1885 </div> <div class="level-1"> 1886 <span 1887 class="flex items-center transition-transform duration-150 ease-in-out transform" 1888 :class="{ 1889 '-translate-x-full': mobilePanelActiveId === 'j1_29' 1890 }" 1891 > 1892 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1893 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico.html" 1894 title="Formaggio biologico - Formaggio vegetariano"> 1895 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1896 viewBox="0 0 24 24" height="24" 1897 width="24"></svg> 1898 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio biologico - Formaggio vegetariano</span> 1899 1900 </a> 1901 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 1902 bg-container-lighter border-container hover:bg-container hover:border-container" 1903 @click="handleNextMenu('j1_29', 'j1_2')" 1904 > 1905 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 1906 stroke="currentColor" 1907 class="w-full h-full p-1" 1908 > 1909 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 1910 </svg> 1911 </a> 1912 </span> 1913 <div 1914 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 1915 transform bg-container-lighter translate-x-full" 1916 :class="{ 1917 'translate-x-0': mobilePanelActiveId !== 'j1_2' && mobilePanelActiveId !== 'j1_29' 1918 }" 1919 > 1920 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 1921 @click="removeActiveId('j1_29'); mobilePanelActiveId = 'j1_2'" 1922 > 1923 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 1924 width="24" 1925 stroke="currentColor"> 1926 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1927 d="M15 19l-7-7 7-7"/> 1928 </svg> 1929 <span class="ml-3">Formaggio biologico - Formaggio vegetariano</span> 1930 </a> 1931 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico.html" 1932 title="Formaggio biologico - Formaggio vegetariano" 1933 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 1934 bg-container-lighter border-container hover:bg-container-darker hover:underline" 1935 > 1936 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1937 viewBox="0 0 24 24" height="24" 1938 width="24"></svg> 1939 <span class="ml-4">Mostra tutti</span> 1940 </a> 1941 <div class="level-2"> 1942 <span 1943 class="flex items-center transition-transform duration-150 ease-in-out transform" 1944 :class="{ 1945 '-translate-x-full': mobilePanelActiveId === 'j1_30' 1946 }" 1947 > 1948 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1949 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/formaggio-gouda-biologico.html" 1950 title="Formaggio Gouda biologico"> 1951 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1952 viewBox="0 0 24 24" height="24" 1953 width="24"></svg> 1954 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Gouda biologico</span> 1955 1956 </a> 1957 1958 </span> 1959 1960 </div> <div class="level-2"> 1961 <span 1962 class="flex items-center transition-transform duration-150 ease-in-out transform" 1963 :class="{ 1964 '-translate-x-full': mobilePanelActiveId === 'j1_31' 1965 }" 1966 > 1967 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1968 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/organic-dynamic-cheese-demeter.html" 1969 title="Formaggio alle erbe biologico"> 1970 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
1971 viewBox="0 0 24 24" height="24" 1972 width="24"></svg> 1973 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio alle erbe biologico</span> 1974 1975 </a> 1976 1977 </span> 1978 1979 </div> <div class="level-2"> 1980 <span 1981 class="flex items-center transition-transform duration-150 ease-in-out transform" 1982 :class="{ 1983 '-translate-x-full': mobilePanelActiveId === 'j1_32' 1984 }" 1985 > 1986 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 1987 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/bio-formaggio-di-capra-bio.html" 1988 title="Formaggio di capra biologico"> 1989 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1990 viewBox="0 0 24 24" height="24" 1991 width="24"></svg> 1992 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio di capra biologico</span> 1993 1994 </a> 1995 1996 </span> 1997 1998 </div> <div class="level-2"> 1999 <span 2000 class="flex items-center transition-transform duration-150 ease-in-out transform" 2001 :class="{ 2002 '-translate-x-full': mobilePanelActiveId === 'j1_188' 2003 }" 2004 > 2005 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2006 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/bio-formaggio-di-pecora-bio.html" 2007 title="Formaggio di pecora biologico"> 2008 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2009 viewBox="0 0 24 24" height="24" 2010 width="24"></svg> 2011 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio di pecora biologico</span> 2012 2013 </a> 2014 2015 </span> 2016 2017 </div> <div class="level-2"> 2018 <span 2019 class="flex items-center transition-transform duration-150 ease-in-out transform" 2020 :class="{ 2021 '-translate-x-full': mobilePanelActiveId === 'j1_189' 2022 }" 2023 > 2024 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2025 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/bastiaansen-bio.html" 2026 title="Formaggio Bastiaansen-Bio"> 2027 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2028 viewBox="0 0 24 24" height="24" 2029 width="24"></svg> 2030 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Bastiaansen-Bio</span> 2031 2032 </a> 2033 2034 </span> 2035 2036 </div> <div class="level-2"> 2037 <span 2038 class="flex items-center transition-transform duration-150 ease-in-out transform" 2039 :class="{ 2040 '-translate-x-full': mobilePanelActiveId === 'j1_388' 2041 }" 2042 > 2043 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2044 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/caprino/mekkerstee-geitenkaas.html" 2045 title="Formaggio di capra Mèkkerstee"> 2046 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2047 viewBox="0 0 24 24" height="24" 2048 width="24"></svg> 2049 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio di capra Mèkkerstee</span> 2050 2051 </a> 2052 2053 </span> 2054 2055 </div> <div class="level-2"> 2056 <span 2057 class="flex items-center transition-transform duration-150 ease-in-out transform" 2058 :class="{ 2059 '-translate-x-full': mobilePanelActiveId === 'j1_284' 2060 }" 2061 > 2062 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2063 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/formaggio-biologico-kinderdijk.html" 2064 title="Formaggio Biologico Kinderdijk"> 2065 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2066 viewBox="0 0 24 24" height="24" 2067 width="24"></svg> 2068 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Biologico Kinderdijk</span> 2069 2070 </a> 2071 2072 </span> 2073 2074 </div> <div class="level-2"> 2075 <span 2076 class="flex items-center transition-transform duration-150 ease-in-out transform" 2077 :class="{ 2078 '-translate-x-full': mobilePanelActiveId === 'j1_249' 2079 }" 2080 > 2081 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2082 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/formaggio-remeker.html" 2083 title="Formaggio Remeker"> 2084 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2085 viewBox="0 0 24 24" height="24" 2086 width="24"></svg> 2087 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Remeker</span> 2088 2089 </a> 2090 2091 </span> 2092 2093 </div> <div class="level-2"> 2094 <span 2095 class="flex items-center transition-transform duration-150 ease-in-out transform" 2096 :class="{ 2097 '-translate-x-full': mobilePanelActiveId === 'j1_190' 2098 }" 2099 > 2100 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2101 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/biologische-kaas/terschellinger-cheese.html" 2102 title="Formaggio Terschellinger"> 2103 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2104 viewBox="0 0 24 24" height="24" 2105 width="24"></svg> 2106 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Terschellinger</span> 2107 2108 </a> 2109 2110 </span> 2111 2112 </div> <div class="level-2"> 2113 <span 2114 class="flex items-center transition-transform duration-150 ease-in-out transform" 2115 :class="{ 2116 '-translate-x-full': mobilePanelActiveId === 'j1_242' 2117 }" 2118 > 2119 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2120 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/skylger-cheese.html" 2121 title="Formaggio Skylger"> 2122 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2123 viewBox="0 0 24 24" height="24" 2124 width="24"></svg> 2125 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Skylger</span> 2126 2127 </a> 2128 2129 </span> 2130 2131 </div> <div class="level-2"> 2132 <span 2133 class="flex items-center transition-transform duration-150 ease-in-out transform" 2134 :class="{ 2135 '-translate-x-full': mobilePanelActiveId === 'j1_250' 2136 }" 2137 > 2138 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2139 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-organico/formaggi-bunker-vlieland-bio.html" 2140 title="Formaggi Bunker di Vlieland"> 2141 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2142 viewBox="0 0 24 24" height="24" 2143 width="24"></svg> 2144 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggi Bunker di Vlieland</span> 2145 2146 </a> 2147 2148 </span> 2149 2150 </div> <div class="level-2"> 2151 <span 2152 class="flex items-center transition-transform duration-150 ease-in-out transform" 2153 :class="{ 2154 '-translate-x-full': mobilePanelActiveId === 'j1_255' 2155 }" 2156 > 2157 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2158 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/fattoria-casearia-de-zeekraal.html" 2159 title="De Zeekraal"> 2160 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2161 viewBox="0 0 24 24" height="24" 2162 width="24"></svg> 2163 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">De Zeekraal</span> 2164 2165 </a> 2166 2167 </span> 2168 2169 </div> 2170 </div> 2171 </div> <div class="level-1"> 2172 <span 2173 class="flex items-center transition-transform duration-150 ease-in-out transform" 2174 :class="{ 2175 '-translate-x-full': mobilePanelActiveId === 'j1_191' 2176 }" 2177 > 2178 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2179 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/organic-dynamic-cheese-demeter.html" 2180 title="Formaggio dinamico biologico - Demeter"> 2181 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2182 viewBox="0 0 24 24" height="24" 2183 width="24"></svg> 2184 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio dinamico biologico - Demeter</span> 2185 2186 </a> 2187 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 2188 bg-container-lighter border-container hover:bg-container hover:border-container" 2189 @click="handleNextMenu('j1_191', 'j1_2')" 2190 > 2191 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 2192 stroke="currentColor" 2193 class="w-full h-full p-1" 2194 > 2195 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 2196 </svg> 2197 </a> 2198 </span> 2199 <div 2200 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 2201 transform bg-container-lighter translate-x-full" 2202 :class="{ 2203 'translate-x-0': mobilePanelActiveId !== 'j1_2' && mobilePanelActiveId !== 'j1_191' 2204 }" 2205 > 2206 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 2207 @click="removeActiveId('j1_191'); mobilePanelActiveId = 'j1_2'" 2208 > 2209 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 2210 width="24" 2211 stroke="currentColor"> 2212 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2213 d="M15 19l-7-7 7-7"/> 2214 </svg> 2215 <span class="ml-3">Formaggio dinamico biologico - Demeter</span> 2216 </a> 2217 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/organic-dynamic-cheese-demeter.html" 2218 title="Formaggio dinamico biologico - Demeter" 2219 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 2220 bg-container-lighter border-container hover:bg-container-darker hover:underline" 2221 > 2222 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2223 viewBox="0 0 24 24" height="24" 2224 width="24"></svg> 2225 <span class="ml-4">Mostra tutti</span> 2226 </a> 2227 <div class="level-2"> 2228 <span 2229 class="flex items-center transition-transform duration-150 ease-in-out transform" 2230 :class="{ 2231 '-translate-x-full': mobilePanelActiveId === 'j1_192' 2232 }" 2233 > 2234 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2235 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/organic-dynamic-cheese-demeter/bastiaansen-biodynamisch-demeter-kaas.html" 2236 title="Bastiaansen Formaggio biologico Demeter"> 2237 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2238 viewBox="0 0 24 24" height="24" 2239 width="24"></svg> 2240 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Bastiaansen Formaggio biologico Demeter</span> 2241 2242 </a> 2243 2244 </span> 2245 2246 </div> <div class="level-2"> 2247 <span 2248 class="flex items-center transition-transform duration-150 ease-in-out transform" 2249 :class="{ 2250 '-translate-x-full': mobilePanelActiveId === 'j1_193' 2251 }" 2252 > 2253 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2254 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/organic-dynamic-cheese-demeter/zuiver-zuivel-formaggio-biodinamico-demeter.html" 2255 title="Zuiver Zuivel Formaggio biodinamico Demeter"> 2256 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2257 viewBox="0 0 24 24" height="24" 2258 width="24"></svg> 2259 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Zuiver Zuivel Formaggio biodinamico Demeter</span> 2260 2261 </a> 2262 2263 </span> 2264 2265 </div> 2266 </div> 2267 </div> <div class="level-1"> 2268 <span 2269 class="flex items-center transition-transform duration-150 ease-in-out transform" 2270 :class="{ 2271 '-translate-x-full': mobilePanelActiveId === 'j1_76' 2272 }" 2273 > 2274 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2275 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco.html?stremsel_attribuut=263" 2276 title="Formaggio con caglio vegetariano"> 2277 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2278 viewBox="0 0 24 24" height="24" 2279 width="24"></svg> 2280 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio con caglio vegetariano</span> 2281 2282 </a> 2283 2284 </span> 2285 2286 </div> <div class="level-1"> 2287 <span 2288 class="flex items-center transition-transform duration-150 ease-in-out transform" 2289 :class="{ 2290 '-translate-x-full': mobilePanelActiveId === 'j1_34' 2291 }" 2292 > 2293 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2294 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-cumino-e-chiodi.html" 2295 title="Formaggio Gouda al cumino e chiodi di garofano"> 2296 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2297 viewBox="0 0 24 24" height="24" 2298 width="24"></svg> 2299 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio Gouda al cumino e chiodi di garofano</span> 2300 2301 </a> 2302 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 2303 bg-container-lighter border-container hover:bg-container hover:border-container" 2304 @click="handleNextMenu('j1_34', 'j1_2')" 2305 > 2306 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 2307 stroke="currentColor" 2308 class="w-full h-full p-1" 2309 > 2310 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 2311 </svg> 2312 </a> 2313 </span> 2314 <div 2315 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 2316 transform bg-container-lighter translate-x-full" 2317 :class="{ 2318 'translate-x-0': mobilePanelActiveId !== 'j1_2' && mobilePanelActiveId !== 'j1_34' 2319 }" 2320 > 2321 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 2322 @click="removeActiveId('j1_34'); mobilePanelActiveId = 'j1_2'" 2323 > 2324 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 2325 width="24" 2326 stroke="currentColor"> 2327 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2328 d="M15 19l-7-7 7-7"/> 2329 </svg> 2330 <span class="ml-3">Formaggio Gouda al cumino e chiodi di garofano</span> 2331 </a> 2332 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-cumino-e-chiodi.html" 2333 title="Formaggio Gouda al cumino e chiodi di garofano" 2334 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 2335 bg-container-lighter border-container hover:bg-container-darker hover:underline" 2336 > 2337 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2338 viewBox="0 0 24 24" height="24" 2339 width="24"></svg> 2340 <span class="ml-4">Mostra tutti</span> 2341 </a> 2342 <div class="level-2"> 2343 <span 2344 class="flex items-center transition-transform duration-150 ease-in-out transform" 2345 :class="{ 2346 '-translate-x-full': mobilePanelActiveId === 'j1_35' 2347 }" 2348 > 2349 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2350 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-cumino-e-chiodi/formaggio-gouda-cumino.html" 2351 title="Formaggio Gouda al cumino"> 2352 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2353 viewBox="0 0 24 24" height="24" 2354 width="24"></svg> 2355 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Gouda al cumino</span> 2356 2357 </a> 2358 2359 </span> 2360 2361 </div> <div class="level-2"> 2362 <span 2363 class="flex items-center transition-transform duration-150 ease-in-out transform" 2364 :class="{ 2365 '-translate-x-full': mobilePanelActiveId === 'j1_36' 2366 }" 2367 > 2368 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2369 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-cumino-e-chiodi/formaggio-frisia-chiodi-di-garofano.html" 2370 title="Formaggio al chiodo di garofano di Frisia"> 2371 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2372 viewBox="0 0 24 24" height="24" 2373 width="24"></svg> 2374 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio al chiodo di garofano di Frisia</span> 2375 2376 </a> 2377 2378 </span> 2379 2380 </div> 2381 </div> 2382 </div> <div class="level-1"> 2383 <span 2384 class="flex items-center transition-transform duration-150 ease-in-out transform" 2385 :class="{ 2386 '-translate-x-full': mobilePanelActiveId === 'j1_38' 2387 }" 2388 > 2389 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2390 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-gouda-di-jersey.html" 2391 title="Formaggio Gouda di Jersey"> 2392 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2393 viewBox="0 0 24 24" height="24" 2394 width="24"></svg> 2395 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio Gouda di Jersey</span> 2396 2397 </a> 2398 2399 </span> 2400 2401 </div> <div class="level-1"> 2402 <span 2403 class="flex items-center transition-transform duration-150 ease-in-out transform" 2404 :class="{ 2405 '-translate-x-full': mobilePanelActiveId === 'j1_40' 2406 }" 2407 > 2408 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2409 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/farmer-and-proud.html" 2410 title="Contadino e orgoglio"> 2411 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2412 viewBox="0 0 24 24" height="24" 2413 width="24"></svg> 2414 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Contadino e orgoglio</span> 2415 2416 </a> 2417 2418 </span> 2419 2420 </div> <div class="level-1"> 2421 <span 2422 class="flex items-center transition-transform duration-150 ease-in-out transform" 2423 :class="{ 2424 '-translate-x-full': mobilePanelActiveId === 'j1_41' 2425 }" 2426 > 2427 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2428 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/lutjewinkel-1916.html" 2429 title="Lutjewinkel 1916"> 2430 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2431 viewBox="0 0 24 24" height="24" 2432 width="24"></svg> 2433 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Lutjewinkel 1916</span> 2434 2435 </a> 2436 2437 </span> 2438 2439 </div> <div class="level-1"> 2440 <span 2441 class="flex items-center transition-transform duration-150 ease-in-out transform" 2442 :class="{ 2443 '-translate-x-full': mobilePanelActiveId === 'j1_42' 2444 }" 2445 > 2446 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2447 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/bonck-van-blesckens.html" 2448 title="Bonck van Blesckens"> 2449 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2450 viewBox="0 0 24 24" height="24" 2451 width="24"></svg> 2452 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Bonck van Blesckens</span> 2453 2454 </a> 2455 2456 </span> 2457 2458 </div> <div class="level-1"> 2459 <span 2460 class="flex items-center transition-transform duration-150 ease-in-out transform" 2461 :class="{ 2462 '-translate-x-full': mobilePanelActiveId === 'j1_49' 2463 }" 2464 > 2465 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2466 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale.html" 2467 title="Formaggio Gouda speciale"> 2468 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2469 viewBox="0 0 24 24" height="24" 2470 width="24"></svg> 2471 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio Gouda speciale</span> 2472 2473 </a> 2474 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 2475 bg-container-lighter border-container hover:bg-container hover:border-container" 2476 @click="handleNextMenu('j1_49', 'j1_2')" 2477 > 2478 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 2479 stroke="currentColor" 2480 class="w-full h-full p-1" 2481 > 2482 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 2483 </svg> 2484 </a> 2485 </span> 2486 <div 2487 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 2488 transform bg-container-lighter translate-x-full" 2489 :class="{ 2490 'translate-x-0': mobilePanelActiveId !== 'j1_2' && mobilePanelActiveId !== 'j1_49' 2491 }" 2492 > 2493 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 2494 @click="removeActiveId('j1_49'); mobilePanelActiveId = 'j1_2'" 2495 > 2496 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 2497 width="24" 2498 stroke="currentColor"> 2499 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2500 d="M15 19l-7-7 7-7"/> 2501 </svg> 2502 <span class="ml-3">Formaggio Gouda speciale</span> 2503 </a> 2504 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale.html" 2505 title="Formaggio Gouda speciale" 2506 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 2507 bg-container-lighter border-container hover:bg-container-darker hover:underline" 2508 > 2509 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2510 viewBox="0 0 24 24" height="24" 2511 width="24"></svg> 2512 <span class="ml-4">Mostra tutti</span> 2513 </a> 2514 <div class="level-2"> 2515 <span 2516 class="flex items-center transition-transform duration-150 ease-in-out transform" 2517 :class="{ 2518 '-translate-x-full': mobilePanelActiveId === 'j1_51' 2519 }" 2520 > 2521 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2522 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/old-rotterdam.html" 2523 title="Old Rotterdam"> 2524 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2525 viewBox="0 0 24 24" height="24" 2526 width="24"></svg> 2527 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Old Rotterdam</span> 2528 2529 </a> 2530 2531 </span> 2532 2533 </div> <div class="level-2"> 2534 <span 2535 class="flex items-center transition-transform duration-150 ease-in-out transform" 2536 :class="{ 2537 '-translate-x-full': mobilePanelActiveId === 'j1_261' 2538 }" 2539 > 2540 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2541 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/boerenschat.html" 2542 title="Boerenschat"> 2543 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2544 viewBox="0 0 24 24" height="24" 2545 width="24"></svg> 2546 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Boerenschat</span> 2547 2548 </a> 2549 2550 </span> 2551 2552 </div> <div class="level-2"> 2553 <span 2554 class="flex items-center transition-transform duration-150 ease-in-out transform" 2555 :class="{ 2556 '-translate-x-full': mobilePanelActiveId === 'j1_53' 2557 }" 2558 > 2559 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2560 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/maaslander.html" 2561 title="Maaslander"> 2562 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2563 viewBox="0 0 24 24" height="24" 2564 width="24"></svg> 2565 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Maaslander</span> 2566 2567 </a> 2568 2569 </span> 2570 2571 </div> <div class="level-2"> 2572 <span 2573 class="flex items-center transition-transform duration-150 ease-in-out transform" 2574 :class="{ 2575 '-translate-x-full': mobilePanelActiveId === 'j1_54' 2576 }" 2577 > 2578 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2579 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/pittori-olandesi-maestri.html" 2580 title="Pittori olandesi - Maestri"> 2581 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2582 viewBox="0 0 24 24" height="24" 2583 width="24"></svg> 2584 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Pittori olandesi - Maestri</span> 2585 2586 </a> 2587 2588 </span> 2589 2590 </div> <div class="level-2"> 2591 <span 2592 class="flex items-center transition-transform duration-150 ease-in-out transform" 2593 :class="{ 2594 '-translate-x-full': mobilePanelActiveId === 'j1_55' 2595 }" 2596 > 2597 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2598 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/marchi-speciali-di-formaggi.html" 2599 title="Marchi speciali di formaggi"> 2600 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2601 viewBox="0 0 24 24" height="24" 2602 width="24"></svg> 2603 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Marchi speciali di formaggi</span> 2604 2605 </a> 2606 2607 </span> 2608 2609 </div> <div class="level-2"> 2610 <span 2611 class="flex items-center transition-transform duration-150 ease-in-out transform" 2612 :class="{ 2613 '-translate-x-full': mobilePanelActiveId === 'j1_387' 2614 }" 2615 > 2616 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2617 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/weydeland.html" 2618 title="Formaggio Weydeland"> 2619 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2620 viewBox="0 0 24 24" height="24" 2621 width="24"></svg> 2622 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Weydeland</span> 2623 2624 </a> 2625 2626 </span> 2627 2628 </div> <div class="level-2"> 2629 <span 2630 class="flex items-center transition-transform duration-150 ease-in-out transform" 2631 :class="{ 2632 '-translate-x-full': mobilePanelActiveId === 'j1_56' 2633 }" 2634 > 2635 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2636 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/stompetoren.html" 2637 title="Formaggio Stompetoren"> 2638 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2639 viewBox="0 0 24 24" height="24" 2640 width="24"></svg> 2641 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Stompetoren</span> 2642 2643 </a> 2644 2645 </span> 2646 2647 </div> <div class="level-2"> 2648 <span 2649 class="flex items-center transition-transform duration-150 ease-in-out transform" 2650 :class="{ 2651 '-translate-x-full': mobilePanelActiveId === 'j1_386' 2652 }" 2653 > 2654 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2655 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/verburg-kaas.html" 2656 title="Formaggio Verburg"> 2657 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2658 viewBox="0 0 24 24" height="24" 2659 width="24"></svg> 2660 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Verburg</span> 2661 2662 </a> 2663 2664 </span> 2665 2666 </div> <div class="level-2"> 2667 <span 2668 class="flex items-center transition-transform duration-150 ease-in-out transform" 2669 :class="{ 2670 '-translate-x-full': mobilePanelActiveId === 'j1_58' 2671 }" 2672 > 2673 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2674 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/bunker-cheese-holland.html" 2675 title="Formaggio bunker"> 2676 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2677 viewBox="0 0 24 24" height="24" 2678 width="24"></svg> 2679 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio bunker</span> 2680 2681 </a> 2682 2683 </span> 2684 2685 </div> <div class="level-2"> 2686 <span 2687 class="flex items-center transition-transform duration-150 ease-in-out transform" 2688 :class="{ 2689 '-translate-x-full': mobilePanelActiveId === 'j1_59' 2690 }" 2691 > 2692 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2693 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/le-petit-doruvael.html" 2694 title="Le Petit Doruvael"> 2695 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2696 viewBox="0 0 24 24" height="24" 2697 width="24"></svg> 2698 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Le Petit Doruvael</span> 2699 2700 </a> 2701 2702 </span> 2703 2704 </div> <div class="level-2"> 2705 <span 2706 class="flex items-center transition-transform duration-150 ease-in-out transform" 2707 :class="{ 2708 '-translate-x-full': mobilePanelActiveId === 'j1_60' 2709 }" 2710 > 2711 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2712 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/skylger-cheese.html" 2713 title="Skylger cheese"> 2714 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2715 viewBox="0 0 24 24" height="24" 2716 width="24"></svg> 2717 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Skylger cheese</span> 2718 2719 </a> 2720 2721 </span> 2722 2723 </div> <div class="level-2"> 2724 <span 2725 class="flex items-center transition-transform duration-150 ease-in-out transform" 2726 :class="{ 2727 '-translate-x-full': mobilePanelActiveId === 'j1_61' 2728 }" 2729 > 2730 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2731 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/landana-cheese.html" 2732 title="Formaggio Landana"> 2733 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2734 viewBox="0 0 24 24" height="24" 2735 width="24"></svg> 2736 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Landana</span> 2737 2738 </a> 2739 2740 </span> 2741 2742 </div> <div class="level-2"> 2743 <span 2744 class="flex items-center transition-transform duration-150 ease-in-out transform" 2745 :class="{ 2746 '-translate-x-full': mobilePanelActiveId === 'j1_62' 2747 }" 2748 > 2749 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2750 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/prima-donna.html" 2751 title="Prima donna"> 2752 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2753 viewBox="0 0 24 24" height="24" 2754 width="24"></svg> 2755 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Prima donna</span> 2756 2757 </a> 2758 2759 </span> 2760 2761 </div> 2762 </div> 2763 </div> <div class="level-1"> 2764 <span 2765 class="flex items-center transition-transform duration-150 ease-in-out transform" 2766 :class="{ 2767 '-translate-x-full': mobilePanelActiveId === 'j1_65' 2768 }" 2769 > 2770 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2771 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici.html" 2772 title="Formaggi dietetici"> 2773 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2774 viewBox="0 0 24 24" height="24" 2775 width="24"></svg> 2776 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggi dietetici</span> 2777 2778 </a> 2779 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 2780 bg-container-lighter border-container hover:bg-container hover:border-container" 2781 @click="handleNextMenu('j1_65', 'j1_2')" 2782 > 2783 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 2784 stroke="currentColor" 2785 class="w-full h-full p-1" 2786 > 2787 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 2788 </svg> 2789 </a> 2790 </span> 2791 <div 2792 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 2793 transform bg-container-lighter translate-x-full" 2794 :class="{ 2795 'translate-x-0': mobilePanelActiveId !== 'j1_2' && mobilePanelActiveId !== 'j1_65' 2796 }" 2797 > 2798 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 2799 @click="removeActiveId('j1_65'); mobilePanelActiveId = 'j1_2'" 2800 > 2801 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 2802 width="24" 2803 stroke="currentColor"> 2804 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2805 d="M15 19l-7-7 7-7"/> 2806 </svg> 2807 <span class="ml-3">Formaggi dietetici</span> 2808 </a> 2809 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici.html" 2810 title="Formaggi dietetici" 2811 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 2812 bg-container-lighter border-container hover:bg-container-darker hover:underline" 2813 > 2814 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2815 viewBox="0 0 24 24" height="24" 2816 width="24"></svg> 2817 <span class="ml-4">Mostra tutti</span> 2818 </a> 2819 <div class="level-2"> 2820 <span 2821 class="flex items-center transition-transform duration-150 ease-in-out transform" 2822 :class="{ 2823 '-translate-x-full': mobilePanelActiveId === 'j1_66' 2824 }" 2825 > 2826 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2827 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici/formaggi-senza-sale-formaggi-iposodici.html" 2828 title="Formaggi iposodici"> 2829 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2830 viewBox="0 0 24 24" height="24" 2831 width="24"></svg> 2832 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggi iposodici</span> 2833 2834 </a> 2835 2836 </span> 2837 2838 </div> <div class="level-2"> 2839 <span 2840 class="flex items-center transition-transform duration-150 ease-in-out transform" 2841 :class="{ 2842 '-translate-x-full': mobilePanelActiveId === 'j1_221' 2843 }" 2844 > 2845 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2846 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici/formaggio-senza-lattosio.html" 2847 title="Formaggio senza lattosio"> 2848 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2849 viewBox="0 0 24 24" height="24" 2850 width="24"></svg> 2851 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio senza lattosio</span> 2852 2853 </a> 2854 2855 </span> 2856 2857 </div> <div class="level-2"> 2858 <span 2859 class="flex items-center transition-transform duration-150 ease-in-out transform" 2860 :class="{ 2861 '-translate-x-full': mobilePanelActiveId === 'j1_67' 2862 }" 2863 > 2864 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2865 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici.html" 2866 title="Formaggi Gouda ipocalorici"> 2867 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2868 viewBox="0 0 24 24" height="24" 2869 width="24"></svg> 2870 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggi Gouda ipocalorici</span> 2871 2872 </a> 2873 2874 </span> 2875 2876 </div> <div class="level-2"> 2877 <span 2878 class="flex items-center transition-transform duration-150 ease-in-out transform" 2879 :class="{ 2880 '-translate-x-full': mobilePanelActiveId === 'j1_68' 2881 }" 2882 > 2883 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2884 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici/formaggio-30-piu.html" 2885 title="Formaggio Gouda 30+"> 2886 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2887 viewBox="0 0 24 24" height="24" 2888 width="24"></svg> 2889 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Gouda 30+</span> 2890 2891 </a> 2892 2893 </span> 2894 2895 </div> <div class="level-2"> 2896 <span 2897 class="flex items-center transition-transform duration-150 ease-in-out transform" 2898 :class="{ 2899 '-translate-x-full': mobilePanelActiveId === 'j1_69' 2900 }" 2901 > 2902 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2903 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici/formaggio-gouda-20-piu.html" 2904 title="Formaggio Gouda 20+"> 2905 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 2906 viewBox="0 0 24 24" height="24" 2907 width="24"></svg> 2908 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Gouda 20+</span> 2909 2910 </a> 2911 2912 </span> 2913 2914 </div> <div class="level-2"> 2915 <span 2916 class="flex items-center transition-transform duration-150 ease-in-out transform" 2917 :class="{ 2918 '-translate-x-full': mobilePanelActiveId === 'j1_220' 2919 }" 2920 > 2921 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2922 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-gouda-ipocalorici/formaggio-a2a2.html" 2923 title="Formaggio A2A2"> 2924 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2925 viewBox="0 0 24 24" height="24" 2926 width="24"></svg> 2927 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio A2A2</span> 2928 2929 </a> 2930 2931 </span> 2932 2933 </div> 2934 </div> 2935 </div> <div class="level-1"> 2936 <span 2937 class="flex items-center transition-transform duration-150 ease-in-out transform" 2938 :class="{ 2939 '-translate-x-full': mobilePanelActiveId === 'j1_241' 2940 }" 2941 > 2942 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2943 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland.html" 2944 title="Formaggi delle Isole Wadden"> 2945 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2946 viewBox="0 0 24 24" height="24" 2947 width="24"></svg> 2948 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggi delle Isole Wadden</span> 2949 2950 </a> 2951 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 2952 bg-container-lighter border-container hover:bg-container hover:border-container" 2953 @click="handleNextMenu('j1_241', 'j1_2')" 2954 > 2955 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 2956 stroke="currentColor" 2957 class="w-full h-full p-1" 2958 > 2959 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 2960 </svg> 2961 </a> 2962 </span> 2963 <div 2964 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 2965 transform bg-container-lighter translate-x-full" 2966 :class="{ 2967 'translate-x-0': mobilePanelActiveId !== 'j1_2' && mobilePanelActiveId !== 'j1_241' 2968 }" 2969 > 2970 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 2971 @click="removeActiveId('j1_241'); mobilePanelActiveId = 'j1_2'" 2972 > 2973 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 2974 width="24" 2975 stroke="currentColor"> 2976 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2977 d="M15 19l-7-7 7-7"/> 2978 </svg> 2979 <span class="ml-3">Formaggi delle Isole Wadden</span> 2980 </a> 2981 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland.html" 2982 title="Formaggi delle Isole Wadden" 2983 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 2984 bg-container-lighter border-container hover:bg-container-darker hover:underline" 2985 > 2986 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
2987 viewBox="0 0 24 24" height="24" 2988 width="24"></svg> 2989 <span class="ml-4">Mostra tutti</span> 2990 </a> 2991 <div class="level-2"> 2992 <span 2993 class="flex items-center transition-transform duration-150 ease-in-out transform" 2994 :class="{ 2995 '-translate-x-full': mobilePanelActiveId === 'j1_244' 2996 }" 2997 > 2998 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 2999 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/formaggio-di-pecora-texel-wezenspyk.html" 3000 title="Formaggio di Texel - Wezenspyk"> 3001 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3002 viewBox="0 0 24 24" height="24" 3003 width="24"></svg> 3004 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio di Texel - Wezenspyk</span> 3005 3006 </a> 3007 3008 </span> 3009 3010 </div> <div class="level-2"> 3011 <span 3012 class="flex items-center transition-transform duration-150 ease-in-out transform" 3013 :class="{ 3014 '-translate-x-full': mobilePanelActiveId === 'j1_245' 3015 }" 3016 > 3017 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3018 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/formaggio-bunker-vlieland.html" 3019 title="Formaggio Bunker di Vlieland"> 3020 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3021 viewBox="0 0 24 24" height="24" 3022 width="24"></svg> 3023 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Bunker di Vlieland</span> 3024 3025 </a> 3026 3027 </span> 3028 3029 </div> <div class="level-2"> 3030 <span 3031 class="flex items-center transition-transform duration-150 ease-in-out transform" 3032 :class="{ 3033 '-translate-x-full': mobilePanelActiveId === 'j1_246' 3034 }" 3035 > 3036 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3037 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/formaggio-terschellinger.html" 3038 title="Formaggio Terschellinger"> 3039 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3040 viewBox="0 0 24 24" height="24" 3041 width="24"></svg> 3042 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Terschellinger</span> 3043 3044 </a> 3045 3046 </span> 3047 3048 </div> <div class="level-2"> 3049 <span 3050 class="flex items-center transition-transform duration-150 ease-in-out transform" 3051 :class="{ 3052 '-translate-x-full': mobilePanelActiveId === 'j1_247' 3053 }" 3054 > 3055 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3056 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/formaggio-skylger-terschelling.html" 3057 title="Formaggio Skylger di Terschelling"> 3058 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3059 viewBox="0 0 24 24" height="24" 3060 width="24"></svg> 3061 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Formaggio Skylger di Terschelling</span> 3062 3063 </a> 3064 3065 </span> 3066 3067 </div> <div class="level-2"> 3068 <span 3069 class="flex items-center transition-transform duration-150 ease-in-out transform" 3070 :class="{ 3071 '-translate-x-full': mobilePanelActiveId === 'j1_248' 3072 }" 3073 > 3074 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3075 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/van-schier-schiermonnikoog.html" 3076 title="Van Schier - Schiermonnikoog"> 3077 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3078 viewBox="0 0 24 24" height="24" 3079 width="24"></svg> 3080 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Van Schier - Schiermonnikoog</span> 3081 3082 </a> 3083 3084 </span> 3085 3086 </div> <div class="level-2"> 3087 <span 3088 class="flex items-center transition-transform duration-150 ease-in-out transform" 3089 :class="{ 3090 '-translate-x-full': mobilePanelActiveId === 'j1_256' 3091 }" 3092 > 3093 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3094 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-isole-wadden-terschelling-texel-vlieland/fattoria-casearia-de-zeekraal.html" 3095 title="De Zeekraal"> 3096 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3097 viewBox="0 0 24 24" height="24" 3098 width="24"></svg> 3099 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">De Zeekraal</span> 3100 3101 </a> 3102 3103 </span> 3104 3105 </div> 3106 </div> 3107 </div> <div class="level-1"> 3108 <span 3109 class="flex items-center transition-transform duration-150 ease-in-out transform" 3110 :class="{ 3111 '-translate-x-full': mobilePanelActiveId === 'j1_72' 3112 }" 3113 > 3114 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3115 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-affettato.html" 3116 title="Formaggio a fette"> 3117 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3118 viewBox="0 0 24 24" height="24" 3119 width="24"></svg> 3120 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio a fette</span> 3121 3122 </a> 3123 3124 </span> 3125 3126 </div> <div class="level-1"> 3127 <span 3128 class="flex items-center transition-transform duration-150 ease-in-out transform" 3129 :class="{ 3130 '-translate-x-full': mobilePanelActiveId === 'j1_73' 3131 }" 3132 > 3133 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3134 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/piccoli-dadi-di-formaggio.html" 3135 title="Cubetti Di Formaggio"> 3136 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3137 viewBox="0 0 24 24" height="24" 3138 width="24"></svg> 3139 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Cubetti Di Formaggio</span> 3140 3141 </a> 3142 3143 </span> 3144 3145 </div> <div class="level-1"> 3146 <span 3147 class="flex items-center transition-transform duration-150 ease-in-out transform" 3148 :class="{ 3149 '-translate-x-full': mobilePanelActiveId === 'j1_74' 3150 }" 3151 > 3152 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3153 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-spalmabile.html" 3154 title="Formaggio olandese spalmabile"> 3155 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3156 viewBox="0 0 24 24" height="24" 3157 width="24"></svg> 3158 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio olandese spalmabile</span> 3159 3160 </a> 3161 3162 </span> 3163 3164 </div> <div class="level-1"> 3165 <span 3166 class="flex items-center transition-transform duration-150 ease-in-out transform" 3167 :class="{ 3168 '-translate-x-full': mobilePanelActiveId === 'j1_75' 3169 }" 3170 > 3171 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3172 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/blocco-di-formaggio-gouda.html" 3173 title="Blocco di formaggio - Gastronomia"> 3174 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3175 viewBox="0 0 24 24" height="24" 3176 width="24"></svg> 3177 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Blocco di formaggio - Gastronomia</span> 3178 3179 </a> 3180 3181 </span> 3182 3183 </div> <div class="level-1"> 3184 <span 3185 class="flex items-center transition-transform duration-150 ease-in-out transform" 3186 :class="{ 3187 '-translate-x-full': mobilePanelActiveId === 'j1_77' 3188 }" 3189 > 3190 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3191 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-vegano.html" 3192 title="Formaggio vegano"> 3193 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3194 viewBox="0 0 24 24" height="24" 3195 width="24"></svg> 3196 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio vegano</span> 3197 3198 </a> 3199 3200 </span> 3201 3202 </div> <div class="level-1"> 3203 <span 3204 class="flex items-center transition-transform duration-150 ease-in-out transform" 3205 :class="{ 3206 '-translate-x-full': mobilePanelActiveId === 'j1_79' 3207 }" 3208 > 3209 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3210 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/red-rind-cheese.html" 3211 title="Formaggio a buccia rossa"> 3212 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3213 viewBox="0 0 24 24" height="24" 3214 width="24"></svg> 3215 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio a buccia rossa</span> 3216 3217 </a> 3218 3219 </span> 3220 3221 </div> <div class="level-1"> 3222 <span 3223 class="flex items-center transition-transform duration-150 ease-in-out transform" 3224 :class="{ 3225 '-translate-x-full': mobilePanelActiveId === 'j1_210' 3226 }" 3227 > 3228 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3229 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/solo-un-po-diverso.html" 3230 title="Solo un po' diverso"> 3231 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3232 viewBox="0 0 24 24" height="24" 3233 width="24"></svg> 3234 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Solo un po' diverso</span> 3235 3236 </a> 3237 3238 </span> 3239 3240 </div> <div class="level-1"> 3241 <span 3242 class="flex items-center transition-transform duration-150 ease-in-out transform" 3243 :class="{ 3244 '-translate-x-full': mobilePanelActiveId === 'j1_211' 3245 }" 3246 > 3247 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3248 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-tagliere.html" 3249 title="Formaggio per il tagliere"> 3250 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3251 viewBox="0 0 24 24" height="24" 3252 width="24"></svg> 3253 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio per il tagliere</span> 3254 3255 </a> 3256 3257 </span> 3258 3259 </div> 3260 </div> 3261 </div> 3262 <div class="level-0"> 3263 3264 3265 <span 3266 class="flex items-center transition-transform duration-150 ease-in-out transform" 3267 :class="{'-translate-x-full': mobilePanelActiveId}" 3268 > 3269 <a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3270 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses.html" 3271 title="formaggio EU"> 3272 <span class="mr-2 hover:underline category-name">formaggio EU</span> 3273 </a> 3274 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 3275 bg-container-lighter border-container hover:bg-container hover:border-container" 3276 @click="handleNextMenu('j1_3')" 3277 > 3278 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 3279 stroke="currentColor" 3280 class="w-full h-full p-1" 3281 > 3282 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 3283 </svg> 3284 </a> 3285 </span> 3286 <div 3287 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 3288 transform bg-container-lighter" 3289 :class="{ 3290 'translate-x-full': !mobilePanelActiveId || !activeIds.includes('j1_3'), 3291 '-translate-x-full': mobilePanelActiveId !== 'j1_3', 3292 }" 3293 > 3294 <a class="flex items-center px-8 py-2 border-b cursor-pointer bg-container border-container" 3295 @click="mobilePanelActiveId = null, removeActiveId('j1_3')" 3296 > 3297 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 3298 width="24" 3299 stroke="currentColor"> 3300 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 3301 d="M15 19l-7-7 7-7"/> 3302 </svg> 3303 <span class="ml-4">formaggio EU</span> 3304 3305 </a> 3306 3307 <div class="px-17 py-2"> 3308 <p class="text-xs font-bold ml-10">Scegli una categoria</p> 3309 </div> 3310 3311 3312 3313 3314 <div class="level-1"> 3315 <span 3316 class="flex items-center transition-transform duration-150 ease-in-out transform" 3317 :class="{ 3318 '-translate-x-full': mobilePanelActiveId === 'j1_80' 3319 }" 3320 > 3321 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3322 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/formaggio-austriaco.html" 3323 title="formaggio austriaco"> 3324 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3325 viewBox="0 0 24 24" height="24" 3326 width="24"></svg> 3327 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">formaggio austriaco</span> 3328 3329 </a> 3330 3331 </span> 3332 3333 </div> <div class="level-1"> 3334 <span 3335 class="flex items-center transition-transform duration-150 ease-in-out transform" 3336 :class="{ 3337 '-translate-x-full': mobilePanelActiveId === 'j1_81' 3338 }" 3339 > 3340 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3341 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/belgian-cheese.html" 3342 title="Formaggio belga"> 3343 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3344 viewBox="0 0 24 24" height="24" 3345 width="24"></svg> 3346 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio belga</span> 3347 3348 </a> 3349 3350 </span> 3351 3352 </div> <div class="level-1"> 3353 <span 3354 class="flex items-center transition-transform duration-150 ease-in-out transform" 3355 :class="{ 3356 '-translate-x-full': mobilePanelActiveId === 'j1_82' 3357 }" 3358 > 3359 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3360 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/danish-cheese.html" 3361 title="Formaggio danese"> 3362 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3363 viewBox="0 0 24 24" height="24" 3364 width="24"></svg> 3365 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio danese</span> 3366 3367 </a> 3368 3369 </span> 3370 3371 </div> <div class="level-1"> 3372 <span 3373 class="flex items-center transition-transform duration-150 ease-in-out transform" 3374 :class="{ 3375 '-translate-x-full': mobilePanelActiveId === 'j1_83' 3376 }" 3377 > 3378 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3379 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/french-cheese.html" 3380 title="Formaggio francese"> 3381 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3382 viewBox="0 0 24 24" height="24" 3383 width="24"></svg> 3384 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio francese</span> 3385 3386 </a> 3387 3388 </span> 3389 3390 </div> <div class="level-1"> 3391 <span 3392 class="flex items-center transition-transform duration-150 ease-in-out transform" 3393 :class="{ 3394 '-translate-x-full': mobilePanelActiveId === 'j1_84' 3395 }" 3396 > 3397 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3398 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/greek-cheese.html" 3399 title="Formaggio greco"> 3400 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3401 viewBox="0 0 24 24" height="24" 3402 width="24"></svg> 3403 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio greco</span> 3404 3405 </a> 3406 3407 </span> 3408 3409 </div> <div class="level-1"> 3410 <span 3411 class="flex items-center transition-transform duration-150 ease-in-out transform" 3412 :class="{ 3413 '-translate-x-full': mobilePanelActiveId === 'j1_85' 3414 }" 3415 > 3416 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3417 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/english-cheese.html" 3418 title="Formaggio inglese"> 3419 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3420 viewBox="0 0 24 24" height="24" 3421 width="24"></svg> 3422 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio inglese</span> 3423 3424 </a> 3425 3426 </span> 3427 3428 </div> <div class="level-1"> 3429 <span 3430 class="flex items-center transition-transform duration-150 ease-in-out transform" 3431 :class="{ 3432 '-translate-x-full': mobilePanelActiveId === 'j1_86' 3433 }" 3434 > 3435 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3436 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/italian-cheese.html" 3437 title="Formaggio italiano"> 3438 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3439 viewBox="0 0 24 24" height="24" 3440 width="24"></svg> 3441 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio italiano</span> 3442 3443 </a> 3444 3445 </span> 3446 3447 </div> <div class="level-1"> 3448 <span 3449 class="flex items-center transition-transform duration-150 ease-in-out transform" 3450 :class="{ 3451 '-translate-x-full': mobilePanelActiveId === 'j1_87' 3452 }" 3453 > 3454 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3455 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/norwegian-cheese-cheese-from-norway.html" 3456 title="Formaggio norvegese"> 3457 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3458 viewBox="0 0 24 24" height="24" 3459 width="24"></svg> 3460 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio norvegese</span> 3461 3462 </a> 3463 3464 </span> 3465 3466 </div> <div class="level-1"> 3467 <span 3468 class="flex items-center transition-transform duration-150 ease-in-out transform" 3469 :class="{ 3470 '-translate-x-full': mobilePanelActiveId === 'j1_385' 3471 }" 3472 > 3473 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3474 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/formaggio-portoghese.html" 3475 title="Formaggio Portoghese"> 3476 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3477 viewBox="0 0 24 24" height="24" 3478 width="24"></svg> 3479 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio Portoghese</span> 3480 3481 </a> 3482 3483 </span> 3484 3485 </div> <div class="level-1"> 3486 <span 3487 class="flex items-center transition-transform duration-150 ease-in-out transform" 3488 :class="{ 3489 '-translate-x-full': mobilePanelActiveId === 'j1_88' 3490 }" 3491 > 3492 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3493 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/spanish-cheese.html" 3494 title="Formaggio spagnolo"> 3495 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3496 viewBox="0 0 24 24" height="24" 3497 width="24"></svg> 3498 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio spagnolo</span> 3499 3500 </a> 3501 3502 </span> 3503 3504 </div> <div class="level-1"> 3505 <span 3506 class="flex items-center transition-transform duration-150 ease-in-out transform" 3507 :class="{ 3508 '-translate-x-full': mobilePanelActiveId === 'j1_89' 3509 }" 3510 > 3511 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3512 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/swiss-cheese-cheese-from-switzerland.html" 3513 title="Formaggi Svizzeri"> 3514 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3515 viewBox="0 0 24 24" height="24" 3516 width="24"></svg> 3517 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggi Svizzeri</span> 3518 3519 </a> 3520 3521 </span> 3522 3523 </div> <div class="level-1"> 3524 <span 3525 class="flex items-center transition-transform duration-150 ease-in-out transform" 3526 :class="{ 3527 '-translate-x-full': mobilePanelActiveId === 'j1_384' 3528 }" 3529 > 3530 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3531 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/united-states-cheese.html" 3532 title="Formaggio Americano"> 3533 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3534 viewBox="0 0 24 24" height="24" 3535 width="24"></svg> 3536 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio Americano</span> 3537 3538 </a> 3539 3540 </span> 3541 3542 </div> <div class="level-1"> 3543 <span 3544 class="flex items-center transition-transform duration-150 ease-in-out transform" 3545 :class="{ 3546 '-translate-x-full': mobilePanelActiveId === 'j1_90' 3547 }" 3548 > 3549 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3550 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/appenzeller.html" 3551 title="Appenzeller"> 3552 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3553 viewBox="0 0 24 24" height="24" 3554 width="24"></svg> 3555 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Appenzeller</span> 3556 3557 </a> 3558 3559 </span> 3560 3561 </div> <div class="level-1"> 3562 <span 3563 class="flex items-center transition-transform duration-150 ease-in-out transform" 3564 :class="{ 3565 '-translate-x-full': mobilePanelActiveId === 'j1_91' 3566 }" 3567 > 3568 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3569 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/cheddar-cheese.html" 3570 title="Cheddar"> 3571 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3572 viewBox="0 0 24 24" height="24" 3573 width="24"></svg> 3574 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Cheddar</span> 3575 3576 </a> 3577 3578 </span> 3579 3580 </div> <div class="level-1"> 3581 <span 3582 class="flex items-center transition-transform duration-150 ease-in-out transform" 3583 :class="{ 3584 '-translate-x-full': mobilePanelActiveId === 'j1_92' 3585 }" 3586 > 3587 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3588 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/comte.html" 3589 title="Comté"> 3590 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3591 viewBox="0 0 24 24" height="24" 3592 width="24"></svg> 3593 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Comté</span> 3594 3595 </a> 3596 3597 </span> 3598 3599 </div> <div class="level-1"> 3600 <span 3601 class="flex items-center transition-transform duration-150 ease-in-out transform" 3602 :class="{ 3603 '-translate-x-full': mobilePanelActiveId === 'j1_93' 3604 }" 3605 > 3606 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3607 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/emmentaler.html" 3608 title="Emmentaler"> 3609 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3610 viewBox="0 0 24 24" height="24" 3611 width="24"></svg> 3612 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Emmentaler</span> 3613 3614 </a> 3615 3616 </span> 3617 3618 </div> <div class="level-1"> 3619 <span 3620 class="flex items-center transition-transform duration-150 ease-in-out transform" 3621 :class="{ 3622 '-translate-x-full': mobilePanelActiveId === 'j1_94' 3623 }" 3624 > 3625 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3626 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/grana-padano-italian-cheese.html" 3627 title="Grana Padano"> 3628 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3629 viewBox="0 0 24 24" height="24" 3630 width="24"></svg> 3631 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Grana Padano</span> 3632 3633 </a> 3634 3635 </span> 3636 3637 </div> <div class="level-1"> 3638 <span 3639 class="flex items-center transition-transform duration-150 ease-in-out transform" 3640 :class="{ 3641 '-translate-x-full': mobilePanelActiveId === 'j1_95' 3642 }" 3643 > 3644 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3645 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/gruyere.html" 3646 title="Gruyere"> 3647 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3648 viewBox="0 0 24 24" height="24" 3649 width="24"></svg> 3650 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Gruyere</span> 3651 3652 </a> 3653 3654 </span> 3655 3656 </div> <div class="level-1"> 3657 <span 3658 class="flex items-center transition-transform duration-150 ease-in-out transform" 3659 :class="{ 3660 '-translate-x-full': mobilePanelActiveId === 'j1_96' 3661 }" 3662 > 3663 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3664 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/kaltbach.html" 3665 title="Kaltbach"> 3666 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3667 viewBox="0 0 24 24" height="24" 3668 width="24"></svg> 3669 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Kaltbach</span> 3670 3671 </a> 3672 3673 </span> 3674 3675 </div> <div class="level-1"> 3676 <span 3677 class="flex items-center transition-transform duration-150 ease-in-out transform" 3678 :class="{ 3679 '-translate-x-full': mobilePanelActiveId === 'j1_97' 3680 }" 3681 > 3682 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3683 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/laendle-kaese.html" 3684 title="Ländle Käse"> 3685 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3686 viewBox="0 0 24 24" height="24" 3687 width="24"></svg> 3688 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Ländle Käse</span> 3689 3690 </a> 3691 3692 </span> 3693 3694 </div> <div class="level-1"> 3695 <span 3696 class="flex items-center transition-transform duration-150 ease-in-out transform" 3697 :class="{ 3698 '-translate-x-full': mobilePanelActiveId === 'j1_98' 3699 }" 3700 > 3701 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3702 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/manchego.html" 3703 title="Manchego"> 3704 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3705 viewBox="0 0 24 24" height="24" 3706 width="24"></svg> 3707 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Manchego</span> 3708 3709 </a> 3710 3711 </span> 3712 3713 </div> <div class="level-1"> 3714 <span 3715 class="flex items-center transition-transform duration-150 ease-in-out transform" 3716 :class="{ 3717 '-translate-x-full': mobilePanelActiveId === 'j1_99' 3718 }" 3719 > 3720 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3721 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/parmesan.html" 3722 title="Parmesan - Parmigiano Reggiano"> 3723 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3724 viewBox="0 0 24 24" height="24" 3725 width="24"></svg> 3726 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Parmesan - Parmigiano Reggiano</span> 3727 3728 </a> 3729 3730 </span> 3731 3732 </div> <div class="level-1"> 3733 <span 3734 class="flex items-center transition-transform duration-150 ease-in-out transform" 3735 :class="{ 3736 '-translate-x-full': mobilePanelActiveId === 'j1_100' 3737 }" 3738 > 3739 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3740 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/pecorino.html" 3741 title="Pecorino"> 3742 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3743 viewBox="0 0 24 24" height="24" 3744 width="24"></svg> 3745 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Pecorino</span> 3746 3747 </a> 3748 3749 </span> 3750 3751 </div> <div class="level-1"> 3752 <span 3753 class="flex items-center transition-transform duration-150 ease-in-out transform" 3754 :class="{ 3755 '-translate-x-full': mobilePanelActiveId === 'j1_101' 3756 }" 3757 > 3758 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3759 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/provolone.html" 3760 title="Provolone"> 3761 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3762 viewBox="0 0 24 24" height="24" 3763 width="24"></svg> 3764 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Provolone</span> 3765 3766 </a> 3767 3768 </span> 3769 3770 </div> <div class="level-1"> 3771 <span 3772 class="flex items-center transition-transform duration-150 ease-in-out transform" 3773 :class="{ 3774 '-translate-x-full': mobilePanelActiveId === 'j1_382' 3775 }" 3776 > 3777 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3778 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/beppino-occelli.html" 3779 title="Beppino Occelli (Esclusivo)"> 3780 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3781 viewBox="0 0 24 24" height="24" 3782 width="24"></svg> 3783 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Beppino Occelli (Esclusivo)</span> 3784 3785 </a> 3786 3787 </span> 3788 3789 </div> <div class="level-1"> 3790 <span 3791 class="flex items-center transition-transform duration-150 ease-in-out transform" 3792 :class="{ 3793 '-translate-x-full': mobilePanelActiveId === 'j1_102' 3794 }" 3795 > 3796 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3797 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/raclette.html" 3798 title="Raclette"> 3799 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3800 viewBox="0 0 24 24" height="24" 3801 width="24"></svg> 3802 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Raclette</span> 3803 3804 </a> 3805 3806 </span> 3807 3808 </div> <div class="level-1"> 3809 <span 3810 class="flex items-center transition-transform duration-150 ease-in-out transform" 3811 :class="{ 3812 '-translate-x-full': mobilePanelActiveId === 'j1_103' 3813 }" 3814 > 3815 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3816 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/stilton.html" 3817 title="Stilton"> 3818 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3819 viewBox="0 0 24 24" height="24" 3820 width="24"></svg> 3821 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Stilton</span> 3822 3823 </a> 3824 3825 </span> 3826 3827 </div> <div class="level-1"> 3828 <span 3829 class="flex items-center transition-transform duration-150 ease-in-out transform" 3830 :class="{ 3831 '-translate-x-full': mobilePanelActiveId === 'j1_104' 3832 }" 3833 > 3834 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3835 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/edam-baby-gouda-e-piccole-forme-di-formaggio/formaggio-tete-de-moine.html" 3836 title="Formaggio Tête de Moine"> 3837 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3838 viewBox="0 0 24 24" height="24" 3839 width="24"></svg> 3840 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio Tête de Moine</span> 3841 3842 </a> 3843 3844 </span> 3845 3846 </div> <div class="level-1"> 3847 <span 3848 class="flex items-center transition-transform duration-150 ease-in-out transform" 3849 :class="{ 3850 '-translate-x-full': mobilePanelActiveId === 'j1_392' 3851 }" 3852 > 3853 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3854 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/taleggio.html" 3855 title="Taleggio"> 3856 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3857 viewBox="0 0 24 24" height="24" 3858 width="24"></svg> 3859 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Taleggio</span> 3860 3861 </a> 3862 3863 </span> 3864 3865 </div> <div class="level-1"> 3866 <span 3867 class="flex items-center transition-transform duration-150 ease-in-out transform" 3868 :class="{ 3869 '-translate-x-full': mobilePanelActiveId === 'j1_106' 3870 }" 3871 > 3872 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3873 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/tilsiter.html" 3874 title="Tilsiter"> 3875 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3876 viewBox="0 0 24 24" height="24" 3877 width="24"></svg> 3878 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Tilsiter</span> 3879 3880 </a> 3881 3882 </span> 3883 3884 </div> <div class="level-1"> 3885 <span 3886 class="flex items-center transition-transform duration-150 ease-in-out transform" 3887 :class="{ 3888 '-translate-x-full': mobilePanelActiveId === 'j1_391' 3889 }" 3890 > 3891 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3892 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/formaggi-europei-piu-esclusivi.html" 3893 title="Formaggi Europei Più Esclusivi"> 3894 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3895 viewB
3895ox="0 0 24 24" height="24" 3896 width="24"></svg> 3897 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggi Europei Più Esclusivi</span> 3898 3899 </a> 3900 3901 </span> 3902 3903 </div> <div class="level-1"> 3904 <span 3905 class="flex items-center transition-transform duration-150 ease-in-out transform" 3906 :class="{ 3907 '-translate-x-full': mobilePanelActiveId === 'j1_223' 3908 }" 3909 > 3910 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3911 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-alla-birra-formaggio-abbazia.html" 3912 title="formaggio alla birra - Abbazia"> 3913 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3914 viewBox="0 0 24 24" height="24" 3915 width="24"></svg> 3916 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">formaggio alla birra - Abbazia</span> 3917 3918 </a> 3919 3920 </span> 3921 3922 </div> <div class="level-1"> 3923 <span 3924 class="flex items-center transition-transform duration-150 ease-in-out transform" 3925 :class="{ 3926 '-translate-x-full': mobilePanelActiveId === 'j1_224' 3927 }" 3928 > 3929 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3930 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-gouda-speciale/formaggio-blu.html" 3931 title="Formaggio blu"> 3932 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3933 viewBox="0 0 24 24" height="24" 3934 width="24"></svg> 3935 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio blu</span> 3936 3937 </a> 3938 3939 </span> 3940 3941 </div> <div class="level-1"> 3942 <span 3943 class="flex items-center transition-transform duration-150 ease-in-out transform" 3944 :class="{ 3945 '-translate-x-full': mobilePanelActiveId === 'j1_107' 3946 }" 3947 > 3948 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3949 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/truffle-cheese-cheeses-with-truffel.html" 3950 title="Formaggio al tartufo"> 3951 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3952 viewBox="0 0 24 24" height="24" 3953 width="24"></svg> 3954 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio al tartufo</span> 3955 3956 </a> 3957 3958 </span> 3959 3960 </div> <div class="level-1"> 3961 <span 3962 class="flex items-center transition-transform duration-150 ease-in-out transform" 3963 :class="{ 3964 '-translate-x-full': mobilePanelActiveId === 'j1_108' 3965 }" 3966 > 3967 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3968 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/wine-cheese.html" 3969 title="Formaggio al vino"> 3970 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 3971 viewBox="0 0 24 24" height="24" 3972 width="24"></svg> 3973 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio al vino</span> 3974 3975 </a> 3976 3977 </span> 3978 3979 </div> <div class="level-1"> 3980 <span 3981 class="flex items-center transition-transform duration-150 ease-in-out transform" 3982 :class="{ 3983 '-translate-x-full': mobilePanelActiveId === 'j1_383' 3984 }" 3985 > 3986 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 3987 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/formaggio-con-caffe.html" 3988 title="Formaggio al caffè"> 3989 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
3990 viewBox="0 0 24 24" height="24" 3991 width="24"></svg> 3992 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio al caffè</span> 3993 3994 </a> 3995 3996 </span> 3997 3998 </div> 3999 </div> 4000 </div> 4001 <div class="level-0"> 4002 4003 4004 <span 4005 class="flex items-center transition-transform duration-150 ease-in-out transform" 4006 :class="{'-translate-x-full': mobilePanelActiveId}" 4007 > 4008 <a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4009 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/offerte.html" 4010 title="Offerte di formaggio"> 4011 <span class="mr-2 hover:underline category-name">Offerte di formaggio</span> 4012 </a> 4013 </span> 4014 </div> 4015 <div class="level-0"> 4016 4017 4018 <span 4019 class="flex items-center transition-transform duration-150 ease-in-out transform" 4020 :class="{'-translate-x-full': mobilePanelActiveId}" 4021 > 4022 <a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4023 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-intero-o-forma-di-formaggio.html" 4024 title="Formaggio intero"> 4025 <span class="mr-2 hover:underline category-name">Formaggio intero</span> 4026 <span class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-white bg-yellow-600 rounded-full">Hot</span> </a> 4027 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 4028 bg-container-lighter border-container hover:bg-container hover:border-container" 4029 @click="handleNextMenu('j1_5')" 4030 > 4031 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 4032 stroke="currentColor" 4033 class="w-full h-full p-1" 4034 > 4035 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 4036 </svg> 4037 </a> 4038 </span> 4039 <div 4040 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 4041 transform bg-container-lighter" 4042 :class="{ 4043 'translate-x-full': !mobilePanelActiveId || !activeIds.includes('j1_5'), 4044 '-translate-x-full': mobilePanelActiveId !== 'j1_5', 4045 }" 4046 > 4047 <a class="flex items-center px-8 py-2 border-b cursor-pointer bg-container border-container" 4048 @click="mobilePanelActiveId = null, removeActiveId('j1_5')" 4049 > 4050 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 4051 width="24" 4052 stroke="currentColor"> 4053 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 4054 d="M15 19l-7-7 7-7"/> 4055 </svg>
4056 <span class="ml-4">Formaggio intero</span> 4057 4058 </a> 4059 4060 <div class="px-17 py-2"> 4061 <p class="text-xs font-bold ml-10">Scegli una categoria</p> 4062 </div> 4063 4064 4065 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-intero-o-forma-di-formaggio.html" 4066 title="Formaggio intero" 4067 class="flex items-center w-full px-8 py-2 border-b cursor-pointer 4068 bg-container-lighter border-container hover:bg-container-darker hover:underline" 4069 > 4070 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4071 viewBox="0 0 24 24" height="24" 4072 width="24"></svg> 4073 <span class="ml-3">Mostra tutti</span> 4074 </a> 4075 4076 4077 <div class="level-1"> 4078 <span 4079 class="flex items-center transition-transform duration-150 ease-in-out transform" 4080 :class="{ 4081 '-translate-x-full': mobilePanelActiveId === 'j1_43' 4082 }" 4083 > 4084 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4085 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-intero-o-forma-di-formaggio.html" 4086 title="Formaggi interi - 12 chili (Sconto del 20%)"> 4087 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4088 viewBox="0 0 24 24" height="24" 4089 width="24"></svg> 4090 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggi interi - 12 chili (Sconto del 20%)</span> 4091 4092 </a> 4093 4094 </span> 4095 4096 </div> <div class="level-1"> 4097 <span 4098 class="flex items-center transition-transform duration-150 ease-in-out transform" 4099 :class="{ 4100 '-translate-x-full': mobilePanelActiveId === 'j1_44' 4101 }" 4102 > 4103 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4104 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-intero-o-forma-di-formaggio/formaggio-piccolo.html" 4105 title="+/- 4 Kilo Formaggi modello Amsterdam"> 4106 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4107 viewBox="0 0 24 24" height="24" 4108 width="24"></svg> 4109 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">+/- 4 Kilo Formaggi modello Amsterdam</span> 4110 4111 </a> 4112 4113 </span> 4114 4115 </div> <div class="level-1"> 4116 <span 4117 class="flex items-center transition-transform duration-150 ease-in-out transform" 4118 :class="{ 4119 '-translate-x-full': mobilePanelActiveId === 'j1_46' 4120 }" 4121 > 4122 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4123 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/edam-baby-gouda-e-piccole-forme-di-formaggio/formaggio-edam.html" 4124 title="Formaggio Edam"> 4125 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4126 viewBox="0 0 24 24" height="24" 4127 width="24"></svg> 4128 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio Edam</span> 4129 4130 </a> 4131 4132 </span> 4133 4134 </div> <div class="level-1"> 4135 <span 4136 class="flex items-center transition-transform duration-150 ease-in-out transform" 4137 :class="{ 4138 '-translate-x-full': mobilePanelActiveId === 'j1_45' 4139 }" 4140 > 4141 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4142 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/edam-baby-gouda-e-piccole-forme-di-formaggio.html" 4143 title="Piccole forme di formaggio"> 4144 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4145 viewB
4145ox="0 0 24 24" height="24" 4146 width="24"></svg> 4147 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Piccole forme di formaggio</span> 4148 4149 </a> 4150 4151 </span> 4152 4153 </div> <div class="level-1"> 4154 <span 4155 class="flex items-center transition-transform duration-150 ease-in-out transform" 4156 :class="{ 4157 '-translate-x-full': mobilePanelActiveId === 'j1_48' 4158 }" 4159 > 4160 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4161 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/edam-baby-gouda-e-piccole-forme-di-formaggio/formaggio-olandese-affumicato.html" 4162 title="Piccolo formaggio affumicato"> 4163 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4164 viewBox="0 0 24 24" height="24" 4165 width="24"></svg> 4166 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Piccolo formaggio affumicato</span> 4167 4168 </a> 4169 4170 </span> 4171 4172 </div> 4173 </div> 4174 </div> 4175 <div class="level-0"> 4176 4177 4178 <span 4179 class="flex items-center transition-transform duration-150 ease-in-out transform" 4180 :class="{'-translate-x-full': mobilePanelActiveId}" 4181 > 4182 <a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4183 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-premiati.html" 4184 title="Formaggi premiati"> 4185 <span class="mr-2 hover:underline category-name">Formaggi premiati</span> 4186 </a> 4187 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 4188 bg-container-lighter border-container hover:bg-container hover:border-container" 4189 @click="handleNextMenu('j1_64')" 4190 > 4191 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 4192 stroke="currentColor" 4193 class="w-full h-full p-1" 4194 > 4195 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 4196 </svg> 4197 </a> 4198 </span> 4199 <div 4200 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 4201 transform bg-container-lighter" 4202 :class="{ 4203 'translate-x-full': !mobilePanelActiveId || !activeIds.includes('j1_64'), 4204 '-translate-x-full': mobilePanelActiveId !== 'j1_64', 4205 }" 4206 > 4207 <a class="flex items-center px-8 py-2 border-b cursor-pointer bg-container border-container" 4208 @click="mobilePanelActiveId = null, removeActiveId('j1_64')" 4209 > 4210 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 4211 width="24" 4212 stroke="currentColor"> 4213 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 4214 d="M15 19l-7-7 7-7"/> 4215 </svg> 4216 <span class="ml-4">Formaggi premiati</span> 4217 4218 </a> 4219 4220 <div class="px-17 py-2"> 4221 <p class="text-xs font-bold ml-10">Scegli una categoria</p> 4222 </div> 4223 4224 4225 <a href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-premiati.html" 4226 title="Formaggi premiati" 4227 class="flex items-center w-full px-8 py-2 border-b cursor-pointer 4228 bg-container-lighter border-container hover:bg-container-darker hover:underline" 4229 > 4230 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4231 viewBox="0 0 24 24" height="24" 4232 width="24"></svg> 4233 <span class="ml-3">Mostra tutti</span> 4234 </a> 4235 4236 4237 <div class="level-1"> 4238 <span 4239 class="flex items-center transition-transform duration-150 ease-in-out transform" 4240 :class="{ 4241 '-translate-x-full': mobilePanelActiveId === 'j1_273' 4242 }" 4243 > 4244 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4245 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-premiati/world-cheese-awards-2025-26.html" 4246 title="World Cheese Awards 2025-26"> 4247 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4248 viewBox="0 0 24 24" height="24" 4249 width="24"></svg> 4250 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">World Cheese Awards 2025-26</span> 4251 4252 </a> 4253 4254 </span> 4255 4256 </div> <div class="level-1"> 4257 <span 4258 class="flex items-center transition-transform duration-150 ease-in-out transform" 4259 :class="{ 4260 '-translate-x-full': mobilePanelActiveId === 'j1_274' 4261 }" 4262 > 4263 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4264 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggi-premiati/world-cheese-awards-2024-25.html" 4265 title="World Cheese Awards 2024-25"> 4266 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4267 viewBox="0 0 24 24" height="24" 4268 width="24"></svg> 4269 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">World Cheese Awards 2024-25</span> 4270 4271 </a> 4272 4273 </span> 4274 4275 </div> 4276 </div> 4277 </div> 4278 <div class="level-0"> 4279 4280 4281 <span 4282 class="flex items-center transition-transform duration-150 ease-in-out transform" 4283 :class="{'-translate-x-full': mobilePanelActiveId}" 4284 > 4285 <a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4286 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/raclette-fonduta-formaggio.html" 4287 title="Fondue &amp; Raclette"> 4288 <span class="mr-2 hover:underline category-name">Fondue & Raclette</span> 4289 </a> 4290 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 4291 bg-container-lighter border-container hover:bg-container hover:border-container" 4292 @click="handleNextMenu('j1_227')" 4293 > 4294 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 4295 stroke="currentColor" 4296 class="w-full h-full p-1" 4297 > 4298 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 4299 </svg> 4300 </a> 4301 </span> 4302 <div 4303 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 4304 transform bg-container-lighter" 4305 :class="{ 4306 'translate-x-full': !mobilePanelActiveId || !activeIds.includes('j1_227'), 4307 '-translate-x-full': mobilePanelActiveId !== 'j1_227', 4308 }" 4309 > 4310 <a class="flex items-center px-8 py-2 border-b cursor-pointer bg-container border-container" 4311 @click="mobilePanelActiveId = null, removeActiveId('j1_227')" 4312 > 4313 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 4314 width="24" 4315 stroke="currentColor"> 4316 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 4317 d="M15 19l-7-7 7-7"/> 4318 </svg> 4319 <span class="ml-4">Fondue & Raclette</span> 4320 4321 </a> 4322 4323 <div class="px-17 py-2"> 4324 <p class="text-xs font-bold ml-10">Scegli una categoria</p> 4325 </div> 4326 4327 4328 4329 4330 <div class="level-1"> 4331 <span 4332 class="flex items-center transition-transform duration-150 ease-in-out transform" 4333 :class="{ 4334 '-translate-x-full': mobilePanelActiveId === 'j1_231' 4335 }" 4336 > 4337 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4338 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/fonduta-di-formaggio-di-lusso-kit.html" 4339 title="Fonduta di Formaggio"> 4340 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4341 viewBox="0 0 24 24" height="24" 4342 width="24"></svg> 4343 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Fonduta di Formaggio</span> 4344 4345 </a> 4346 4347 </span> 4348 4349 </div> <div class="level-1"> 4350 <span 4351 class="flex items-center transition-transform duration-150 ease-in-out transform" 4352 :class="{ 4353 '-translate-x-full': mobilePanelActiveId === 'j1_233' 4354 }" 4355 > 4356 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4357 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/set-fonduta.html" 4358 title="Set per fonduta"> 4359 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4360 viewBox="0 0 24 24" height="24" 4361 width="24"></svg> 4362 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Set per fonduta</span> 4363 4364 </a> 4365 4366 </span> 4367 4368 </div> <div class="level-1"> 4369 <span 4370 class="flex items-center transition-transform duration-150 ease-in-out transform" 4371 :class="{ 4372 '-translate-x-full': mobilePanelActiveId === 'j1_136' 4373 }" 4374 > 4375 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4376 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/accessori-fonduta-formaggio/gel-combustibile-pasta-combustibile.html" 4377 title="Gel combustibile - pasta combustibile"> 4378 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4379 viewBox="0 0 24 24" height="24" 4380 width="24"></svg> 4381 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Gel combustibile - pasta combustibile</span> 4382 4383 </a> 4384 4385 </span> 4386 4387 </div> <div class="level-1"> 4388 <span 4389 class="flex items-center transition-transform duration-150 ease-in-out transform" 4390 :class="{ 4391 '-translate-x-full': mobilePanelActiveId === 'j1_137' 4392 }" 4393 > 4394 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4395 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/pentole-fonduta-caquelon.html" 4396 title="Caquelon - pentole per fonduta"> 4397 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4398 viewBox="0 0 24 24" height="24" 4399 width="24"></svg> 4400 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Caquelon - pentole per fonduta</span> 4401 4402 </a> 4403 4404 </span> 4405 4406 </div> <div class="level-1"> 4407 <span 4408 class="flex items-center transition-transform duration-150 ease-in-out transform" 4409 :class="{ 4410 '-translate-x-full': mobilePanelActiveId === 'j1_138' 4411 }" 4412 > 4413 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4414 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/accessori-fonduta-formaggio/base-fonduta-rechaud.html" 4415 title="Base per fonduta - Rechaud"> 4416 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4417 viewBox="0 0 24 24" height="24" 4418 width="24"></svg> 4419 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Base per fonduta - Rechaud</span> 4420 4421 </a> 4422 4423 </span> 4424 4425 </div> <div class="level-1"> 4426 <span 4427 class="flex items-center transition-transform duration-150 ease-in-out transform" 4428 :class="{ 4429 '-translate-x-full': mobilePanelActiveId === 'j1_140' 4430 }" 4431 > 4432 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4433 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/fonduta-formaggio/accessori-fonduta-formaggio/forcine-fonduta.html" 4434 title="Forcine per fonduta"> 4435 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4436 viewBox="0 0 24 24" height="24" 4437 width="24"></svg> 4438 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Forcine per fonduta</span> 4439 4440 </a> 4441 4442 </span> 4443 4444 </div> <div class="level-1"> 4445 <span 4446 class="flex items-center transition-transform duration-150 ease-in-out transform" 4447 :class="{ 4448 '-translate-x-full': mobilePanelActiveId === 'j1_232' 4449 }" 4450 > 4451 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4452 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/foreign-cheeses/raclette.html" 4453 title="Raclette"> 4454 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4455 viewBox="0 0 24 24" height="24" 4456 width="24"></svg> 4457 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Raclette</span> 4458 4459 </a> 4460 4461 </span> 4462 4463 </div> <div class="level-1"> 4464 <span 4465 class="flex items-center transition-transform duration-150 ease-in-out transform" 4466 :class="{ 4467 '-translate-x-full': mobilePanelActiveId === 'j1_234' 4468 }" 4469 > 4470 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4471 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/set-raclette.html" 4472 title="Set per Raclette"> 4473 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4474 viewBox="0 0 24 24" height="24" 4475 width="24"></svg> 4476 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Set per Raclette</span> 4477 4478 </a> 4479 4480 </span> 4481 4482 </div> <div class="level-1"> 4483 <span 4484 class="flex items-center transition-transform duration-150 ease-in-out transform" 4485 :class="{ 4486 '-translate-x-full': mobilePanelActiveId === 'j1_235' 4487 }" 4488 > 4489 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4490 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/griglia-in-pietra-e-set-gourmet.html" 4491 title="Griglia in pietra e set gourmet"> 4492 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4493 viewB
4493ox="0 0 24 24" height="24" 4494 width="24"></svg> 4495 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Griglia in pietra e set gourmet</span> 4496 4497 </a> 4498 4499 </span> 4500 4501 </div> 4502 </div> 4503 </div> 4504 <div class="level-0"> 4505 4506 4507 <span 4508 class="flex items-center transition-transform duration-150 ease-in-out transform" 4509 :class="{'-translate-x-full': mobilePanelActiveId}" 4510 > 4511 <a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4512 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-pacco.html" 4513 title="Selezione"> 4514 <span class="mr-2 hover:underline category-name">Selezione</span> 4515 </a> 4516 </span> 4517 </div> 4518 <div class="level-0"> 4519 4520 4521 <span 4522 class="flex items-center transition-transform duration-150 ease-in-out transform" 4523 :class="{'-translate-x-full': mobilePanelActiveId}" 4524 > 4525 <a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4526 href="https://www.goudaformaggioshop.it/utensili-per-formaggio.html" 4527 title="Strumento"> 4528 <span class="mr-2 hover:underline category-name">Strumento</span> 4529 </a> 4530 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 4531 bg-container-lighter border-container hover:bg-container hover:border-container" 4532 @click="handleNextMenu('j1_8')" 4533 > 4534 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 4535 stroke="currentColor" 4536 class="w-full h-full p-1" 4537 > 4538 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 4539 </svg> 4540 </a> 4541 </span> 4542 <div 4543 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 4544 transform bg-container-lighter" 4545 :class="{ 4546 'translate-x-full': !mobilePanelActiveId || !activeIds.includes('j1_8'), 4547 '-translate-x-full': mobilePanelActiveId !== 'j1_8', 4548 }" 4549 > 4550 <a class="flex items-center px-8 py-2 border-b cursor-pointer bg-container border-container" 4551 @click="mobilePanelActiveId = null, removeActiveId('j1_8')" 4552 > 4553 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 4554 width="24" 4555 stroke="currentColor"> 4556 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 4557 d="M15 19l-7-7 7-7"/> 4558 </svg>
4559 <span class="ml-4">Strumento</span> 4560 4561 </a> 4562 4563 <div class="px-17 py-2"> 4564 <p class="text-xs font-bold ml-10">Scegli una categoria</p> 4565 </div> 4566 4567 4568 4569 4570 <div class="level-1"> 4571 <span 4572 class="flex items-center transition-transform duration-150 ease-in-out transform" 4573 :class="{ 4574 '-translate-x-full': mobilePanelActiveId === 'j1_117' 4575 }" 4576 > 4577 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4578 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/affettatrice-formaggio.html" 4579 title="Affettatrice per formaggio"> 4580 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4581 viewBox="0 0 24 24" height="24" 4582 width="24"></svg> 4583 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Affettatrice per formaggio</span> 4584 4585 </a> 4586 4587 </span> 4588 4589 </div> <div class="level-1"> 4590 <span 4591 class="flex items-center transition-transform duration-150 ease-in-out transform" 4592 :class="{ 4593 '-translate-x-full': mobilePanelActiveId === 'j1_123' 4594 }" 4595 > 4596 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4597 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio.html" 4598 title="Coltelli da formaggio"> 4599 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4600 viewBox="0 0 24 24" height="24" 4601 width="24"></svg> 4602 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Coltelli da formaggio</span> 4603 4604 </a> 4605 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 4606 bg-container-lighter border-container hover:bg-container hover:border-container" 4607 @click="handleNextMenu('j1_123', 'j1_8')" 4608 > 4609 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 4610 stroke="currentColor" 4611 class="w-full h-full p-1" 4612 > 4613 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 4614 </svg> 4615 </a> 4616 </span> 4617 <div 4618 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 4619 transform bg-container-lighter translate-x-full" 4620 :class="{ 4621 'translate-x-0': mobilePanelActiveId !== 'j1_8' && mobilePanelActiveId !== 'j1_123' 4622 }" 4623 > 4624 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 4625 @click="removeActiveId('j1_123'); mobilePanelActiveId = 'j1_8'" 4626 > 4627 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 4628 width="24" 4629 stroke="currentColor"> 4630 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 4631 d="M15 19l-7-7 7-7"/> 4632 </svg> 4633 <span class="ml-3">Coltelli da formaggio</span> 4634 </a> 4635 <a href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio.html" 4636 title="Coltelli da formaggio" 4637 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 4638 bg-container-lighter border-container hover:bg-container-darker hover:underline" 4639 > 4640 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4641 viewBox="0 0 24 24" height="24" 4642 width="24"></svg> 4643 <span class="ml-4">Mostra tutti</span> 4644 </a> 4645 <div class="level-2"> 4646 <span 4647 class="flex items-center transition-transform duration-150 ease-in-out transform" 4648 :class="{ 4649 '-translate-x-full': mobilePanelActiveId === 'j1_363' 4650 }" 4651 > 4652 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4653 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio/coltelli-per-formaggi-a-pasta-molle-e-dura.html" 4654 title="Coltelli per formaggi a pasta molle e dura"> 4655 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4656 viewBox="0 0 24 24" height="24" 4657 width="24"></svg> 4658 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Coltelli per formaggi a pasta molle e dura</span> 4659 4660 </a> 4661 4662 </span> 4663 4664 </div> <div class="level-2"> 4665 <span 4666 class="flex items-center transition-transform duration-150 ease-in-out transform" 4667 :class="{ 4668 '-translate-x-full': mobilePanelActiveId === 'j1_364' 4669 }" 4670 > 4671 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4672 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio/coltelli-spalma-burro.html" 4673 title="Coltelli da spalmare"> 4674 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4675 viewBox="0 0 24 24" height="24" 4676 width="24"></svg> 4677 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Coltelli da spalmare</span> 4678 4679 </a> 4680 4681 </span> 4682 4683 </div> <div class="level-2"> 4684 <span 4685 class="flex items-center transition-transform duration-150 ease-in-out transform" 4686 :class="{ 4687 '-translate-x-full': mobilePanelActiveId === 'j1_365' 4688 }" 4689 > 4690 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4691 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio/set-di-coltelli-da-formaggio.html" 4692 title="Set di coltelli da formaggio"> 4693 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4694 viewBox="0 0 24 24" height="24" 4695 width="24"></svg> 4696 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Set di coltelli da formaggio</span> 4697 4698 </a> 4699 4700 </span> 4701 4702 </div> <div class="level-2"> 4703 <span 4704 class="flex items-center transition-transform duration-150 ease-in-out transform" 4705 :class="{ 4706 '-translate-x-full': mobilePanelActiveId === 'j1_366' 4707 }" 4708 > 4709 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4710 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio/coltelli-professionali-per-formaggi.html" 4711 title="Coltelli da formaggio professionali"> 4712 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4713 viewBox="0 0 24 24" height="24" 4714 width="24"></svg> 4715 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Coltelli da formaggio professionali</span> 4716 4717 </a> 4718 4719 </span> 4720 4721 </div> <div class="level-2"> 4722 <span 4723 class="flex items-center transition-transform duration-150 ease-in-out transform" 4724 :class="{ 4725 '-translate-x-full': mobilePanelActiveId === 'j1_368' 4726 }" 4727 > 4728 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4729 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/utensili-professionali-formaggio/cheese-tester.html" 4730 title="Trapano per formaggio"> 4731 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4732 viewBox="0 0 24 24" height="24" 4733 width="24"></svg> 4734 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Trapano per formaggio</span> 4735 4736 </a> 4737 4738 </span> 4739 4740 </div> <div class="level-2"> 4741 <span 4742 class="flex items-center transition-transform duration-150 ease-in-out transform" 4743 :class="{ 4744 '-translate-x-full': mobilePanelActiveId === 'j1_367' 4745 }" 4746 > 4747 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4748 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/coltelli-da-formaggio/coltelli-da-raclette.html" 4749 title="Coltelli da raclette"> 4750 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4751 viewBox="0 0 24 24" height="24" 4752 width="24"></svg> 4753 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Coltelli da raclette</span> 4754 4755 </a> 4756 4757 </span> 4758 4759 </div> 4760 </div> 4761 </div> <div class="level-1"> 4762 <span 4763 class="flex items-center transition-transform duration-150 ease-in-out transform" 4764 :class="{ 4765 '-translate-x-full': mobilePanelActiveId === 'j1_118' 4766 }" 4767 > 4768 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4769 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/beeswax-wrap-cheese-wrap-dooek.html" 4770 title="Impacco di cera d'api"> 4771 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4772 viewBox="0 0 24 24" height="24" 4773 width="24"></svg> 4774 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Impacco di cera d'api</span> 4775 4776 </a> 4777 4778 </span> 4779 4780 </div> <div class="level-1"> 4781 <span 4782 class="flex items-center transition-transform duration-150 ease-in-out transform" 4783 :class="{ 4784 '-translate-x-full': mobilePanelActiveId === 'j1_119' 4785 }" 4786 > 4787 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4788 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/campana-formaggio.html" 4789 title="Campana per formaggio"> 4790 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4791 viewBox="0 0 24 24" height="24" 4792 width="24"></svg> 4793 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Campana per formaggio</span> 4794 4795 </a> 4796 4797 </span> 4798 4799 </div> <div class="level-1"> 4800 <span 4801 class="flex items-center transition-transform duration-150 ease-in-out transform" 4802 :class="{ 4803 '-translate-x-full': mobilePanelActiveId === 'j1_120' 4804 }" 4805 > 4806 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4807 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/grattugie-formaggio.html" 4808 title="Grattugie per formaggio"> 4809 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4810 viewBox="0 0 24 24" height="24" 4811 width="24"></svg> 4812 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Grattugie per formaggio</span> 4813 4814 </a> 4815 4816 </span> 4817 4818 </div> <div class="level-1"> 4819 <span 4820 class="flex items-center transition-transform duration-150 ease-in-out transform" 4821 :class="{ 4822 '-translate-x-full': mobilePanelActiveId === 'j1_128' 4823 }" 4824 > 4825 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4826 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/arriccia-formaggio-tete-de-moine.html" 4827 title="Tête de Moine - Girolle"> 4828 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4829 viewB
4829ox="0 0 24 24" height="24" 4830 width="24"></svg> 4831 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Tête de Moine - Girolle</span> 4832 4833 </a> 4834 4835 </span> 4836 4837 </div> <div class="level-1"> 4838 <span 4839 class="flex items-center transition-transform duration-150 ease-in-out transform" 4840 :class="{ 4841 '-translate-x-full': mobilePanelActiveId === 'j1_124' 4842 }" 4843 > 4844 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4845 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/stuzzichini-formaggio.html" 4846 title="Stuzzichini di formaggio"> 4847 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4848 viewBox="0 0 24 24" height="24" 4849 width="24"></svg> 4850 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Stuzzichini di formaggio</span> 4851 4852 </a> 4853 4854 </span> 4855 4856 </div> <div class="level-1"> 4857 <span 4858 class="flex items-center transition-transform duration-150 ease-in-out transform" 4859 :class="{ 4860 '-translate-x-full': mobilePanelActiveId === 'j1_125' 4861 }" 4862 > 4863 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4864 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/toastabag.html" 4865 title="Toastabag"> 4866 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4867 viewBox="0 0 24 24" height="24" 4868 width="24"></svg> 4869 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Toastabag</span> 4870 4871 </a> 4872 4873 </span> 4874 4875 </div> <div class="level-1"> 4876 <span 4877 class="flex items-center transition-transform duration-150 ease-in-out transform" 4878 :class="{ 4879 '-translate-x-full': mobilePanelActiveId === 'j1_126' 4880 }" 4881 > 4882 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4883 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/confezioni-regalo.html" 4884 title="Confezioni regalo"> 4885 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4886 viewBox="0 0 24 24" height="24" 4887 width="24"></svg> 4888 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Confezioni regalo</span> 4889 4890 </a> 4891 4892 </span> 4893 4894 </div> <div class="level-1"> 4895 <span 4896 class="flex items-center transition-transform duration-150 ease-in-out transform" 4897 :class="{ 4898 '-translate-x-full': mobilePanelActiveId === 'j1_127' 4899 }" 4900 > 4901 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4902 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/taglieri-formaggio.html" 4903 title="Taglieri per formaggio"> 4904 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4905 viewBox="0 0 24 24" height="24" 4906 width="24"></svg> 4907 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Taglieri per formaggio</span> 4908 4909 </a> 4910 4911 </span> 4912 4913 </div> <div class="level-1"> 4914 <span 4915 class="flex items-center transition-transform duration-150 ease-in-out transform" 4916 :class="{ 4917 '-translate-x-full': mobilePanelActiveId === 'j1_133' 4918 }" 4919 > 4920 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4921 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/pellicola-termoretraibile-e-portarotolo.html" 4922 title="Pellicola termoretraibile e portarotolo"> 4923 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4924 viewBox="0 0 24 24" height="24" 4925 width="24"></svg> 4926 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Pellicola termoretraibile e portarotolo</span> 4927 4928 </a> 4929 4930 </span> 4931 4932 </div> <div class="level-1"> 4933 <span 4934 class="flex items-center transition-transform duration-150 ease-in-out transform" 4935 :class="{ 4936 '-translate-x-full': mobilePanelActiveId === 'j1_369' 4937 }" 4938 > 4939 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4940 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/utensili-professionali-formaggio/carta-per-formaggi.html" 4941 title="Carta per formaggio"> 4942 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
4943 viewBox="0 0 24 24" height="24" 4944 width="24"></svg> 4945 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Carta per formaggio</span> 4946 4947 </a> 4948 4949 </span> 4950 4951 </div> <div class="level-1"> 4952 <span 4953 class="flex items-center transition-transform duration-150 ease-in-out transform" 4954 :class="{ 4955 '-translate-x-full': mobilePanelActiveId === 'j1_370' 4956 }" 4957 > 4958 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4959 href="https://www.goudaformaggioshop.it/utensili-per-formaggio/utensili-professionali-formaggio/formaggi-finti.html" 4960 title="Siringhe per formaggio"> 4961 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 4962 viewB
4962ox="0 0 24 24" height="24" 4963 width="24"></svg> 4964 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Siringhe per formaggio</span> 4965 4966 </a> 4967 4968 </span> 4969 4970 </div> 4971 </div> 4972 </div> 4973 <div class="level-0"> 4974 4975 4976 <span 4977 class="flex items-center transition-transform duration-150 ease-in-out transform" 4978 :class="{'-translate-x-full': mobilePanelActiveId}" 4979 > 4980 <a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 4981 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici.html" 4982 title="Specialità"> 4983 <span class="mr-2 hover:underline category-name">Specialità </span> 4984 </a> 4985 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 4986 bg-container-lighter border-container hover:bg-container hover:border-container" 4987 @click="handleNextMenu('j1_9')" 4988 > 4989 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 4990 stroke="currentColor" 4991 class="w-full h-full p-1" 4992 > 4993 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 4994 </svg> 4995 </a> 4996 </span> 4997 <div 4998 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 4999 transform bg-container-lighter" 5000 :class="{ 5001 'translate-x-full': !mobilePanelActiveId || !activeIds.includes('j1_9'), 5002 '-translate-x-full': mobilePanelActiveId !== 'j1_9', 5003 }" 5004 > 5005 <a class="flex items-center px-8 py-2 border-b cursor-pointer bg-container border-container" 5006 @click="mobilePanelActiveId = null, removeActiveId('j1_9')" 5007 > 5008 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 5009 width="24" 5010 stroke="currentColor"> 5011 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 5012 d="M15 19l-7-7 7-7"/> 5013 </svg> 5014 <span class="ml-4">Specialità </span> 5015 5016 </a> 5017 5018 <div class="px-17 py-2"> 5019 <p class="text-xs font-bold ml-10">Scegli una categoria</p> 5020 </div> 5021 5022 5023 5024 5025 <div class="level-1"> 5026 <span 5027 class="flex items-center transition-transform duration-150 ease-in-out transform" 5028 :class="{ 5029 '-translate-x-full': mobilePanelActiveId === 'j1_228' 5030 }" 5031 > 5032 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5033 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata.html" 5034 title="Frutta Secca – Fresca dal Produttore"> 5035 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5036 viewBox="0 0 24 24" height="24" 5037 width="24"></svg> 5038 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Frutta Secca â Fresca dal Produttore</span> 5039 5040 </a> 5041 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 5042 bg-container-lighter border-container hover:bg-container hover:border-container" 5043 @click="handleNextMenu('j1_228', 'j1_9')" 5044 > 5045 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 5046 stroke="currentColor" 5047 class="w-full h-full p-1" 5048 > 5049 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 5050 </svg> 5051 </a> 5052 </span> 5053 <div 5054 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 5055 transform bg-container-lighter translate-x-full" 5056 :class="{ 5057 'translate-x-0': mobilePanelActiveId !== 'j1_9' && mobilePanelActiveId !== 'j1_228' 5058 }" 5059 > 5060 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 5061 @click="removeActiveId('j1_228'); mobilePanelActiveId = 'j1_9'" 5062 > 5063 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 5064 width="24" 5065 stroke="currentColor"> 5066 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 5067 d="M15 19l-7-7 7-7"/> 5068 </svg> 5069 <span class="ml-3">Frutta Secca â Fresca dal Produttore</span> 5070 </a> 5071 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata.html" 5072 title="Frutta Secca – Fresca dal Produttore" 5073 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 5074 bg-container-lighter border-container hover:bg-container-darker hover:underline" 5075 > 5076 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5077 viewBox="0 0 24 24" height="24" 5078 width="24"></svg> 5079 <span class="ml-4">Mostra tutti</span> 5080 </a> 5081 <div class="level-2"> 5082 <span 5083 class="flex items-center transition-transform duration-150 ease-in-out transform" 5084 :class="{ 5085 '-translate-x-full': mobilePanelActiveId === 'j1_372' 5086 }" 5087 > 5088 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5089 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/tutta-la-frutta-secca-e-i-mix.html" 5090 title="Tutta la frutta secca e i mix"> 5091 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5092 viewBox="0 0 24 24" height="24" 5093 width="24"></svg> 5094 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Tutta la frutta secca e i mix</span> 5095 5096 </a> 5097 5098 </span> 5099 5100 </div> <div class="level-2"> 5101 <span 5102 class="flex items-center transition-transform duration-150 ease-in-out transform" 5103 :class="{ 5104 '-translate-x-full': mobilePanelActiveId === 'j1_373' 5105 }" 5106 > 5107 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5108 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/frutta-secca.html" 5109 title="Frutta secca"> 5110 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5111 viewBox="0 0 24 24" height="24" 5112 width="24"></svg> 5113 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Frutta secca</span> 5114 5115 </a> 5116 5117 </span> 5118 5119 </div> <div class="level-2"> 5120 <span 5121 class="flex items-center transition-transform duration-150 ease-in-out transform" 5122 :class="{ 5123 '-translate-x-full': mobilePanelActiveId === 'j1_374' 5124 }" 5125 > 5126 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5127 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/mix-di-frutta-secca.html" 5128 title="Mix di frutta secca"> 5129 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5130 viewBox="0 0 24 24" height="24" 5131 width="24"></svg> 5132 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Mix di frutta secca</span> 5133 5134 </a> 5135 5136 </span> 5137 5138 </div> <div class="level-2"> 5139 <span 5140 class="flex items-center transition-transform duration-150 ease-in-out transform" 5141 :class="{ 5142 '-translate-x-full': mobilePanelActiveId === 'j1_375' 5143 }" 5144 > 5145 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5146 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/snack-di-frutta-secca.html" 5147 title="Snack di frutta secca"> 5148 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5149 viewBox="0 0 24 24" height="24" 5150 width="24"></svg> 5151 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Snack di frutta secca</span> 5152 5153 </a> 5154 5155 </span> 5156 5157 </div> <div class="level-2"> 5158 <span 5159 class="flex items-center transition-transform duration-150 ease-in-out transform" 5160 :class="{ 5161 '-translate-x-full': mobilePanelActiveId === 'j1_376' 5162 }" 5163 > 5164 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5165 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/frutta-secca-non-salata.html" 5166 title="Frutta secca non salata"> 5167 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5168 viewBox="0 0 24 24" height="24" 5169 width="24"></svg> 5170 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Frutta secca non salata</span> 5171 5172 </a> 5173 5174 </span> 5175 5176 </div> <div class="level-2"> 5177 <span 5178 class="flex items-center transition-transform duration-150 ease-in-out transform" 5179 :class="{ 5180 '-translate-x-full': mobilePanelActiveId === 'j1_377' 5181 }" 5182 > 5183 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5184 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/muesli-e-granola.html" 5185 title="Muesli e Granola"> 5186 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5187 viewBox="0 0 24 24" height="24" 5188 width="24"></svg> 5189 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Muesli e Granola</span> 5190 5191 </a> 5192 5193 </span> 5194 5195 </div> <div class="level-2"> 5196 <span 5197 class="flex items-center transition-transform duration-150 ease-in-out transform" 5198 :class="{ 5199 '-translate-x-full': mobilePanelActiveId === 'j1_378' 5200 }" 5201 > 5202 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5203 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/frutta-disidratata.html" 5204 title="Frutta disidratata"> 5205 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5206 viewBox="0 0 24 24" height="24" 5207 width="24"></svg> 5208 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Frutta disidratata</span> 5209 5210 </a> 5211 5212 </span> 5213 5214 </div> <div class="level-2"> 5215 <span 5216 class="flex items-center transition-transform duration-150 ease-in-out transform" 5217 :class="{ 5218 '-translate-x-full': mobilePanelActiveId === 'j1_379' 5219 }" 5220 > 5221 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5222 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/cioccolato.html" 5223 title="Cioccolato"> 5224 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5225 viewBox="0 0 24 24" height="24" 5226 width="24"></svg> 5227 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Cioccolato</span> 5228 5229 </a> 5230 5231 </span> 5232 5233 </div> <div class="level-2"> 5234 <span 5235 class="flex items-center transition-transform duration-150 ease-in-out transform" 5236 :class="{ 5237 '-translate-x-full': mobilePanelActiveId === 'j1_380' 5238 }" 5239 > 5240 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5241 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/frutta-secca-tostata/cracker-di-riso.html" 5242 title="Cracker di riso"> 5243 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5244 viewBox="0 0 24 24" height="24" 5245 width="24"></svg> 5246 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Cracker di riso</span> 5247 5248 </a> 5249 5250 </span> 5251 5252 </div> 5253 </div> 5254 </div> <div class="level-1"> 5255 <span 5256 class="flex items-center transition-transform duration-150 ease-in-out transform" 5257 :class="{ 5258 '-translate-x-full': mobilePanelActiveId === 'j1_143' 5259 }" 5260 > 5261 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5262 href="https://www.goudaformaggioshop.it/formaggio-gouda-fresco/formaggio-spalmabile.html" 5263 title="Formaggio spalmabile"> 5264 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5265 viewBox="0 0 24 24" height="24" 5266 width="24"></svg> 5267 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Formaggio spalmabile</span> 5268 5269 </a> 5270 5271 </span> 5272 5273 </div> <div class="level-1"> 5274 <span 5275 class="flex items-center transition-transform duration-150 ease-in-out transform" 5276 :class="{ 5277 '-translate-x-full': mobilePanelActiveId === 'j1_147' 5278 }" 5279 > 5280 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5281 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/senape-e-senape-al-miele.html" 5282 title="Senape"> 5283 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5284 viewBox="0 0 24 24" height="24" 5285 width="24"></svg> 5286 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Senape</span> 5287 5288 </a> 5289 5290 </span> 5291 5292 </div> <div class="level-1"> 5293 <span 5294 class="flex items-center transition-transform duration-150 ease-in-out transform" 5295 :class="{ 5296 '-translate-x-full': mobilePanelActiveId === 'j1_145' 5297 }" 5298 > 5299 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5300 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/cialde-olandesi.html" 5301 title="Cialde olandesi"> 5302 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5303 viewBox="0 0 24 24" height="24" 5304 width="24"></svg> 5305 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Cialde olandesi</span> 5306 5307 </a> 5308 5309 </span> 5310 5311 </div> <div class="level-1"> 5312 <span 5313 class="flex items-center transition-transform duration-150 ease-in-out transform" 5314 :class="{ 5315 '-translate-x-full': mobilePanelActiveId === 'j1_152' 5316 }" 5317 > 5318 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5319 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili.html" 5320 title="Creme olandesi spalmabili"> 5321 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5322 viewBox="0 0 24 24" height="24" 5323 width="24"></svg> 5324 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Creme olandesi spalmabili</span> 5325 5326 </a> 5327 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 5328 bg-container-lighter border-container hover:bg-container hover:border-container" 5329 @click="handleNextMenu('j1_152', 'j1_9')" 5330 > 5331 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 5332 stroke="currentColor" 5333 class="w-full h-full p-1" 5334 > 5335 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 5336 </svg> 5337 </a> 5338 </span> 5339 <div 5340 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 5341 transform bg-container-lighter translate-x-full" 5342 :class="{ 5343 'translate-x-0': mobilePanelActiveId !== 'j1_9' && mobilePanelActiveId !== 'j1_152' 5344 }" 5345 > 5346 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 5347 @click="removeActiveId('j1_152'); mobilePanelActiveId = 'j1_9'" 5348 > 5349 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 5350 width="24" 5351 stroke="currentColor"> 5352 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 5353 d="M15 19l-7-7 7-7"/> 5354 </svg> 5355 <span class="ml-3">Creme olandesi spalmabili</span> 5356 </a> 5357 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili.html" 5358 title="Creme olandesi spalmabili" 5359 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 5360 bg-container-lighter border-container hover:bg-container-darker hover:underline" 5361 > 5362 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5363 viewBox="0 0 24 24" height="24" 5364 width="24"></svg> 5365 <span class="ml-4">Mostra tutti</span> 5366 </a> 5367 <div class="level-2"> 5368 <span 5369 class="flex items-center transition-transform duration-150 ease-in-out transform" 5370 :class="{ 5371 '-translate-x-full': mobilePanelActiveId === 'j1_286' 5372 }" 5373 > 5374 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5375 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/zuccherini/de-ruijter.html" 5376 title="De Ruijter"> 5377 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5378 viewBox="0 0 24 24" height="24" 5379 width="24"></svg> 5380 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">De Ruijter</span> 5381 5382 </a> 5383 5384 </span> 5385 5386 </div> <div class="level-2"> 5387 <span 5388 class="flex items-center transition-transform duration-150 ease-in-out transform" 5389 :class="{ 5390 '-translate-x-full': mobilePanelActiveId === 'j1_287' 5391 }" 5392 > 5393 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5394 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/zuccherini/venz.html" 5395 title="Codette di Cioccolato Venz"> 5396 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5397 viewBox="0 0 24 24" height="24" 5398 width="24"></svg> 5399 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Codette di Cioccolato Venz</span> 5400 5401 </a> 5402 5403 </span> 5404 5405 </div> <div class="level-2"> 5406 <span 5407 class="flex items-center transition-transform duration-150 ease-in-out transform" 5408 :class="{ 5409 '-translate-x-full': mobilePanelActiveId === 'j1_295' 5410 }" 5411 > 5412 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5413 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/burro-di-arachidi.html" 5414 title="Burro di arachidi olandes"> 5415 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5416 viewBox="0 0 24 24" height="24" 5417 width="24"></svg> 5418 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Burro di arachidi olandes</span> 5419 5420 </a> 5421 5422 </span> 5423 5424 </div> <div class="level-2"> 5425 <span 5426 class="flex items-center transition-transform duration-150 ease-in-out transform" 5427 :class="{ 5428 '-translate-x-full': mobilePanelActiveId === 'j1_297' 5429 }" 5430 > 5431 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5432 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/zuccherini/huismerk-en-overig.html" 5433 title="Zuccherini di marca del supermercato"> 5434 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5435 viewBox="0 0 24 24" height="24" 5436 width="24"></svg> 5437 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Zuccherini di marca del supermercato</span> 5438 5439 </a> 5440 5441 </span> 5442 5443 </div> <div class="level-2"> 5444 <span 5445 class="flex items-center transition-transform duration-150 ease-in-out transform" 5446 :class="{ 5447 '-translate-x-full': mobilePanelActiveId === 'j1_299' 5448 }" 5449 > 5450 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5451 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/crema-spalmabile-su-pane.html" 5452 title="Creme spalmabili"> 5453 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5454 viewBox="0 0 24 24" height="24" 5455 width="24"></svg> 5456 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Creme spalmabili</span> 5457 5458 </a> 5459 5460 </span> 5461 5462 </div> <div class="level-2"> 5463 <span 5464 class="flex items-center transition-transform duration-150 ease-in-out transform" 5465 :class="{ 5466 '-translate-x-full': mobilePanelActiveId === 'j1_300' 5467 }" 5468 > 5469 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5470 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/marmellata.html" 5471 title="Marmellata"> 5472 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5473 viewBox="0 0 24 24" height="24" 5474 width="24"></svg> 5475 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Marmellata</span> 5476 5477 </a> 5478 5479 </span> 5480 5481 </div> <div class="level-2"> 5482 <span 5483 class="flex items-center transition-transform duration-150 ease-in-out transform" 5484 :class="{ 5485 '-translate-x-full': mobilePanelActiveId === 'j1_301' 5486 }" 5487 > 5488 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5489 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/creme-olandesi-spalmabili/sciroppo-dolce.html" 5490 title="Sciroppo"> 5491 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5492 viewBox="0 0 24 24" height="24" 5493 width="24"></svg> 5494 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Sciroppo</span> 5495 5496 </a> 5497 5498 </span> 5499 5500 </div> 5501 </div> 5502 </div> <div class="level-1"> 5503 <span 5504 class="flex items-center transition-transform duration-150 ease-in-out transform" 5505 :class="{ 5506 '-translate-x-full': mobilePanelActiveId === 'j1_148' 5507 }" 5508 > 5509 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5510 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salsiccia.html" 5511 title="Salsiccia"> 5512 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5513 viewBox="0 0 24 24" height="24" 5514 width="24"></svg> 5515 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Salsiccia</span> 5516 5517 </a> 5518 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 5519 bg-container-lighter border-container hover:bg-container hover:border-container" 5520 @click="handleNextMenu('j1_148', 'j1_9')" 5521 > 5522 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 5523 stroke="currentColor" 5524 class="w-full h-full p-1" 5525 > 5526 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 5527 </svg> 5528 </a> 5529 </span> 5530 <div 5531 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 5532 transform bg-container-lighter translate-x-full" 5533 :class="{ 5534 'translate-x-0': mobilePanelActiveId !== 'j1_9' && mobilePanelActiveId !== 'j1_148' 5535 }" 5536 > 5537 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 5538 @click="removeActiveId('j1_148'); mobilePanelActiveId = 'j1_9'" 5539 > 5540 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 5541 width="24" 5542 stroke="currentColor"> 5543 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 5544 d="M15 19l-7-7 7-7"/> 5545 </svg> 5546 <span class="ml-3">Salsiccia</span> 5547 </a> 5548 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salsiccia.html" 5549 title="Salsiccia" 5550 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 5551 bg-container-lighter border-container hover:bg-container-darker hover:underline" 5552 > 5553 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5554 viewBox="0 0 24 24" height="24" 5555 width="24"></svg> 5556 <span class="ml-4">Mostra tutti</span> 5557 </a> 5558 <div class="level-2"> 5559 <span 5560 class="flex items-center transition-transform duration-150 ease-in-out transform" 5561 :class="{ 5562 '-translate-x-full': mobilePanelActiveId === 'j1_288' 5563 }" 5564 > 5565 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5566 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salsiccia/huls-worst.html" 5567 title="Salsiccia Huls"> 5568 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5569 viewBox="0 0 24 24" height="24" 5570 width="24"></svg> 5571 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Salsiccia Huls</span> 5572 5573 </a> 5574 5575 </span> 5576 5577 </div> <div class="level-2"> 5578 <span 5579 class="flex items-center transition-transform duration-150 ease-in-out transform" 5580 :class="{ 5581 '-translate-x-full': mobilePanelActiveId === 'j1_289' 5582 }" 5583 > 5584 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5585 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salsiccia/stegeman.html" 5586 title="Salsiccia Stegeman"> 5587 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5588 viewBox="0 0 24 24" height="24" 5589 width="24"></svg> 5590 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Salsiccia Stegeman</span> 5591 5592 </a> 5593 5594 </span> 5595 5596 </div> <div class="level-2"> 5597 <span 5598 class="flex items-center transition-transform duration-150 ease-in-out transform" 5599 :class="{ 5600 '-translate-x-full': mobilePanelActiveId === 'j1_290' 5601 }" 5602 > 5603 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5604 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salsiccia/unox.html" 5605 title="Salsiccia Affumicata Unox"> 5606 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5607 viewBox="0 0 24 24" height="24" 5608 width="24"></svg> 5609 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Salsiccia Affumicata Unox</span> 5610 5611 </a> 5612 5613 </span> 5614 5615 </div> 5616 </div> 5617 </div> <div class="level-1"> 5618 <span 5619 class="flex items-center transition-transform duration-150 ease-in-out transform" 5620 :class="{ 5621 '-translate-x-full': mobilePanelActiveId === 'j1_150' 5622 }" 5623 > 5624 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5625 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda.html" 5626 title="Dolci dall'Olanda"> 5627 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5628 viewBox="0 0 24 24" height="24" 5629 width="24"></svg> 5630 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Dolci dall'Olanda</span> 5631 5632 </a> 5633 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 5634 bg-container-lighter border-container hover:bg-container hover:border-container" 5635 @click="handleNextMenu('j1_150', 'j1_9')" 5636 > 5637 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 5638 stroke="currentColor" 5639 class="w-full h-full p-1" 5640 > 5641 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 5642 </svg> 5643 </a> 5644 </span> 5645 <div 5646 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 5647 transform bg-container-lighter translate-x-full" 5648 :class="{ 5649 'translate-x-0': mobilePanelActiveId !== 'j1_9' && mobilePanelActiveId !== 'j1_150' 5650 }" 5651 > 5652 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 5653 @click="removeActiveId('j1_150'); mobilePanelActiveId = 'j1_9'" 5654 > 5655 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 5656 width="24" 5657 stroke="currentColor"> 5658 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 5659 d="M15 19l-7-7 7-7"/> 5660 </svg> 5661 <span class="ml-3">Dolci dall'Olanda</span> 5662 </a> 5663 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda.html" 5664 title="Dolci dall'Olanda" 5665 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 5666 bg-container-lighter border-container hover:bg-container-darker hover:underline" 5667 > 5668 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5669 viewBox="0 0 24 24" height="24" 5670 width="24"></svg> 5671 <span class="ml-4">Mostra tutti</span> 5672 </a> 5673 <div class="level-2"> 5674 <span 5675 class="flex items-center transition-transform duration-150 ease-in-out transform" 5676 :class="{ 5677 '-translate-x-full': mobilePanelActiveId === 'j1_302' 5678 }" 5679 > 5680 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5681 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/torta-per-colazione.html" 5682 title="Torta per la colazione"> 5683 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5684 viewBox="0 0 24 24" height="24" 5685 width="24"></svg> 5686 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Torta per la colazione</span> 5687 5688 </a> 5689 5690 </span> 5691 5692 </div> <div class="level-2"> 5693 <span 5694 class="flex items-center transition-transform duration-150 ease-in-out transform" 5695 :class="{ 5696 '-translate-x-full': mobilePanelActiveId === 'j1_303' 5697 }" 5698 > 5699 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5700 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/luxe-koeken.html" 5701 title="Biscotti deluxe"> 5702 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5703 viewBox="0 0 24 24" height="24" 5704 width="24"></svg> 5705 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Biscotti deluxe</span> 5706 5707 </a> 5708 5709 </span> 5710 5711 </div> <div class="level-2"> 5712 <span 5713 class="flex items-center transition-transform duration-150 ease-in-out transform" 5714 :class="{ 5715 '-translate-x-full': mobilePanelActiveId === 'j1_304' 5716 }" 5717 > 5718 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5719 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/torta-per-caffe-o-te.html" 5720 title="Biscotti per caffè o tè"> 5721 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5722 viewBox="0 0 24 24" height="24" 5723 width="24"></svg> 5724 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Biscotti per caffè o tè</span> 5725 5726 </a> 5727 5728 </span> 5729 5730 </div> <div class="level-2"> 5731 <span 5732 class="flex items-center transition-transform duration-150 ease-in-out transform" 5733 :class="{ 5734 '-translate-x-full': mobilePanelActiveId === 'j1_306' 5735 }" 5736 > 5737 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5738 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/cracker-e-pane-di-segale.html" 5739 title="Fette biscottate e cracker"> 5740 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5741 viewBox="0 0 24 24" height="24" 5742 width="24"></svg> 5743 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Fette biscottate e cracker</span> 5744 5745 </a> 5746 5747 </span> 5748 5749 </div> <div class="level-2"> 5750 <span 5751 class="flex items-center transition-transform duration-150 ease-in-out transform" 5752 :class="{ 5753 '-translate-x-full': mobilePanelActiveId === 'j1_307' 5754 }" 5755 > 5756 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5757 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/preparati.html" 5758 title="Fatti in casa"> 5759 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5760 viewBox="0 0 24 24" height="24" 5761 width="24"></svg> 5762 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Fatti in casa</span> 5763 5764 </a> 5765 5766 </span> 5767 5768 </div> <div class="level-2"> 5769 <span 5770 class="flex items-center transition-transform duration-150 ease-in-out transform" 5771 :class="{ 5772 '-translate-x-full': mobilePanelActiveId === 'j1_308' 5773 }" 5774 > 5775 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5776 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda/toast.html" 5777 title="Toast"> 5778 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5779 viewBox="0 0 24 24" height="24" 5780 width="24"></svg> 5781 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Toast</span> 5782 5783 </a> 5784 5785 </span> 5786 5787 </div> 5788 </div> 5789 </div> <div class="level-1"> 5790 <span 5791 class="flex items-center transition-transform duration-150 ease-in-out transform" 5792 :class="{ 5793 '-translate-x-full': mobilePanelActiveId === 'j1_151' 5794 }" 5795 > 5796 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5797 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi.html" 5798 title="Dolciumi olandesi"> 5799 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5800 viewBox="0 0 24 24" height="24" 5801 width="24"></svg> 5802 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Dolciumi olandesi</span> 5803 5804 </a> 5805 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 5806 bg-container-lighter border-container hover:bg-container hover:border-container" 5807 @click="handleNextMenu('j1_151', 'j1_9')" 5808 > 5809 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 5810 stroke="currentColor" 5811 class="w-full h-full p-1" 5812 > 5813 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 5814 </svg> 5815 </a> 5816 </span> 5817 <div 5818 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 5819 transform bg-container-lighter translate-x-full" 5820 :class="{ 5821 'translate-x-0': mobilePanelActiveId !== 'j1_9' && mobilePanelActiveId !== 'j1_151' 5822 }" 5823 > 5824 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 5825 @click="removeActiveId('j1_151'); mobilePanelActiveId = 'j1_9'" 5826 > 5827 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 5828 width="24" 5829 stroke="currentColor"> 5830 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 5831 d="M15 19l-7-7 7-7"/> 5832 </svg> 5833 <span class="ml-3">Dolciumi olandesi</span> 5834 </a> 5835 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi.html" 5836 title="Dolciumi olandesi" 5837 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 5838 bg-container-lighter border-container hover:bg-container-darker hover:underline" 5839 > 5840 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5841 viewBox="0 0 24 24" height="24" 5842 width="24"></svg> 5843 <span class="ml-4">Mostra tutti</span> 5844 </a> 5845 <div class="level-2"> 5846 <span 5847 class="flex items-center transition-transform duration-150 ease-in-out transform" 5848 :class="{ 5849 '-translate-x-full': mobilePanelActiveId === 'j1_309' 5850 }" 5851 > 5852 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5853 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia.html" 5854 title="Liquirizia"> 5855 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5856 viewBox="0 0 24 24" height="24" 5857 width="24"></svg> 5858 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Liquirizia</span> 5859 5860 </a> 5861 5862 </span> 5863 5864 </div> <div class="level-2"> 5865 <span 5866 class="flex items-center transition-transform duration-150 ease-in-out transform" 5867 :class="{ 5868 '-translate-x-full': mobilePanelActiveId === 'j1_310' 5869 }" 5870 > 5871 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5872 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/menta-piperita.html" 5873 title="Menta piperita"> 5874 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5875 viewBox="0 0 24 24" height="24" 5876 width="24"></svg> 5877 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Menta piperita</span> 5878 5879 </a> 5880 5881 </span> 5882 5883 </div> <div class="level-2"> 5884 <span 5885 class="flex items-center transition-transform duration-150 ease-in-out transform" 5886 :class="{ 5887 '-translate-x-full': mobilePanelActiveId === 'j1_311' 5888 }" 5889 > 5890 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5891 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/dolciumi/red-band.html" 5892 title="Red Band"> 5893 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5894 viewBox="0 0 24 24" height="24" 5895 width="24"></svg> 5896 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Red Band</span> 5897 5898 </a> 5899 5900 </span> 5901 5902 </div> <div class="level-2"> 5903 <span 5904 class="flex items-center transition-transform duration-150 ease-in-out transform" 5905 :class="{ 5906 '-translate-x-full': mobilePanelActiveId === 'j1_312' 5907 }" 5908 > 5909 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5910 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/dolciumi/van-melle.html" 5911 title="Van Melle"> 5912 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5913 viewBox="0 0 24 24" height="24" 5914 width="24"></svg> 5915 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Van Melle</span> 5916 5917 </a> 5918 5919 </span> 5920 5921 </div> <div class="level-2"> 5922 <span 5923 class="flex items-center transition-transform duration-150 ease-in-out transform" 5924 :class="{ 5925 '-translate-x-full': mobilePanelActiveId === 'j1_313' 5926 }" 5927 > 5928 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5929 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/dolciumi/napoleon.html" 5930 title="Napoleon"> 5931 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5932 viewBox="0 0 24 24" height="24" 5933 width="24"></svg> 5934 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Napoleon</span> 5935 5936 </a> 5937 5938 </span> 5939 5940 </div> <div class="level-2"> 5941 <span 5942 class="flex items-center transition-transform duration-150 ease-in-out transform" 5943 :class="{ 5944 '-translate-x-full': mobilePanelActiveId === 'j1_314' 5945 }" 5946 > 5947 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5948 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/cioccolato.html" 5949 title="Cioccolato"> 5950 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5951 viewBox="0 0 24 24" height="24" 5952 width="24"></svg> 5953 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Cioccolato</span> 5954 5955 </a> 5956 5957 </span> 5958 5959 </div> <div class="level-2"> 5960 <span 5961 class="flex items-center transition-transform duration-150 ease-in-out transform" 5962 :class="{ 5963 '-translate-x-full': mobilePanelActiveId === 'j1_315' 5964 }" 5965 > 5966 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5967 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia/klene-drop.html" 5968 title="Klene"> 5969 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 5970 viewBox="0 0 24 24" height="24" 5971 width="24"></svg> 5972 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Klene</span> 5973 5974 </a> 5975 5976 </span> 5977 5978 </div> <div class="level-2"> 5979 <span 5980 class="flex items-center transition-transform duration-150 ease-in-out transform" 5981 :class="{ 5982 '-translate-x-full': mobilePanelActiveId === 'j1_316' 5983 }" 5984 > 5985 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 5986 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia/old-timers-drop.html" 5987 title="Old Timers"> 5988 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
5989 viewBox="0 0 24 24" height="24" 5990 width="24"></svg> 5991 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Old Timers</span> 5992 5993 </a> 5994 5995 </span> 5996 5997 </div> <div class="level-2"> 5998 <span 5999 class="flex items-center transition-transform duration-150 ease-in-out transform" 6000 :class="{ 6001 '-translate-x-full': mobilePanelActiveId === 'j1_317' 6002 }" 6003 > 6004 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6005 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia/autodrop.html" 6006 title="Autodrop"> 6007 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6008 viewBox="0 0 24 24" height="24" 6009 width="24"></svg> 6010 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Autodrop</span> 6011 6012 </a> 6013 6014 </span> 6015 6016 </div> <div class="level-2"> 6017 <span 6018 class="flex items-center transition-transform duration-150 ease-in-out transform" 6019 :class="{ 6020 '-translate-x-full': mobilePanelActiveId === 'j1_318' 6021 }" 6022 > 6023 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6024 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia/venco-drop-30.html" 6025 title="Venco"> 6026 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6027 viewBox="0 0 24 24" height="24" 6028 width="24"></svg> 6029 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Venco</span> 6030 6031 </a> 6032 6033 </span> 6034 6035 </div> <div class="level-2"> 6036 <span 6037 class="flex items-center transition-transform duration-150 ease-in-out transform" 6038 :class="{ 6039 '-translate-x-full': mobilePanelActiveId === 'j1_319' 6040 }" 6041 > 6042 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6043 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolciumi-olandesi/liquirizia/katja-drop.html" 6044 title="Katja"> 6045 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6046 viewBox="0 0 24 24" height="24" 6047 width="24"></svg> 6048 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Katja</span> 6049 6050 </a> 6051 6052 </span> 6053 6054 </div> 6055 </div> 6056 </div> <div class="level-1"> 6057 <span 6058 class="flex items-center transition-transform duration-150 ease-in-out transform" 6059 :class="{ 6060 '-translate-x-full': mobilePanelActiveId === 'j1_153' 6061 }" 6062 > 6063 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6064 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/pancake-frittelle.html" 6065 title="Pancake e frittelle"> 6066 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6067 viewBox="0 0 24 24" height="24" 6068 width="24"></svg> 6069 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Pancake e frittelle</span> 6070 6071 </a> 6072 6073 </span> 6074 6075 </div> <div class="level-1"> 6076 <span 6077 class="flex items-center transition-transform duration-150 ease-in-out transform" 6078 :class="{ 6079 '-translate-x-full': mobilePanelActiveId === 'j1_154' 6080 }" 6081 > 6082 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6083 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/snack-per-fare-uno-spuntino.html" 6084 title="Snacks to nibble on!"> 6085 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6086 viewBox="0 0 24 24" height="24" 6087 width="24"></svg> 6088 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Snacks to nibble on!</span> 6089 6090 </a> 6091 6092 </span> 6093 6094 </div> <div class="level-1"> 6095 <span 6096 class="flex items-center transition-transform duration-150 ease-in-out transform" 6097 :class="{ 6098 '-translate-x-full': mobilePanelActiveId === 'j1_149' 6099 }" 6100 > 6101 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6102 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/biscotti-al-formaggio.html" 6103 title="Biscotti al formaggio"> 6104 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6105 viewBox="0 0 24 24" height="24" 6106 width="24"></svg> 6107 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Biscotti al formaggio</span> 6108 6109 </a> 6110 6111 </span> 6112 6113 </div> <div class="level-1"> 6114 <span 6115 class="flex items-center transition-transform duration-150 ease-in-out transform" 6116 :class="{ 6117 '-translate-x-full': mobilePanelActiveId === 'j1_156' 6118 }" 6119 > 6120 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6121 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse.html" 6122 title="Salse"> 6123 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6124 viewBox="0 0 24 24" height="24" 6125 width="24"></svg> 6126 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Salse</span> 6127 6128 </a> 6129 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 6130 bg-container-lighter border-container hover:bg-container hover:border-container" 6131 @click="handleNextMenu('j1_156', 'j1_9')" 6132 > 6133 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 6134 stroke="currentColor" 6135 class="w-full h-full p-1" 6136 > 6137 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 6138 </svg> 6139 </a> 6140 </span> 6141 <div 6142 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 6143 transform bg-container-lighter translate-x-full" 6144 :class="{ 6145 'translate-x-0': mobilePanelActiveId !== 'j1_9' && mobilePanelActiveId !== 'j1_156' 6146 }" 6147 > 6148 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 6149 @click="removeActiveId('j1_156'); mobilePanelActiveId = 'j1_9'" 6150 > 6151 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 6152 width="24" 6153 stroke="currentColor"> 6154 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6155 d="M15 19l-7-7 7-7"/> 6156 </svg> 6157 <span class="ml-3">Salse</span> 6158 </a> 6159 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse.html" 6160 title="Salse" 6161 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 6162 bg-container-lighter border-container hover:bg-container-darker hover:underline" 6163 > 6164 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6165 viewBox="0 0 24 24" height="24" 6166 width="24"></svg> 6167 <span class="ml-4">Mostra tutti</span> 6168 </a> 6169 <div class="level-2"> 6170 <span 6171 class="flex items-center transition-transform duration-150 ease-in-out transform" 6172 :class="{ 6173 '-translate-x-full': mobilePanelActiveId === 'j1_320' 6174 }" 6175 > 6176 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6177 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse/maionese.html" 6178 title="Maionese e salsa per patatine fritte"> 6179 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6180 viewBox="0 0 24 24" height="24" 6181 width="24"></svg> 6182 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Maionese e salsa per patatine fritte</span> 6183 6184 </a> 6185 6186 </span> 6187 6188 </div> <div class="level-2"> 6189 <span 6190 class="flex items-center transition-transform duration-150 ease-in-out transform" 6191 :class="{ 6192 '-translate-x-full': mobilePanelActiveId === 'j1_321' 6193 }" 6194 > 6195 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6196 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse/ketchup-curry.html" 6197 title="Ketchup e curry"> 6198 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6199 viewBox="0 0 24 24" height="24" 6200 width="24"></svg> 6201 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Ketchup e curry</span> 6202 6203 </a> 6204 6205 </span> 6206 6207 </div> <div class="level-2"> 6208 <span 6209 class="flex items-center transition-transform duration-150 ease-in-out transform" 6210 :class="{ 6211 '-translate-x-full': mobilePanelActiveId === 'j1_322' 6212 }" 6213 > 6214 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6215 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse/salsa-arachidi.html" 6216 title="Salsa di arachidi"> 6217 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6218 viewBox="0 0 24 24" height="24" 6219 width="24"></svg> 6220 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Salsa di arachidi</span> 6221 6222 </a> 6223 6224 </span> 6225 6226 </div> <div class="level-2"> 6227 <span 6228 class="flex items-center transition-transform duration-150 ease-in-out transform" 6229 :class="{ 6230 '-translate-x-full': mobilePanelActiveId === 'j1_323' 6231 }" 6232 > 6233 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6234 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse/altre-salse.html" 6235 title="Altre salse"> 6236 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6237 viewBox="0 0 24 24" height="24" 6238 width="24"></svg> 6239 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Altre salse</span> 6240 6241 </a> 6242 6243 </span> 6244 6245 </div> <div class="level-2"> 6246 <span 6247 class="flex items-center transition-transform duration-150 ease-in-out transform" 6248 :class="{ 6249 '-translate-x-full': mobilePanelActiveId === 'j1_324' 6250 }" 6251 > 6252 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6253 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/salse/gravy.html" 6254 title="Sugo di carne"> 6255 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6256 viewBox="0 0 24 24" height="24" 6257 width="24"></svg> 6258 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Sugo di carne</span> 6259 6260 </a> 6261 6262 </span> 6263 6264 </div> 6265 </div> 6266 </div> <div class="level-1"> 6267 <span 6268 class="flex items-center transition-transform duration-150 ease-in-out transform" 6269 :class="{ 6270 '-translate-x-full': mobilePanelActiveId === 'j1_157' 6271 }" 6272 > 6273 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6274 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/brinta.html" 6275 title="Brinta"> 6276 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6277 viewBox="0 0 24 24" height="24" 6278 width="24"></svg> 6279 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Brinta</span> 6280 6281 </a> 6282 6283 </span> 6284 6285 </div> <div class="level-1"> 6286 <span 6287 class="flex items-center transition-transform duration-150 ease-in-out transform" 6288 :class="{ 6289 '-translate-x-full': mobilePanelActiveId === 'j1_155' 6290 }" 6291 > 6292 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6293 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi.html" 6294 title="Zuppe e brodi"> 6295 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6296 viewBox="0 0 24 24" height="24" 6297 width="24"></svg> 6298 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Zuppe e brodi</span> 6299 6300 </a> 6301 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 6302 bg-container-lighter border-container hover:bg-container hover:border-container" 6303 @click="handleNextMenu('j1_155', 'j1_9')" 6304 > 6305 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 6306 stroke="currentColor" 6307 class="w-full h-full p-1" 6308 > 6309 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 6310 </svg> 6311 </a> 6312 </span> 6313 <div 6314 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 6315 transform bg-container-lighter translate-x-full" 6316 :class="{ 6317 'translate-x-0': mobilePanelActiveId !== 'j1_9' && mobilePanelActiveId !== 'j1_155' 6318 }" 6319 > 6320 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 6321 @click="removeActiveId('j1_155'); mobilePanelActiveId = 'j1_9'" 6322 > 6323 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 6324 width="24" 6325 stroke="currentColor"> 6326 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6327 d="M15 19l-7-7 7-7"/> 6328 </svg> 6329 <span class="ml-3">Zuppe e brodi</span> 6330 </a> 6331 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi.html" 6332 title="Zuppe e brodi" 6333 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 6334 bg-container-lighter border-container hover:bg-container-darker hover:underline" 6335 > 6336 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6337 viewBox="0 0 24 24" height="24" 6338 width="24"></svg> 6339 <span class="ml-4">Mostra tutti</span> 6340 </a> 6341 <div class="level-2"> 6342 <span 6343 class="flex items-center transition-transform duration-150 ease-in-out transform" 6344 :class="{ 6345 '-translate-x-full': mobilePanelActiveId === 'j1_345' 6346 }" 6347 > 6348 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6349 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/zuppa/unox-soep.html" 6350 title="Unox Zuppe"> 6351 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6352 viewBox="0 0 24 24" height="24" 6353 width="24"></svg> 6354 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Unox Zuppe</span> 6355 6356 </a> 6357 6358 </span> 6359 6360 </div> <div class="level-2"> 6361 <span 6362 class="flex items-center transition-transform duration-150 ease-in-out transform" 6363 :class="{ 6364 '-translate-x-full': mobilePanelActiveId === 'j1_346' 6365 }" 6366 > 6367 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6368 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/zuppa/knorr-soep.html" 6369 title="Knorr Zuppe"> 6370 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6371 viewBox="0 0 24 24" height="24" 6372 width="24"></svg> 6373 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Knorr Zuppe</span> 6374 6375 </a> 6376 6377 </span> 6378 6379 </div> <div class="level-2"> 6380 <span 6381 class="flex items-center transition-transform duration-150 ease-in-out transform" 6382 :class="{ 6383 '-translate-x-full': mobilePanelActiveId === 'j1_347' 6384 }" 6385 > 6386 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6387 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/zuppa/knorr-cup-a-soup.html" 6388 title="Knorr Cup-a-Soup"> 6389 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6390 viewBox="0 0 24 24" height="24" 6391 width="24"></svg> 6392 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Knorr Cup-a-Soup</span> 6393 6394 </a> 6395 6396 </span> 6397 6398 </div> <div class="level-2"> 6399 <span 6400 class="flex items-center transition-transform duration-150 ease-in-out transform" 6401 :class="{ 6402 '-translate-x-full': mobilePanelActiveId === 'j1_361' 6403 }" 6404 > 6405 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6406 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/zuppa/honig.html" 6407 title="Honig Zuppe"> 6408 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6409 viewBox="0 0 24 24" height="24" 6410 width="24"></svg> 6411 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Honig Zuppe</span> 6412 6413 </a> 6414 6415 </span> 6416 6417 </div> <div class="level-2"> 6418 <span 6419 class="flex items-center transition-transform duration-150 ease-in-out transform" 6420 :class="{ 6421 '-translate-x-full': mobilePanelActiveId === 'j1_348' 6422 }" 6423 > 6424 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6425 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/bouillon.html" 6426 title="Bouillon"> 6427 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6428 viewBox="0 0 24 24" height="24" 6429 width="24"></svg> 6430 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Bouillon</span> 6431 6432 </a> 6433 6434 </span> 6435 6436 </div> <div class="level-2"> 6437 <span 6438 class="flex items-center transition-transform duration-150 ease-in-out transform" 6439 :class="{ 6440 '-translate-x-full': mobilePanelActiveId === 'j1_349' 6441 }" 6442 > 6443 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6444 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/zuppe-e-brodi/maggi.html" 6445 title="Maggi"> 6446 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6447 viewBox="0 0 24 24" height="24" 6448 width="24"></svg> 6449 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Maggi</span> 6450 6451 </a> 6452 6453 </span> 6454 6455 </div> 6456 </div> 6457 </div> <div class="level-1"> 6458 <span 6459 class="flex items-center transition-transform duration-150 ease-in-out transform" 6460 :class="{ 6461 '-translate-x-full': mobilePanelActiveId === 'j1_158' 6462 }" 6463 > 6464 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6465 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/conimex.html" 6466 title="Conimex"> 6467 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6468 viewBox="0 0 24 24" height="24" 6469 width="24"></svg> 6470 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Conimex</span> 6471 6472 </a> 6473 6474 </span> 6475 6476 </div> <div class="level-1"> 6477 <span 6478 class="flex items-center transition-transform duration-150 ease-in-out transform" 6479 :class="{ 6480 '-translate-x-full': mobilePanelActiveId === 'j1_159' 6481 }" 6482 > 6483 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6484 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/knorr.html" 6485 title="Knorr"> 6486 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6487 viewBox="0 0 24 24" height="24" 6488 width="24"></svg> 6489 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Knorr</span> 6490 6491 </a> 6492 6493 </span> 6494 6495 </div> <div class="level-1"> 6496 <span 6497 class="flex items-center transition-transform duration-150 ease-in-out transform" 6498 :class="{ 6499 '-translate-x-full': mobilePanelActiveId === 'j1_160' 6500 }" 6501 > 6502 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6503 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/honig-producten.html" 6504 title="Honig"> 6505 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6506 viewBox="0 0 24 24" height="24" 6507 width="24"></svg> 6508 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Honig</span> 6509 6510 </a> 6511 6512 </span> 6513 6514 </div> <div class="level-1"> 6515 <span 6516 class="flex items-center transition-transform duration-150 ease-in-out transform" 6517 :class="{ 6518 '-translate-x-full': mobilePanelActiveId === 'j1_165' 6519 }" 6520 > 6521 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6522 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/caffe.html" 6523 title="Caffè - Tè"> 6524 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6525 viewBox="0 0 24 24" height="24" 6526 width="24"></svg> 6527 <span class="mr-2 hover:underline category-name ml-3 text-base text-gray-700 lg:ml-0">Caffè - Tè</span> 6528 6529 </a> 6530 <a class="absolute right-0 flex w-8 h-8 mr-8 border rounded cursor-pointer 6531 bg-container-lighter border-container hover:bg-container hover:border-container" 6532 @click="handleNextMenu('j1_165', 'j1_9')" 6533 > 6534 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" 6535 stroke="currentColor" 6536 class="w-full h-full p-1" 6537 > 6538 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 6539 </svg> 6540 </a> 6541 </span> 6542 <div 6543 class="absolute top-0 right-0 z-10 w-full h-auto transition-transform duration-200 ease-in-out 6544 transform bg-container-lighter translate-x-full" 6545 :class="{ 6546 'translate-x-0': mobilePanelActiveId !== 'j1_9' && mobilePanelActiveId !== 'j1_165' 6547 }" 6548 > 6549 <a class="flex items-center px-8 py-4 border-b cursor-pointer bg-container border-container" 6550 @click="removeActiveId('j1_165'); mobilePanelActiveId = 'j1_9'" 6551 > 6552 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" 6553 width="24" 6554 stroke="currentColor"> 6555 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 6556 d="M15 19l-7-7 7-7"/> 6557 </svg> 6558 <span class="ml-3">Caffè - Tè</span> 6559 </a> 6560 <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/caffe.html" 6561 title="Caffè - Tè" 6562 class="flex items-center w-full px-8 py-4 border-b cursor-pointer 6563 bg-container-lighter border-container hover:bg-container-darker hover:underline" 6564 > 6565 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6566 viewBox="0 0 24 24" height="24" 6567 width="24"></svg> 6568 <span class="ml-4">Mostra tutti</span> 6569 </a> 6570 <div class="level-2"> 6571 <span 6572 class="flex items-center transition-transform duration-150 ease-in-out transform" 6573 :class="{ 6574 '-translate-x-full': mobilePanelActiveId === 'j1_355' 6575 }" 6576 > 6577 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6578 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/caffe/koffie.html" 6579 title="Caffè"> 6580 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6581 viewBox="0 0 24 24" height="24" 6582 width="24"></svg> 6583 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Caffè</span> 6584 6585 </a> 6586 6587 </span> 6588 6589 </div> <div class="level-2"> 6590 <span 6591 class="flex items-center transition-transform duration-150 ease-in-out transform" 6592 :class="{ 6593 '-translate-x-full': mobilePanelActiveId === 'j1_356' 6594 }" 6595 > 6596 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6597 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/caffe/thee.html" 6598 title="Tè"> 6599 <svg xmlns="http://www.w3.org/2000/svg" fill="none"
6600 viewBox="0 0 24 24" height="24" 6601 width="24"></svg> 6602 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">Tè</span> 6603 6604 </a> 6605 6606 </span> 6607 6608 </div> <div class="level-2"> 6609 <span 6610 class="flex items-center transition-transform duration-150 ease-in-out transform" 6611 :class="{ 6612 '-translate-x-full': mobilePanelActiveId === 'j1_357' 6613 }" 6614 > 6615 <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" 6616 href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/caffe/accessori-caffe.html" 6617 title="Accessori per il caffè"> 6618 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 6619 viewBox="0 0 24 24" height="24" 6620 width="24"></svg> 6621 <span class="mr-2 hover:underline category-name ml-4 text-base text-gray-700 lg:ml-0">
6621Accessori per il caffè</span> 6622 6623 </a> 6624 6625 </span> 6626 6627 </div> 6628 </div> 6629 </div> 6630 </div> 6631 </div> 6632 <div class="extra-content-mobile"> 6633 <div class="level-0"><a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" title="Frutta secca tostata" href="/prodotti-olandesi-tipici/frutta-secca-tostata.html" target="_self">Frutta secca tostata</a></div> 6634<div class="level-0"><a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" title="Senape" href="/prodotti-olandesi-tipici/senape-e-senape-al-miele.html" target="_self">Senape</a></div> 6635<div class="level-0"><a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" title="Contatti" href="/contact" target="_self">Assisteza clienti</a></div> 6636<div class="level-0"><a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" title="COSTI DI SPEDIZIONE" href="/terms-of-delivery" target="_self">Costi di spedizione</a></div> 6637<div class="level-0"><a class="flex items-center w-full px-8 py-3 border-b cursor-pointer bg-container-lighter border-container hover:bg-container-darker level-0" title="Video" href="/video" target="_self">Formaggio spedizion? Animazione</a></div> 6638<div class="px-8"> 6639<p><span style="color: #333300;"><span style="color: #333300;"><br><strong>Paga a modo tuo</strong><br><img title="Payment options" src="https://www.goudacheeseshop.com/pub/media/wysiwyg/com_payment.jpg" alt="Payment options" width="722" height="39"><br></span></span></p> 6640<p><span style="color: #333300;"><span style="color: #333300;"><strong>DHL<br><img src="https://www.goudsekaasshop.nl/pub/media/wysiwyg/dhl_logo.png" alt="DHL"></strong></span><strong><span style="color: #333300;"><a class="tovideopopup" href="/pub/media/videos/player/index_zomer_en.html" data-fancybox-type="iframe"><br></a></span></strong></span></p> 6641</div> </div> 6642 </nav> 6643 6644 </div> 6645</div> 6646 6647 </div> 6648 </div> 6649 6650 <div id="after-header" class="w-full shadow" style="background: #eefaff;"> 6651 <div class="container py-1 mx-auto flex items-center flex-col content-center text-center text-sm"> 6652 <p style="margin: 0; padding: 0; text-align: center;"><span style="color: #000000; font-weight: bold;" title="Accuratamente confezionato sottovuoto ⢠Consegnato refrigerato, fresco e in tempi record"> Accuratamente confezionato sottovuoto ⢠Consegnato refrigerato, fresco e in tempi record </span></p> </div> 6653 </div> 6654 6655 </div> 6656</div> 6657
6658<!--Cart Drawer-----> 6659 6660<section id="cart-drawer" 6661 x-data="initCartDrawer()" 6662 @private-content-loaded.window="getData($event.detail.data)" 6663 @toggle-cart.window="open=true" 6664 @keydown.window.escape="open=false" 6665> 6666 <template x-if="cart && cart.summary_count"> 6667 <div role="dialog" 6668 aria-labelledby="cart-drawer-title" 6669 aria-modal="true" 6670 @click.outside="open=false" 6671 class="fixed inset-y-0 right-0 z-30 flex max-w-full"> 6672 <div class="backdrop" 6673 x-show="open" 6674 x-transition:enter="ease-in-out duration-500" 6675 x-transition:enter-start="opacity-0" 6676 x-transition:enter-end="opacity-100" 6677 x-transition:leave="ease-in-out duration-500" 6678 x-transition:leave-start="opacity-100" 6679 x-transition:leave-end="opacity-0" 6680 @click="open=false" 6681 aria-label="Close panel"></div> 6682 <div class="relative w-screen max-w-md shadow-2xl" 6683 x-show="open" 6684 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 6685 x-transition:enter-start="translate-x-full" 6686 x-transition:enter-end="translate-x-0" 6687 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" 6688 x-transition:leave-start="translate-x-0" 6689 x-transition:leave-end="translate-x-full" 6690 > 6691 <div 6692 x-show="open" 6693 x-transition:enter="ease-in-out duration-500" 6694 x-transition:enter-start="opacity-0" 6695 x-transition:enter-end="opacity-100" 6696 x-transition:leave="ease-in-out duration-500" 6697 x-transition:leave-start="opacity-100" 6698 x-transition:leave-end="opacity-0" class="absolute top-0 right-0 flex p-2 mt-2"> 6699 <button @click="open=false" aria-label="Close panel" 6700 class="p-2 transition duration-150 ease-in-out hover:text-black"> 6701 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 6702 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 6703<title>x</title></svg> 6704 </button> 6705 </div> 6706 <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl"> 6707 6708 <header class="px-4 sm:px-6"> 6709 <h2 id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900"> 6710 Carrello <span class="items-total text-xs" 6711 x-show="maxItemsToDisplay && maxItemsToDisplay < itemsCount" 6712 x-text="getItemCountTitle()"> 6713 </span> 6714 </h2> 6715 </header> 6716 6717 6718 6719 <div class="relative grid gap-6 px-4 py-6 bg-white sm:gap-8 sm:px-6"> 6720 <div class="w-full p-3 -m-3 space-x-4 transition duration-150 ease-in-out 6721 rounded-lg hover:bg-gray-100"> 6722 <a href="https://www.goudaformaggioshop.it/checkout/" 6723 class="inline-flex btn btn-primary text-black"> 6724 Comprare </a> 6725 <span>o</span> 6726 <a href="https://www.goudaformaggioshop.it/checkout/cart/" 6727 class="underline"> 6728 Cestino della spesa </a> 6729 </div> 6730 </div> 6731 6732 6733 <div class="relative grid gap-6 px-4 py-6 overflow-y-auto bg-white border-b 6734 sm:gap-8 sm:px-6 border-container"> 6735 <template x-for="item in cartItems"> 6736 <div class="flex items-start p-3 -m-3 space-x-4 transition duration-150 6737 ease-in-out rounded-lg hover:bg-gray-100"> 6738 <a :href="item.product_url" class="w-1/4"> 6739 <img 6740 :src="item.product_image.src" 6741 :width="item.product_image.width" 6742 :height="item.product_image.height" 6743 loading="lazy" 6744 /> 6745 </a> 6746 <div class="w-3/4 space-y-2"> 6747 <div> 6748 <p class="text-xl">
6749 <span class="font-bold" x-html="item.qty"></span> <span class="font-bold">x</span> <span x-html="item.product_name"></span> 6750 </p> 6751 </div> 6752 <template x-for="option in item.options"> 6753 <div class="pt-2"> 6754 <p class="font-semibold" x-text="option.label + ':'"></p> 6755 <p class="font-semibold" x-html="option.value"></p> 6756 </div> 6757 </template> 6758 <p><span x-html="item.product_price"></span></p> 6759 <div class="pt-4"> 6760 <a href="/checkout/cart/" 6761 class="inline-flex p-2 mr-2 btn btn-primary"> 6762 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img"> 6763 <path stroke-linecap="round" stroke-linejoin="round" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/> 6764<title>pencil</title></svg> 6765 </a> 6766 <button class="inline-flex p-2 btn btn-primary" 6767 @click="deleteItemFromCart(item.item_id)" 6768 > 6769 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img"> 6770 <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/> 6771<title>trash</title></svg> 6772 </button> 6773 </div> 6774 6775 </div> 6776 </div> 6777 </template> 6778 </div> 6779 6780 6781 <div class="relative grid gap-6 px-4 py-6 bg-white sm:gap-8 sm:px-6"> 6782 <div class="w-full p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg 6783 hover:bg-gray-100"> 6784 <p>Totale parziale: <span x-html="cart.subtotal"></span></p> 6785 </div> 6786 <div class="w-full p-3 -m-3 space-x-4 transition duration-150 ease-in-out 6787 rounded-lg hover:bg-gray-100"> 6788 <a href="https://www.goudaformaggioshop.it/checkout/" 6789 class="inline-flex btn btn-primary text-black"> 6790 Comprare </a> 6791 <span>o</span> 6792 <a href="https://www.goudaformaggioshop.it/checkout/cart/" 6793 class="underline"> 6794 Cestino della spesa </a> 6795 </div> 6796 </div> 6797 6798 6799 </div> 6800 </div> 6801 <div 6802 class="z-50 fixed inset-0 flex justify-center items-center bg-white/70 select-none" 6803 x-show="isLoading" 6804 x-cloak 6805 x-transition.opacity.duration.200ms 6806> 6807 <div class="flex items-center"> 6808 <svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" class="animate-spin" aria-hidden="true"> 6809 <circle style="opacity: .3;" cx="12" cy="12" r="10"/> 6810 <path fill="none" stroke-width="2" d="M12,2 a10,10 0 0,1 10,10"/> 6811</svg> 6812 <div class="ml-10 text-xl"> 6813 Loading... </div> 6814 </div> 6815</div> 6816 </div> 6817 </template> 6818</section> 6819 6820 6821<!-- Google Tag Manager --> 6822 6823<!-- End Google Tag Manager --> 6824
6825<a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white 6826 contentarea" 6827 href="#contentarea"> 6828 <span> 6829 Salta al contenuto </span> 6830</a> 6831</header><div class="top-container"><nav class="breadcrumbs bg-container-lighter shadow-sm relative" aria-label="Breadcrumb"> 6832 <div class="container"> 6833 6834 <a class="float-left rounded-l-md border border-gray-700 py-1 hover:bg-cheesegreen-500 hover:text-black px-3 my-2 mr-2.5" x-show="history.length > 2 && document.referrer.indexOf(window.location.host) !== -1" href="javascript:window.history.back()"> 6835 <div class="flex flex-row align-middle"> 6836 <svg class="w-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> 6837 <path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path> 6838 </svg> 6839 <p class="ml-2 text-xs hidden md:block leading-5">indietro</p> 6840 </div> 6841 </a> 6842 6843 <ol class="items list-reset py-4 rounded flex flex-wrap text-grey text-xs"> 6844 <li class="item flex home"> 6845 <a href="https://www.goudaformaggioshop.it/" 6846 class="no-underline" 6847 title="Vai alla Home Page" 6848 >Home</a> 6849 </li> 6850 <li class="item flex cms_page"> 6851 <span aria-hidden="true" class="separator text-primary-lighter px-2">></span> 6852 <a href="" 6853 class="text-primary-lighter" 6854 aria-current="page" 6855 >Chi siamo</a> 6856 </li> 6857 </ol> 6858 </div> 6859</nav> 6860</div><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div> 6861<div class="page messages"> 6862<section id="messages" 6863 x-data="initMessages" 6864 x-bind="eventListeners" 6865 role="alert" 6866> 6867 <template x-if="hasMessages"> 6868 <div class="w-full"> 6869 <div class="messages container mx-auto py-3"> 6870 <template x-for="(message, index) in messages" :key="index"> 6871 <div> 6872 <template x-if="hasMessage"> 6873 <div class="message" 6874 :class="message.type" 6875 :ui-id="getMessageUiId" 6876 > 6877 <span x-html="message.text"></span> 6878 <button 6879 type="button" 6880 class="text-gray-600 hover:text-black" 6881 aria-label="Close message" 6882 @click.prevent="removeMessage" 6883 > 6884 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true"> 6885 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 6886</svg> 6887 </button> 6888 </div> 6889 </template> 6890 </div> 6891 </template> 6892 </div> 6893 </div> 6894 </template> 6895</section> 6896</div><div class="full-page-title container flex flex-col md:flex-row flex-wrap md:my-6 font-bold 6897 lg:mt-8 text-3xl"> 6898 <h1 class="text-gray-900 page-title title-font" 6899 > 6900 <span class="base" data-ui-id="page-title-wrapper" >Chi siamo</span> </h1> 6901 </div> 6902<div class="columns"><div class="column main"><div class="about-us-container" style="text-align: left;"> 6903<h1 style="text-align: left;">GoudaFormaggioShop.it: perché il piacere non conosce confini!</h1> 6904<p>Benvenuti su GoudaFormaggioShop.it! Siamo Mark e Walter, due orgogliosi olandesi appassionati di formaggio e i volti dietro a questo magazzino di formaggi online. Come parte di <strong>Kaashandel Peters</strong>, siamo un'azienda familiare con una lunga tradizione nella selezione, stagionatura e conseg
6904na dei migliori formaggi dei Paesi Bassi.</p> 6905 6906<h2 style="text-align: left;">Dal nostro magazzino tradizionale direttamente a casa tua</h2> 6907<p>Fin dalla nostra fondazione, l'artigianalità , la qualità e il servizio personalizzato sono al centro di ciò che facciamo. Spinti dalla nostra passione per il formaggio, collaboriamo quotidianamente con allevatori locali e rinomati casari per offrire una selezione che non solo è autentica, ma soddisfa anche i più elevati standard di gusto e qualità .</p> 6908<p>Comprendiamo che il formaggio è molto più di un semplice prodotto: è un'esperienza, è tradizione e puro piacere. Per questo motivo selezioniamo solo formaggi fatti con amore, che mantengono il loro carattere vero e genuino. Con Kaashandel Peters e GoudaFormaggioShop.it non porti a casa solo del formaggio: porti un pezzo della cultura casearia olandese, accuratamente confezionato e consegnato con il sorriso.</p> 6909 6910<h2 style="text-align: left;">Oltre 350 tipi di formaggio e regali olandesi autentici</h2> 6911<p>Il nostro negozio online è l'estensione della nostra passione. Qui portiamo il meglio dei nostri taglieri di formaggi direttamente nelle cucine dei nostri clienti. Che tu stia cercando un Gouda giovane e cremoso, un pezzo di formaggio contadino stagionato dal sapore robusto o una variante unica alle erbe.</p> 6912<p>Ma GoudaFormaggioShop.it offre molto di più! Sia le aziende che i privati possono scoprire una ricca varietà di autentici formaggi olandesi, dal classico e cremoso Gouda ai formaggi contadini stagionati e alle varianti uniche alle erbe. Tramite il nostro sito web, puoi anche comporre facilmente confezioni regalo personalizzate a base di formaggio. Il regalo perfetto! Ci occupiamo noi di tutto il processo, dal taglio del formaggio alla spedizione diretta al destinatario. L'esperienza definitiva del formaggio olandese è ora alla portata di tutti.</p> 6913 6914<h2 style="text-align: left;">Consegna rapida e accurata in tutta Europa</h2> 6915<p>Ci assicuriamo che ogni pezzo venga accuratamente selezionato, confezionato da esperti e spedito in tutta Europa con la massima cura. Ecco cosa puoi aspettarti da noi:</p> 6916<ul> 6917<li><strong>Tagliato fresco e confezionato sottovuoto:</strong> Scegli tra oltre 350 tipi di formaggi, tagliati freschi dalla forma e immediatamente confezionati sottovuoto.</li> 6918<li><strong>Sempre alla giusta temperatura:</strong> Dove necessario, aggiungiamo degli speciali elementi refrigeranti (cool packs) al tuo ordine, così il formaggio si mantiene sempre fresco. (Anche se il formaggio sopporta benissimo gli sbalzi di temperatura!)</li> 6919<li><strong>Spedizione tracciabile e veloce:</strong> La spedizione è gestita da partner affidabili come DHL e DPD. Naturalmente, puoi sempre tracciare il tuo pacco tramite Track & Trace.</li> 6920<li><strong>Pagamenti sicuri:</strong> Il pagamento è semplice e sicuro tramite Carta di Credito, PayPal, Klarna o bonifico bancario. Le aziende possono anche ordinare con fattura.</li> 6921</ul> 6922 6923<div class="review-block" style="background-color: #f0f7fb; padding: 25px; border-radius: 8px; border: 1px solid #cbe3f0; margin: 30px 0;"> 6924<h2 style="color: #005f8a; margin-top: 0; text-align: left;">Valutato come Eccellente!</h2> 6925<p>I nostri clienti valutano il servizio e la qualità di GoudaFormaggioShop.it come <strong>"Eccellente"</strong> con un punteggio di <strong style="color: #005f8a; font-size: 1.2em;">4,57</strong> basato su oltre 350 recensioni indipendenti tramite Trusted Shops.</p> 6926<p style="margin-top: 15px;"> 6927<a href="https://www.trstd.com/it-it/reviews/goudaformaggioshop-it" target="_blank" rel="noopener" style="display: inline-block; background-color: #ffdc0f; color: #333; font-weight: bold; padding: 10px 20px; text-decoration: none; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> 6928Leggi le recensioni dei nostri clienti → 6929</a> 6930</p> 6931</div> 6932 6933<div class="contact-info-block" style="background-color: #f9f9f9; padding: 25px; border-radius: 8px; margin: 30px 0;"> 6934<h3 style="text-align: left; margin-top: 0;">Hai bisogno di maggiori informazioni o di un consiglio personalizzato?</h3> 6935<p>Ciò che ci distingue veramente è il nostro approccio personale. Ogni ordine viene trattato con cura e siamo sempre pronti ad aiutarti a trovare il formaggio perfetto. Non esitare a contattarci senza alcun impegno:</p> 6936<ul style="list-style-type: none; padding: 0; margin-bottom: 20px; line-height: 2;"> 6937<li><a href="/cdn-cgi/l/email-protection#8be2e5ede4cbece4feefeaede4f9e6eaecece2e4f8e3e4fba5e2ff" target="_blank" rel="noopener"><img style="vertical-align: middle; margin-right: 10px;" src="https://www.goudsekaasshop.nl/media/wysiwyg/mail.png" alt="Email"></a> <strong>Email:</strong> <a href="/cdn-cgi/l/email-protection#127b7c747d52757d677673747d607f7375757b7d617a7d623c7b66"><span class="__cf_email__" data-cfemail="4c25222a230c2b2339282d2a233e212d2b2b25233f24233c622538">[email protected]</span></a></li> 6938<li><img style="vertical-align: middle; margin-right: 10px;" src="https://www.goudsekaasshop.nl/media/wysiwyg/phone.png" alt="Telefono"> <strong>Telefono:</strong> +31 341 427 502</li> 6939<li><strong>[CHAT]</strong> Domande e risposte: <a href="https://app.youshouldask.ai/chat/BnrExo/4CECcV" target="_blank" rel="noopener" style="color: #d9534f; text-decoration: none; font-weight: bold;">chiedi rapidamente tramite chat</a>.</li> 6940</ul> 6941<p><a title="Contatti" href="/contact"><strong>â Clicca qui per tutti i nostri contatti</strong></a></p> 6942</div> 6943 6944<div class="team-images" style="display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px;"> 6945<div style="flex: 1; min-width: 280px; text-align: center;"><img style="max-width: 100%; height: auto; border-radius: 4px;" src="/pub/media/trotse_kaaskoppen.jpg" alt="Appassionati di formaggio"> 6946<p style="margin-top: 10px; color: #555;"><em>Fieri appassionati di formaggio!</em></p> 6947</div> 6948<div style="flex: 1; min-width: 280px; text-align: center;"><img style="max-width: 100%; height: auto; border-radius: 4px;" src="/pub/media/mark_walter.jpg" alt="Mark e Walter in magazzino"> 6949<p style="margin-top: 10px; color: #555;"><em>I due fratelli Mark e Walter al lavoro in magazzino!</em></p> 6950</div> 6951</div> 6952</div></div><aside class="sidebar sidebar-additional"> 6953 6954 6955 <div x-data="initWishlistOnWishlistSidebar()" 6956 @private-content-loaded.window="receiveWishlistData($event.detail.data)"
6957 class="wishlist-widget" 6958 > 6959 <template x-if="itemCount"> 6960 <div class="mt-8"> 6961 <h2 class="border-t border-gray-300 mb-6 pt-5" id="wishlist-sidebar"> 6962 <strong class="title font-semibold text-lg">La mia lista desideri</strong> 6963 <span class="counter text-xs" x-html="wishlistCountLabel"></span> 6964 </h2> 6965 <ul role="list" class="my-4" aria-labelledby="wishlist-sidebar"> 6966 <template x-for="product in wishlistItems"> 6967 <li class="flex items-start mb-4"> 6968 <a 6969 :href="product.product_url" 6970 class="block mb-3 w-10 h-10 shrink-0 mr-4" 6971 tabindex="-1" 6972 aria-hidden="true" 6973 > 6974 <img 6975 :src="product.image.src" 6976 alt="" 6977 loading="lazy" 6978 > 6979 </a> 6980 <div class="product-item-details"> 6981 <strong class="mr-2 text-sm leading-6 font-normal"> 6982 <a :href="product.product_url" :title="product.product_name" x-html="product.product_name"></a> 6983 </strong> 6984 <div class="mr-2 text-sm leading-6 font-bold" x-html="product.product_price"></div> 6985 <template x-if="product.product_is_saleable_and_visible"> 6986 <div class="actions-primary my-2"> 6987 <template x-if="!product.product_has_required_options"> 6988 <button 6989 type="button" 6990 @click.prevent="addToCart(product.add_to_cart_params)" 6991 class="action tocart primary btn btn-primary text-sm" 6992 :aria-label="hyva.str('Add\u0020to\u0020Cart\u0020\u00251', product.product_name)" 6993 data-addto="cart" 6994 > 6995 Aggiungi al Carrello </button> 6996 </template> 6997 </div> 6998 </template> 6999 </div> 7000 <button 7001 type="button" 7002 @click.prevent="removeFromWishlist(product.delete_item_params)" 7003 :aria-label="hyva.str('Remove\u0020product\u0020\u0022\u00251\u0022\u0020from\u0020My\u0020Wish\u0020List', product.product_name)" 7004 class=" 7005 p-1 inline-flex shrink-0 items-center 7006 justify-center text-slate-400 hover:text-slate-800 ml-auto 7007 " 7008 > 7009 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 7010 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 7011</svg> 7012 </button> 7013 </li> 7014 </template> 7015 </ul> 7016 <div class="flex flex-wrap items-center md:mt-5 gap-2 text-sm"> 7017 <a href="https://www.goudaformaggioshop.it/wishlist/" 7018 aria-label="Go to Wish List page" 7019 class="btn btn-secondary text-sm" 7020 > 7021 Vai alla lista desideri </a> 7022 </div> 7023 </div> 7024 </template> 7025 </div> 7026</aside></div> 7027 7028 7029 7030</main><footer class="page-footer"><div class="footer content"> 7031 7032 7033 7034 7035 7036 7037<div class="text-white-700 body-font bg-container-darker border-t border-container-darker shadow pb-4 md:pb-16"> 7038 <div class="container px-5 md:py-12 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col"> 7039 <div class="flex-grow flex flex-wrap md:text-left"> 7040 <div class="lg:w-1/4 md:w-1/2 w-full px-4"> 7041 <div class="block"> 7042<div class="block-title"><strong>Servizio clienti</strong></div> 7043<div class="block-content"> 7044<ul class="features"> 7045<li><a href="/customer/account/login/">Account</a></li> 7046<li><a href="/contact">Contatti</a></li> 7047<li><a title="Costi di spedizione" href="/terms-of-delivery" target="_self">Costi di spedizione - Termini di consegna</a></li> 7048<li><a title="Pagamento sicuro" href="/pagamento-sicuro" target="_self">Pagamento sicuro</a></li> 7049<li><a title="Termini e condizioni generali" href="/general-terms-and-conditions" target="_self">Termini e condizioni generali</a></li> 7050<li><a title="Privacy" href="/privacy-policy-cookie-restriction-mode" target="_self">Informativa sulla privacy</a></li> 7051<li><a title="Resi e scambi" href="/exchanges-and-returns" target="_self">Resi e cambi</a></li> 7052</ul> 7053</div> 7054</div> </div> 7055 <div class="lg:w-1/4 md:w-1/2 w-full px-4"> 7056 <div class="block"> 7057<div class="block-title"><strong>GoudaFormaggioShop.it</strong></div> 7058<div class="block-content"> 7059<ul class="features"> 7060<li><a href="https://www.goudaformaggioshop.it/contact" rel="nofollow">Servizio Clienti & Contatti</a></li> 7061<li><a title="Cihi siamo" href="/about-us" target="_self">Chi siamo</a></li> 7062<li><a title="Ingrosso â Negozio online B2B" href="https://b2b.goudsekaasshop.nl/?lang=it">Ingrosso â Negozio online B2B</a></li> 7063<li><a title="Garanzia di freschezza - Garanzia di consegna" href="/garanzia-di-freschezza-garanzia-di-consegna" target="_self">Garanzia di freschezza - Garanzia di consegna</a></li> 7064<li><a title="Certificato SKAL-Bio" href="/certificato-skal-bio">Certificato SKAL-Bio</a></li> 7065</ul> 7066</div> 7067</div> </div> 7068 <div class="lg:w-1/4 md:w-1/2 w-full px-4"> 7069 <div class="block"> 7070<div class="block-title"><strong>Il mio account</strong></div> 7071<div class="block-content"> 7072<ul class="links"> 7073<li><a class="logout-link" href="/customer/account/login/">Accedi</a></li> 7074<li><a href="/customer/account/">Il mio account</a></li> 7075<li><a href="/customer/account/">La mia lista dei desideri</a></li> 7076<li><a href="/contact">Contattaci</a></li> 7077</ul> 7078</div> 7079</div> </div> 7080 <div class="lg:w-1/4 md:w-1/2 w-full px-4"> 7081 <div class="block"> 7082<div class="block-title"><strong>Link utili</strong></div> 7083<div class="block-content"> 7084<ul class="links"> 7085<ul dir="rtl"> 7086<li><a title="Mappa del sito" href="/sitemap/" target="_self">Mappa del sito</a></li> 7087<li><a title="Tête de Moine" href="/utensili-per-formaggio/arriccia-formaggio-tete-de-moine/formaggio-tete-de-moine.html" target="_self">Tête de Moine</a></li> 7088<li><a title="Formaggio di Gouda" href="/formaggio-gouda-fresco/edam-baby-gouda-e-piccole-forme-di-formaggio/formaggio-edam.html" target="_self">Formaggio olandese</a></li> 7089<li><a title="Prodotti olandesi" href="/prodotti-olandesi-tipici.html" target="_self">Prodotti olande</a>si</li> 7090<li><a title="Caprino" href="/formaggio-gouda-fresco/caprino.html" target="_self">Formaggio di capra</a></li> 7091<li><a title="Formaggio Edam" href="/formaggio-gouda-fresco/edam-baby-gouda-e-piccole-forme-di-formaggio/formaggio-edam.html" target="_self">
7091Formaggio Edam</a></li> 7092<li><a title="Blog" href="/blog">Blog</a></li> 7093</ul> 7094</ul> 7095</div> 7096</div> </div> 7097 </div> 7098 </div> 7099</div> 7100 7101<div class="text-white-700 body-font"> 7102 <div class="bg-white"> 7103 <div class="container py-2 mx-auto flex items-center sm:flex-row flex-col text-sm "> 7104 <div class="payment-icons"> 7105 <img class="mx-auto" src="https://www.goudaformaggioshop.it/static/version1790151791/frontend/Kaashandel/default/it_IT/images/payments-lang-NL.png" /> 7106 <img class="mx-auto mt-5" src="https://www.goudaformaggioshop.it/static/version1790151791/frontend/Kaashandel/default/it_IT/images/shipping-logos.jpg" /> 7107 <div class="md:flex md:flex-wrap"> 7108 <div class="md:w-1/2"><img class="mx-auto mt-5" style="max-height: 85px;" src="https://www.goudaformaggioshop.it/static/version1790151791/frontend/Kaashandel/default/it_IT/images/nl-bio-01.jpg" /></div> 7109 <div class="md:w-1/2"><img class="mx-auto mt-5 pt-5" style="max-height: 85px;" src="https://www.goudaformaggioshop.it/static/version1790151791/frontend/Kaashandel/default/it_IT/images/skal-biocontrole-logo.jpg" /></div> 7110 </div> 7111 </div> 7112 </div> 7113 </div> 7114</div> 7115 7116<div id="back2Top" style="background: #ffcb20;" class="hidden"> 7117 <span class="text-black text-center text-lg font-bold">></span> 7118</div> 7119 7120 7121 7122 7123<div class="text-white-700 body-font border-t border-container-darker"> 7124 <div class="bg-container"> 7125 <div class="container py-6 mx-auto flex items-center sm:flex-row flex-col text-sm"> 7126 <p> 7127 <small class="text-sm text-gray-800 sm:ml-6 sm:mt-0 mt-4"> 7128 <span>© 2026 | Gouda Formaggio Shop fa parte di Kaashandel Peters, Harderwijk, Paesi Bassi. Tutti i diritti riservati. à possibile acquistare e ordinare tutti i prodotti nel nostro negozio.</span> 7129</small> </p> 7130 </div> 7131 </div> 7132</div> 7133 7134<style> 7135 .black-friday-badges { 7136 position: absolute!important; 7137 top: 35px; 7138 margin-left: -70px; 7139 z-index: 9999; 7140 background: black; 7141 } 7142 7143 @media only screen and (max-width: 600px) { 7144 .black-friday-badges { 7145 position: relative!important; 7146 margin: auto; 7147 top: auto; 7148 } 7149 } 7150</style> 7151 7152 7153<style> 7154.page-products .minimal-price, 7155.page-products .message.error {display: none!important;} 7156</style> 7157 7158 7159 7160 7161 7162 7163 7164 7165<Style> 7166 #am-cookie-bar .fixed.flex.justify-center.items-center.text-left.z-10.inset-0 { 7167 background: #00000059; 7168 } 7169</style></div></footer> 7170 7171 7172<div class="amgdpr-privacy-policy" id="amgdpr-privacy-popup"></div> 7173 7174 7175 7176 7177 7178 7179 7180 7181 7182 7183 7184 7185 7186 7187 7188 7189 7190 7191 7192<!-- View Model Identities: --> 7193 7194 7195 7196 7197 7198 7199 7200 7201 7202<div x-data="initCookieBarSettings" x-bind="eventListeners"> 7203 <div x-cloak 7204 x-bind="overlay" 7205 class="fixed inset-0 flex flex-col items-center justify-center text-left bg-gray-500/50 7206 z-70 am-cookie-bar-settings" 7207 > 7208 <div x-ref="am-cookie-bar-settings" 7209 role="dialog" 7210 aria-modal="true" 7211 aria-label="Cookie Bar Settings" 7212 class="bg-ambar-settings-bar-group-background relative inline-block max-h-screen overflow-auto 7213 max-w-[90vw] shadow-xl rounded-lg p-10 text-gray-700" 7214 > 7215 <button @click="hideHandler" 7216 aria-label="Close Cookie Bar Settings" 7217 x-ref="ambar-settings-close" 7218 class="absolute right-2 top-2 text-gray-300 transition 7219 hover:text-black focus:drop-shadow-md hover:drop-shadow-md"> 7220 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" 7221 stroke="currentColor" 7222 stroke-width="2"> 7223 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 7224 </svg> 7225 </button> 7226 <div id="cookiebar-groups"> 7227 7228<div x-data="initAmCookieGroups" class="w-full flex flex-col"> 7229 <template x-for="group in $store.AmastyCookieGroups.groupData" :key="group.groupId"> 7230 <div class="mb-2"> 7231 <div class="header flex justify-between items-start py-2"> 7232 <h3 class="text-lg font-semibold pr-6 ambar-group-title text-ambar-settings-bar-group-title" x-text="group.name"></h3> 7233 <div> 7234 <input type="checkbox" 7235 :name="getInputGroupId" 7236 data-group-prefix="popup-" 7237 @change="toggleGroup" 7238 :checked="group.checked" 7239 :aria-checked="group.checked" 7240 :id="getInputGroupId" 7241 :disabled="group.isEssential" 7242 :value="group.groupId" 7243 class="amsettings-bar-input-toggle" 7244 :class="getInputStyles" 7245 > 7246 <label data-group-prefix="popup-" 7247 :for="getInputGroupId" class="sr-only" x-text="group.name"> 7248 </label> 7249 </div> 7250 </div> 7251 <p class="py-2 text-sm ambar-group-description text-ambar-settings-bar-group-description" x-html="group.description"></p> 7252 <button class="btn btn-secondary px-4 text-xs mb-4 rounded-xs before:content-none after:content-none" 7253 type="button" 7254 data-dispatch-action="popup-open-am-cookie-group-info" 7255 @click="moreInfoClickHandler">
7256 <span class="text-ambar-settings-bar-group-links">Maggiori informazioni</span> 7257 <span class="sr-only" x-text="moreInformationAboutCookieGroup"></span> 7258 </button> 7259 </div> 7260 </template> 7261</div> 7262 </div> 7263 <div class="w-full flex"> 7264 <button type="button" 7265 class="ambar-action-btn rounded-sm text-center text-sm transition-colors focus:drop-shadow hover:drop-shadow px-2 py-4 w-full text-xs font-semibold uppercase bg-ambar-settings-bar-button 7266 hover:bg-ambar-settings-bar-button-hover text-ambar-settings-bar-button-text 7267 hover:text-ambar-settings-bar-button-hover-text" 7268 x-data="initAmCookieActionDispatcherBtn" 7269 @click.prevent="actiondispatchHandler" 7270 x-ref="ambar-settings-done" 7271 data-dispatch-action="cookiebar-action-accept" 7272 data-dispatch-payload='{"include_checked_groups":true}' 7273 > 7274 Fatto </button> 7275 </div> 7276 </div> 7277 </div> 7278 </div> 7279 7280 7281 7282<div x-data="initCookieGroupInfo_6ab65eefa3dbe" x-bind="eventListeners"> 7283 <div x-cloak 7284 x-bind="overlay" 7285 class="fixed inset-0 flex items-center justify-center text-left bg-gray-500/50 z-70" 7286 > 7287 <div x-ref="am-cookie-group-info" 7288 role="dialog" 7289 aria-labelledby="amcookie-group-info" 7290 class="inline-block max-h-[92vh] max-w-[90vw] overflow-auto 7291 bg-ambar-info-bar-background shadow-xl rounded-lg p-8 text-gray-700 relative" 7292 > 7293 <template x-if="group"> 7294 <div id="amcookie-group-info"> 7295 <button @click.stop="closeHandler" 7296 aria-label="Chiudi" 7297 class="absolute right-2 top-2 text-gray-300 transition 7298 hover:text-black focus:drop-shadow-md hover:drop-shadow-md" 7299 > 7300 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" 7301 stroke="currentColor" 7302 stroke-width="2"> 7303 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 7304 </svg> 7305 </button> 7306 <div class="md:flex md:justify-start pb-4"> 7307 <h3 class="text-xl font-semibold text-ambar-info-bar-title" x-text="group.name"></h3> 7308 </div> 7309 <template x-if="group.description"> 7310 <p class="mb-4 text-ambar-info-bar-description" x-html="group.description"></p> 7311 </template> 7312 <div class="overflow-x-scroll md:overflow-x-auto"> 7313 <table class="table-auto w-full mb-4 text-left"> 7314 <thead class="text-ambar-info-bar-table-header"> 7315 <tr> 7316 <th class="pr-4">Cookie Name</th> 7317 <th class="pr-4">Cookie Provider</th> 7318 <th class="min-w-[30%] pr-4">Cookie Description</th> 7319 <th class="pr-4">Durata cookie</th> 7320 <th class="pr-4">Cookie Type</th> 7321 </tr> 7322 </thead> 7323 <tbody class="text-ambar-info-bar-table-content"> 7324 <template x-for="(item, index) in group.cookies" :key="index"> 7325 <tr> 7326 <td x-text="item.name" class="font-semibold pr-4"></td> 7327 <td x-text="item.provider" class="pr-4"></td> 7328 <td x-html="item.description" class="min-w-[30%] pr-4"></td> 7329 <td x-text="item.lifetime" class="pr-4"></td> 7330 <td x-text="item.type" class="pr-4"></td> 7331 </tr> 7332 </template> 7333 </tbody> 7334 </table> 7335 </div> 7336 </div> 7337 </template> 7338 <button 7339 @click.stop="closeHandler" 7340 aria-label="Fatto" 7341 class="mt-4 w-full text-xs font-semibold text-ambar-info-bar-button-text 7342 hover:text-ambar-info-bar-button-hover-text uppercase bg-ambar-info-bar-button 7343 hover:bg-ambar-info-bar-button-hover ambar-action-btn rounded-sm text-center text-sm transition-colors focus:drop-shadow hover:drop-shadow px-2 py-4" 7344 > 7345 Fatto </button> 7346 </div> 7347 </div> 7348 7349</div> 7350 7351 7352 7353 7354 7355 7356 7357 7358 7359 7360 7361 7362<style> 7363 :root { 7364 /* Bar Color Settings */ 7365 --ambar-background: #fff; 7366 --ambar-links-color: #326ed1; 7367 --ambar-policy-text: #374151; 7368 --ambar-toggle-active-color: #2563eb; 7369 --ambar-toggle-inactive-color: #fff; 7370 7371 /* Buttons Color Settings */ 7372 --ambar-button-accept-color: #F77719; 7373 --ambar-button-accept-hover-color: #337ab7; 7374 --ambar-button-accept-text: #FFFFFF; 7375 --ambar-button-accept-hover-text: #fff; 7376 7377 --ambar-button-allow-color: #337ab7; 7378 --ambar-button-allow-hover-color: #337ab7; 7379 --ambar-button-allow-text: #000000; 7380 --ambar-button-allow-hover-text: #fff; 7381 7382 --ambar-button-decline-color: #FFFFFF; 7383 --ambar-button-decline-hover-color: #FFFFFF; 7384 --ambar-button-decline-text: #000000; 7385 --ambar-button-decline-hover-text: #000000; 7386 7387 --ambar-button-settings-color: #337ab7; 7388 --ambar-button-settings-hover-color: #337ab7; 7389 --ambar-button-settings-text: #000000; 7390 --ambar-button-settings-hover-text: #fff; 7391 7392 /* Buttons Order Settings */ 7393 --ambar-button-accept-order: 0; 7394 --ambar-button-allow-order: 0; 7395 --ambar-button-settings-order: 0; 7396 --ambar-button-decline-order: 0; 7397 7398 /* Cookie Information Bar Color Settings */ 7399 --ambar-information-background: #fff; 7400 --ambar-information-title: #374151; 7401 --ambar-information-description: #374151; 7402 --ambar-information-table-header: #374151; 7403 --ambar-information-table-content: #374151; 7404 7405 /* Cookie Information Bar Done Button Settings */ 7406 --ambar-information-button-color: #1d4ed8; 7407 --ambar-information-button-hover-color: #1d4ed8; 7408 --ambar-information-button-text: #fff; 7409 --ambar-information-button-hover-text: #fff; 7410 7411 /* Settings Bar Done Button Settings */ 7412 --ambar-setting-button-color: #1d4ed8; 7413 --ambar-setting-button-hover-color: #1d4ed8; 7414 --ambar-setting-button-text: #fff; 7415 --ambar-setting-button-hover-text: #fff; 7416 7417 /* cookie_settings_bar_customisation */ 7418 --ambar-setting-bar-group-background: #fff; 7419 --ambar-setting-bar-group-title: #000; 7420 --ambar-setting-bar-group-description: #000; 7421 --ambar-setting-bar-group-links: #326ed1; 7422 } 7423</style> 7424 7425 7426 7427 7428 7429 7430 7431<div x-data="initAmastyCookieBar" 7432 x-bind="eventListeners" 7433 x-cloak 7434 id="am-cookie-bar" 7435 > 7436 <div x-cloak data-dialog-ref-name="am-cookie-bar" 7437 x-bind="overlay" 7438 class=""> 7439 <div class="fixed flex justify-center items-center text-left z-40 inset-0"> 7440 <div x-ref="am-cookie-bar" role="dialog" aria-modal="true" 7441 x-no-overlay aria-label="Cookie Bar" 7442 class="flex w-[90%] max-w-screen-md shadow-xl rounded-lg relative p-10 7443 overflow-auto bg-ambar-background"> 7444 7445<span tabindex="0" class="focus:outline-hidden"></span> 7446<div class="flex flex-col max-w-[740px] justify-center"> 7447 <div class="flex w-full justify-center flex-col"> 7448 <div class="w-full">
7449 <p id="amcookie-bar-content" class="text-ambar-policy-text"> 7450 Utilizziamo cookie e altre tecnologie simili necessari per consentirti di effettuare acquisti, per migliorare le tue esperienze di acquisto e per fornire i nostri servizi, come descritto in dettaglio nella nostra <a href="https://www.goudaformaggioshop.it/cookie-statement">Dichiarazione sui cookie</a>. 7451Utilizziamo questi cookie anche per capire come i clienti utilizzano i nostri servizi per poterli migliorare (ad esempio, analizzando le interazioni con il sito). 7452Se accetti, utilizzeremo i cookie anche per ottimizzare la tua esperienza di acquisto nei negozi come descritto nella nostra <a href="https://www.goudaformaggioshop.it/cookie-statement">Dichiarazione sui cookie</a>. 7453Questo comprende l'utilizzo di cookie di prima parte e di terze parti che memorizzano o accedono a informazioni standard del dispositivo, come lâidentificatore univoco. 7454I terzi utilizzano i cookie per le loro finalità di mostrare e analizzare la pubblicità personalizzata, generare informazioni sui destinatari e sviluppare e migliorare i prodotti. </p> 7455 </div> 7456 <div class="flex flex-wrap w-full justify-center gap-2 mt-4"> 7457 7458 7459<button 7460 type="button" 7461 x-data="initAmCookieActionDispatcherBtn" 7462 data-dispatch-action="cookiebar-action-allow" 7463 @click.prevent="actiondispatchHandler" 7464 class="ambar-btn-accept ambar-action-btn w-full justify-center md:max-w-[30%] mb-2" 7465> 7466 Accetta i cookie</button> 7467 7468<button 7469 type="button" 7470 x-data="initAmCookieActionDispatcherBtn" 7471 data-dispatch-action="cookiebar-action-settings" 7472 @click.prevent="actiondispatchHandler" 7473 class="ambar-btn-settings ambar-action-btn w-full justify-center md:max-w-[30%] mb-2" 7474> 7475 Impostazioni personalizzate</button> 7476 </div> 7477 </div> 7478 <div class="flex w-full justify-end"> 7479 <button @click="closeCookieBarHandler" 7480 aria-label="Close Cookie Bar" 7481 class="absolute right-2 top-2 text-gray-300 transition 7482 hover:text-black focus:drop-shadow-md hover:drop-shadow-md" 7483 > 7484 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" 7485 stroke="currentColor" stroke-width="2"> 7486 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 7487 </svg> 7488 </button> 7489 </div> 7490</div> 7491 7492 </div> 7493 </div> 7494 </div> 7495</div> 7496 7497 7498 7499<div x-data="initCookieGroupInfo_6ab65eefa5204" x-bind="eventListeners"> 7500 <div x-cloak 7501 x-bind="overlay" 7502 class="fixed inset-0 flex items-center justify-center text-left bg-gray-500/50 z-70" 7503 > 7504 <div x-ref="popup-am-cookie-group-info" 7505 role="dialog" 7506 aria-labelledby="amcookie-group-info" 7507 class="inline-block max-h-[92vh] max-w-[90vw] overflow-auto 7508 bg-ambar-info-bar-background shadow-xl rounded-lg p-8 text-gray-700 relative" 7509 > 7510 <template x-if="group"> 7511 <div id="amcookie-group-info"> 7512 <button @click.stop="closeHandler" 7513 aria-label="Chiudi" 7514 class="absolute right-2 top-2 text-gray-300 transition 7515 hover:text-black focus:drop-shadow-md hover:drop-shadow-md" 7516 > 7517 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" 7518 stroke="currentColor" 7519 stroke-width="2"> 7520 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 7521 </svg> 7522 </button> 7523 <div class="md:flex md:justify-start pb-4"> 7524 <h3 class="text-xl font-semibold text-ambar-info-bar-title" x-text="group.name"></h3> 7525 </div> 7526 <template x-if="group.description"> 7527 <p class="mb-4 text-ambar-info-bar-description" x-html="group.description"></p> 7528 </template> 7529 <div class="overflow-x-scroll md:overflow-x-auto"> 7530 <table class="table-auto w-full mb-4 text-left"> 7531 <thead class="text-ambar-info-bar-table-header"> 7532 <tr> 7533 <th class="pr-4">Cookie Name</th> 7534 <th class="pr-4">Cookie Provider</th> 7535 <th class="min-w-[30%] pr-4">Cookie Description</th> 7536 <th class="pr-4">Durata cookie</th> 7537 <th class="pr-4">Cookie Type</th> 7538 </tr> 7539 </thead> 7540 <tbody class="text-ambar-info-bar-table-content"> 7541 <template x-for="(item, index) in group.cookies" :key="index"> 7542 <tr> 7543 <td x-text="item.name" class="font-semibold pr-4"></td> 7544 <td x-text="item.provider" class="pr-4"></td> 7545 <td x-html="item.description" class="min-w-[30%] pr-4"></td> 7546 <td x-text="item.lifetime" class="pr-4"></td> 7547 <td x-text="item.type" class="pr-4"></td> 7548 </tr> 7549 </template> 7550 </tbody> 7551 </table> 7552 </div> 7553 </div> 7554 </template> 7555 <button 7556 @click.stop="closeHandler" 7557 aria-label="Fatto" 7558 class="mt-4 w-full text-xs font-semibold text-ambar-info-bar-button-text 7559 hover:text-ambar-info-bar-button-hover-text uppercase bg-ambar-info-bar-button 7560 hover:bg-ambar-info-bar-button-hover ambar-action-btn rounded-sm text-center text-sm transition-colors focus:drop-shadow hover:drop-shadow px-2 py-4" 7561 > 7562 Fatto </button> 7563 </div> 7564 </div> 7565 7566</div> 7567 7568 7569</div>
vendor: 108 bytes, line 7569
7569<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
7569<script type="application/ld+json" class="mm-schema-graph">[{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.goudaformaggioshop.it\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.goudaformaggioshop.it\/about-us","name":"Chi siamo"}}]}]</script>
7569<script type="application/ld+json" class="mm-schema-graph">[{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/www.goudaformaggioshop.it\/","logo":"https:\/\/d36j1qwmo9v7p2.cloudfront.net\/logo\/stores\/1\/logo-goudsekaasshop-nl.png"}]</script>
7569<script type="application/ld+json" class="mm-schema-graph">[{"@context":"http:\/\/schema.org","@type":"WholesaleStore","@id":"https:\/\/goo.gl\/maps\/jGSuop5pL14y4ob58","name":"Kaashandel Peters","telephone":"+31-341427502","priceRange":"\u20ac\u20ac","address":{"@type":"PostalAddress","streetAddress":"Morsestraat 6B","addressLocality":"Harderwijk","postalCode":"3846 CG","addressCountry":"NL"}}]</script>
7569<script type="application/ld+json" class="mm-schema-graph">[{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.goudaformaggioshop.it\/","name":"GoudseKaasShop","alternateName":"Goudse Kaas Shop"}]</script>
7569<script> 7570 var BASE_URL = 'https://www.goudaformaggioshop.it/'; 7571 var THEME_PATH = 'https://www.goudaformaggioshop.it/static/version1790151791/frontend/Kaashandel/default/it_IT'; 7572 var COOKIE_CONFIG = { 7573 "expires": null, 7574 "path": "\u002F", 7575 "domain": ".www.goudaformaggioshop.it", 7576 "secure": true, 7577 "lifetime": "432000", 7578 "cookie_restriction_enabled": false }; 7579 var CURRENT_STORE_CODE = 'goudseit'; 7580 var CURRENT_WEBSITE_ID = '1'; 7581 7582 window.hyva = window.hyva || {} 7583 7584 window.cookie_consent_groups = window.cookie_consent_groups || {} 7585 window.cookie_consent_groups['necessary'] = true; 7586 7587 window.cookie_consent_config = window.cookie_consent_config || {}; 7588 window.cookie_consent_config['necessary'] = [].concat( 7589 window.cookie_consent_config['necessary'] || [], 7590 [ 7591 'user_allowed_save_cookie', 7592 'form_key', 7593 'mage-messages', 7594 'private_content_version', 7595 'mage-cache-sessid', 7596 'last_visited_store', 7597 'section_data_ids' 7598 ] 7599 ); 7600 //# sourceURL=hyva-variables.js 7601</script>
7601<script> 7602 (function( hyva, undefined ) { 7603 7604 function lifetimeToExpires(options, defaults) { 7605 7606 const lifetime = options.lifetime || defaults.lifetime; 7607 7608 if (lifetime) { 7609 const date = new Date; 7610 date.setTime(date.getTime() + lifetime * 1000); 7611 return date; 7612 } 7613 7614 return null; 7615 } 7616 7617 function generateRandomString() { 7618 7619 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 7620 length = 16; 7621 7622 let formKey = '', 7623 charactersLength = allowedCharacters.length; 7624 7625 for (let i = 0; i < length; i++) { 7626 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 7627 } 7628 7629 return formKey; 7630 } 7631 7632 const sessionCookieMarker = {noLifetime: true} 7633 7634 const cookieTempStorage = {}; 7635 7636 const internalCookie = { 7637 get(name) { 7638 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 7639 return v ? v[2] : null; 7640 }, 7641 set(name, value, days, skipSetDomain) { 7642 let expires, 7643 path, 7644 domain, 7645 secure, 7646 samesite; 7647 7648 const defaultCookieConfig = { 7649 expires: null, 7650 path: '/', 7651 domain: null, 7652 secure: false, 7653 lifetime: null, 7654 samesite: 'lax' 7655 }; 7656 7657 const cookieConfig = window.COOKIE_CONFIG || {}; 7658 7659 expires = days && days !== sessionCookieMarker 7660 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 7661 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 7662 7663 path = cookieConfig.path || defaultCookieConfig.path; 7664 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 7665 secure = cookieConfig.secure || defaultCookieConfig.secure; 7666 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 7667 7668 document.cookie = name + "=" + encodeURIComponent(value) + 7669 (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + 7670 (path ? '; path=' + path : '') + 7671 (domain ? '; domain=' + domain : '') + 7672 (secure ? '; secure' : '') + 7673 (samesite ? '; samesite=' + samesite : 'lax'); 7674 }, 7675 isWebsiteAllowedToSaveCookie() { 7676 const allowedCookies = this.get('user_allowed_save_cookie'); 7677 if (allowedCookies) { 7678 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 7679 7680 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 7681 } 7682 return false; 7683 }, 7684 getGroupByCookieName(name) { 7685 const cookieConsentConfig = window.cookie_consent_config || {}; 7686 let group = null; 7687 for (let prop in cookieConsentConfig) { 7688 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 7689 if (cookieConsentConfig[prop].includes(name)) { 7690 group = prop; 7691 break; 7692 } 7693 } 7694 return group; 7695 }, 7696 isCookieAllowed(name) { 7697 const cookieGroup = this.getGroupByCookieName(name); 7698 return cookieGroup 7699 ? window.cookie_consent_groups[cookieGroup] 7700 : this.isWebsiteAllowedToSaveCookie(); 7701 }, 7702 saveTempStorageCookies() { 7703 for (const [name, data] of Object.entries(cookieTempStorage)) { 7704 if (this.isCookieAllowed(name)) { 7705 this.set(name, data['value'], data['days'], data['skipSetDomain']); 7706 delete cookieTempStorage[name]; 7707 } 7708 } 7709 } 7710 }; 7711 7712 hyva.getCookie = (name) => { 7713 const cookieConfig = window.COOKIE_CONFIG || {}; 7714 7715 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 7716 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 7717 } 7718 7719 return internalCookie.get(name); 7720 } 7721 7722 hyva.setCookie = (name, value, days, skipSetDomain) => { 7723 const cookieConfig = window.COOKIE_CONFIG || {}; 7724 7725 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 7726 cookieTempStorage[name] = {value, days, skipSetDomain}; 7727 return; 7728 } 7729 return internalCookie.set(name, value, days, skipSetDomain); 7730 } 7731 7732 7733 hyva.setSessionCookie = (name, value, skipSetDomain) => { 7734 return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) 7735 } 7736 7737 hyva.getBrowserStorage = () => { 7738 const browserStorage = window.localStorage || window.sessionStorage; 7739 if (!browserStorage) { 7740 console.warn('Browser Storage is unavailable'); 7741 return false;
7742 } 7743 try { 7744 browserStorage.setItem('storage_test', '1'); 7745 browserStorage.removeItem('storage_test'); 7746 } catch (error) { 7747 console.warn('Browser Storage is not accessible', error); 7748 return false; 7749 } 7750 return browserStorage; 7751 } 7752 7753 hyva.postForm = (postParams) => { 7754 const form = document.createElement("form"); 7755 7756 let data = postParams.data; 7757 7758 if (! postParams.skipUenc && ! data.uenc) { 7759 data.uenc = btoa(window.location.href); 7760 } 7761 form.method = "POST"; 7762 form.action = postParams.action; 7763 7764 Object.keys(postParams.data).map(key => { 7765 const field = document.createElement("input"); 7766 field.type = 'hidden' 7767 field.value = postParams.data[key]; 7768 field.name = key; 7769 form.appendChild(field); 7770 }); 7771 7772 const form_key = document.createElement("input"); 7773 form_key.type = 'hidden'; 7774 form_key.value = hyva.getFormKey(); 7775 form_key.name="form_key"; 7776 form.appendChild(form_key); 7777 7778 document.body.appendChild(form); 7779 7780 form.submit(); 7781 } 7782 7783 hyva.getFormKey = function () { 7784 let formKey = hyva.getCookie('form_key'); 7785 7786 if (!formKey) { 7787 formKey = generateRandomString(); 7788 hyva.setCookie('form_key', formKey); 7789 } 7790 7791 return formKey; 7792 } 7793 7794 hyva.formatPrice = (value, showSign, options = {}) => { 7795 const groupSeparator = options.groupSeparator; 7796 const decimalSeparator = options.decimalSeparator 7797 delete options.groupSeparator; 7798 delete options.decimalSeparator; 7799 const formatter = new Intl.NumberFormat( 7800 'it\u002DIT', 7801 Object.assign({ 7802 style: 'currency', 7803 currency: 'EUR', 7804 signDisplay: showSign ? 'always' : 'auto' 7805 }, options) 7806 ); 7807 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 7808 formatter.formatToParts(value).map(({type, value}) => { 7809 switch (type) { 7810 case 'currency': 7811 return '\u20AC' || value; 7812 case 'minusSign': 7813 return '- '; 7814 case 'plusSign': 7815 return '+ '; 7816 case 'group': 7817 return groupSeparator !== undefined ? groupSeparator : value; 7818 case 'decimal': 7819 return decimalSeparator !== undefined ? decimalSeparator : value; 7820 default : 7821 return value; 7822 } 7823 }).reduce((string, part) => string + part) : 7824 formatter.format(value); 7825 } 7826 7827 const formatStr = function (str, nStart) { 7828 const args = Array.from(arguments).slice(2); 7829 7830 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 7831 const idx = parseInt(n) - nStart; 7832 7833 if (args[idx] === null || args[idx] === void 0) { 7834 return m; 7835 } 7836 return p.length % 2 7837 ? p.slice(0, -1).replace('%%', '%') + args[idx] 7838 : p.replace('%%', '%') + n; 7839 }) 7840 } 7841 7842 hyva.str = function (string) { 7843 const args = Array.from(arguments); 7844 args.splice(1, 0, 1); 7845 7846 return formatStr.apply(undefined, args); 7847 } 7848 7849 hyva.strf = function () { 7850 const args = Array.from(arguments); 7851 args.splice(1, 0, 0); 7852 7853 return formatStr.apply(undefined, args); 7854 } 7855 7856 /** 7857 * Take a html string as `content` parameter and 7858 * extract an element from the DOM to replace in 7859 * the current page under the same selector, 7860 * defined by `targetSelector` 7861 */ 7862 hyva.replaceDomElement = (targetSelector, content) => { 7863 // Parse the content and extract the DOM node using the `targetSelector` 7864 const parser = new DOMParser(); 7865 const doc = parser.parseFromString(content, 'text/html');
7866 const contentNode = doc.querySelector(targetSelector); 7867 7868 // Bail if content or target can't be found 7869 if (!contentNode || !document.querySelector(targetSelector)) { 7870 return; 7871 } 7872 7873 hyva.activateScripts(contentNode); 7874 7875 // Replace the old DOM node with the new content 7876 document.querySelector(targetSelector).replaceWith(contentNode); 7877 7878 // Reload customerSectionData and display cookie-messages if present 7879 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 7880 hyva.initMessages(); 7881 } 7882 7883 hyva.removeScripts = (contentNode) => { 7884 const scripts = contentNode.getElementsByTagName('script'); 7885 for (let i = 0; i < scripts.length; i++) { 7886 scripts[i].parentNode.removeChild(scripts[i]); 7887 } 7888 const templates = contentNode.getElementsByTagName('template'); 7889 for (let i = 0; i < templates.length; i++) { 7890 const container = document.createElement('div'); 7891 container.innerHTML = templates[i].innerHTML; 7892 hyva.removeScripts(container); 7893 templates[i].innerHTML = container.innerHTML; 7894 } 7895 } 7896 7897 hyva.activateScripts = (contentNode) => { 7898 // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM. 7899 const scripts = Array.from(contentNode.getElementsByTagName('script')); 7900 7901 // Iterate over all script tags to duplicate+inject each into the head 7902 for (const original of scripts) { 7903 const script = document.createElement('script'); 7904 original.type && (script.type = original.type); 7905 script.innerHTML = original.innerHTML; 7906 7907 // Remove the original (non-executing) script from the contentNode 7908 original.parentNode.removeChild(original) 7909 7910 // Add script to head 7911 document.head.appendChild(script); 7912 } 7913 7914 return contentNode; 7915 } 7916 7917 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 7918 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 7919 7920 let currentTrap; 7921 7922 const focusableElements = (rootElement) => { 7923 const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; 7924 return Array.from(rootElement.querySelectorAll(selector)) 7925 .filter(el => { 7926 return el.style.display !== 'none' 7927 && !el.disabled 7928 && el.tabIndex !== -1 7929 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) 7930 }) 7931 } 7932 7933 const focusTrap = (e) => { 7934 const isTabPressed = e.key === 'Tab' || e.keyCode === 9; 7935 if (!isTabPressed) return; 7936 7937 const focusable = focusableElements(currentTrap) 7938 const firstFocusableElement = focusable[0] 7939 const lastFocusableElement = focusable[focusable.length - 1] 7940 7941 e.shiftKey 7942 ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) 7943 : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) 7944 }; 7945 7946 hyva.releaseFocus = (rootElement) => { 7947 if (currentTrap && (!rootElement || rootElement === currentTrap)) { 7948 currentTrap.removeEventListener('keydown', focusTrap) 7949 currentTrap = null 7950 } 7951 } 7952 hyva.trapFocus = (rootElement) => { 7953 if (!rootElement) return; 7954 hyva.releaseFocus() 7955 currentTrap = rootElement 7956 rootElement.addEventListener('keydown', focusTrap) 7957 const firstElement = focusableElements(rootElement)[0] 7958 firstElement && firstElement.focus() 7959 } 7960 7961 hyva.safeParseNumber = (rawValue) => { 7962 const number = rawValue ? parseFloat(rawValue) : null; 7963 7964 return Array.isArray(number) || isNaN(number) ? rawValue : number; 7965 } 7966 7967 const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(''); 7968 hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => { 7969 7970 const camelCase = toCamelCase(name);
7971 const key = '__hyva_bool_' + name 7972 7973 return new Proxy(Object.assign( 7974 additionalMethods, 7975 { 7976 [key]: !!value, 7977 [name]() {return !!this[key]}, 7978 ['!' + name]() {return !this[key]}, // @deprecated This does not work with non-CSP Alpine 7979 ['not' + camelCase]() {return !this[key]}, 7980 ['toggle' + camelCase]() {this[key] = !this[key]}, 7981 [`set${camelCase}True`]() {this[key] = true}, 7982 [`set${camelCase}False`]() {this[key] = false}, 7983 } 7984 ), { 7985 set(target, prop, value) { 7986 return prop === name 7987 ? (target[key] = !!value) 7988 : Reflect.set(...arguments); 7989 } 7990 }) 7991 } 7992 7993 hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) 7994 window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true}); 7995 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 7996 7997 }( window.hyva = window.hyva || {} )); 7998 //# sourceURL=hyva.js 7999</script>
7999<script type="speculationrules"> 8000{ 8001 "tag": "Hyva Theme", 8002 "prefetch": [{ 8003 "source": "document", 8004 "where": { 8005 "and": [ 8006 { "href_matches": "/*" }, 8007 { "not": { 8008 "href_matches": ["/customer/*","/search/*","/sales/*","/wishlist/*","/checkout/*","/paypal/*","/newsletter/*","/stores/store/redirect/*"] }}, 8009 { "not": { 8010 "selector_matches": [".no-preload", ".do-not-prerender", "[download]", "[rel~=nofollow]", "[target]"] 8011 }} 8012 ] 8013 }, 8014 "eagerness": "moderate" 8015 }] 8016} 8017</script>
8017<script> 8018(function () { 8019 const nativeFocus = HTMLElement.prototype.focus; 8020 HTMLElement.prototype.focus = function (options) { 8021 if (this.closest && this.closest('#am-cookie-bar')) { 8022 return nativeFocus.call(this, Object.assign({}, options, { preventScroll: true })); 8023 } 8024 return nativeFocus.apply(this, arguments); 8025 }; 8026})(); 8027</script>
8027<script> 8028 document.body.addEventListener('touchstart', () => {}, {passive: true}) 8029</script>
8029<script> 8030 'use strict'; 8031 8032 (function () { 8033 window.amGdprCookieBar = { 8034 isEnabled: 1, 8035 8036 /** 8037 * @public 8038 * @returns {int} 8039 */ 8040 getIsEnabled() { 8041 return this.isEnabled; 8042 } 8043 } 8044 })(); 8045</script>
8045<script data-cfasync="false"> 8046 window.amastyCookieManager = window.amastyCookieManager || {}; 8047</script>
8047<script> 8048 function initHeader () { 8049 return { 8050 searchOpen: false, 8051 cart: {}, 8052 getData(data) { 8053 if (data.cart) { this.cart = data.cart } 8054 } 8055 } 8056 } 8057 function initCompareHeader() { 8058 return { 8059 compareProducts: null, 8060 itemCount: 0, 8061 receiveCompareData(data) { 8062 if (data['compare-products']) { 8063 this.compareProducts = data['compare-products']; 8064 this.itemCount = this.compareProducts.count; 8065 } 8066 } 8067 } 8068 } 8069</script>
8069<script> 8070(function () { 8071 var tsId = 'X55642FF65D286BF7D5F3D281FD54271A'; 8072 var lang = 'it'; 8073 var tsProfileUrl = 'https://www.trustedshops.it/valutazione-del-negozio/info_X55642FF65D286BF7D5F3D281FD54271A.html'; 8074 8075 var L = { 8076 nl: { 8077 ex:'Uitstekend', go:'Goed', av:'Gemiddeld', po:'Matig', ba:'Slecht', rev:'Beoordelingen', 8078 rated:'Beoordeeld met %s van 5 sterren', verified:'%s geverifieerde beoordelingen', 8079 more:'Meer over', calc:'Berekening', and:'en', verify:'Verificatie', 8080 member:'Lid sinds %s', profile:'Profiel openen', hc:'nl' 8081 }, 8082 de: { 8083 ex:'Ausgezeichnet', go:'Gut', av:'Befriedigend', po:'Ausreichend', ba:'Mangelhaft', rev:'Bewertungen', 8084 rated:'Bewertet mit %s von 5 Sternen', verified:'%s verifizierte Bewertungen', 8085 more:'Mehr über', calc:'Berechnung', and:'und', verify:'Verifizierung', 8086 member:'Mitglied seit %s', profile:'Profil öffnen', hc:'de' 8087 }, 8088 fr: { 8089 ex:'Excellent', go:'Bien', av:'Satisfaisant', po:'Passable', ba:'Mauvais', rev:'Avis', 8090 rated:'Noté %s sur 5 étoiles', verified:'%s avis vérifiés', 8091 more:'En savoir plus sur', calc:'Calcul', and:'et', verify:'Vérification', 8092 member:'Membre depuis %s', profile:'Ouvrir le profil', hc:'fr' 8093 }, 8094 it: { 8095 ex:'Eccellente', go:'Buono', av:'Sufficiente', po:'Scarso', ba:'Pessimo', rev:'Recensioni', 8096 rated:'Valutato %s su 5 stelle', verified:'%s recensioni verificate', 8097 more:'Maggiori informazioni su', calc:'Calcolo', and:'e', verify:'Verifica', 8098 member:'Membro dal %s', profile:'Apri profilo', hc:'it' 8099 }, 8100 da: { 8101 ex:'Fremragende', go:'God', av:'Tilfredsstillende', po:'Tilstrækkeligt', ba:'Dårlig', rev:'Anmeldelser', 8102 rated:'Vurderet til %s af 5 stjerner', verified:'%s verificerede anmeldelser', 8103 more:'Mere om', calc:'Beregning', and:'og', verify:'Verifikation', 8104 member:'Medlem siden %s', profile:'à bn profil', hc:'en-gb' 8105 }, 8106 en: { 8107 ex:'Excellent', go:'Good', av:'Satisfactory', po:'Poor', ba:'Bad', rev:'Reviews', 8108 rated:'Rated %s out of 5 stars', verified:'%s verified reviews', 8109 more:'More about', calc:'Calculation', and:'and', verify:'Verification', 8110 member:'Member since %s', profile:'Open profile', hc:'en-gb' 8111 } 8112 }; 8113 8114 function getLabel(score) { 8115 var t = L[lang] || L.en; 8116 return score >= 4.5 ? t.ex : score >= 3.5 ? t.go : score >= 2.5 ? t.av : score >= 1.5 ? t.po : t.ba; 8117 } 8118 8119 function starSvg(filled) { 8120 var c = filled ? '#FF8000' : '#d1d5db'; 8121 return '<svg width="15" height="15" viewBox="0 0 20 20" fill="' + c + '" xmlns="http://www.w3.org/2000/svg">' 8122 + '<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 ' 8123 + '1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 ' 8124 + '1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292' 8125 + 'a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>' 8126 + '</svg>'; 8127 } 8128 8129 function setText(id, value) { 8130 var node = document.getElementById(id); 8131 if (node) node.textContent = value; 8132 } 8133 8134 function setHtml(id, value) { 8135 var node = document.getElementById(id); 8136 if (node) node.innerHTML = value; 8137 } 8138 8139 function setHref(id, value) { 8140 var node = document.getElementById(id); 8141 if (node) node.href = value; 8142 } 8143 8144 function formatMemberDate(locale) { 8145 var date = new Date(2021, 8, 28); 8146 if (locale === 'en') { 8147 return date.toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' }); 8148 } 8149 return date.toLocaleDateString('nl-NL', { day: '2-digit', month: '2-digit', year: 'numeric' }).replace(/\//g, '-'); 8150 } 8151 8152 function render(mark, count) { 8153 var score = parseFloat(mark); 8154 var stars = ''; 8155 for (var i = 1; i <= 5; i++) stars += starSvg(i <= Math.round(score)); 8156 8157 var t = L[lang] || L.en; 8158 var scoreFmt = score.toFixed(2).replace('.', ',');
8159 var countFmt = parseInt(count).toLocaleString('nl-NL'); 8160 var profile = tsProfileUrl; 8161 var hc = t.hc || 'en-gb'; 8162 8163 setHtml('ts-stars', stars); 8164 setText('ts-score', scoreFmt); 8165 setText('ts-label', getLabel(score)); 8166 setText('ts-count', countFmt + ' ' + t.rev); 8167 8168 setHtml('ts-pop-stars', stars); 8169 setText('ts-pop-title', t.rated.replace('%s', scoreFmt)); 8170 setText('ts-pop-count', t.verified.replace('%s', countFmt)); 8171 setText('ts-pop-more-prefix', t.more + ' '); 8172 setText('ts-pop-calc-link', t.calc); 8173 setText('ts-pop-more-and', ' ' + t.and + ' '); 8174 setText('ts-pop-verify-link', t.verify); 8175 setHref('ts-pop-calc-link', 'https://help.etrusted.com/hc/' + hc + '/articles/23970818394386'); 8176 setHref('ts-pop-verify-link', 'https://help.etrusted.com/hc/' + hc + '/articles/4419944605341'); 8177 setHtml('ts-pop-member', '<span class="ts-trstd">#trstd</span> ' + t.member.replace('%s', formatMemberDate(lang))); 8178 setText('ts-widget-link', t.profile); 8179 setHref('ts-widget-link', profile); 8180 8181 var el = document.getElementById('ts-header-widget'); 8182 if (el) { 8183 el.classList.remove('hidden'); 8184 el.classList.add('flex'); 8185 } 8186 } 8187 8188 // Async fetch naar eigen proxy â geen CSP, geen impact op laadtijd 8189 fetch('/ts-reviews.php') 8190 .then(function (r) { return r.ok ? r.json() : null; }) 8191 .then(function (data) { 8192 if (!data || !data.total_count) return; 8193 render(data.avg_mark || (data.marks && data.marks[tsId]), data.total_count); 8194 }) 8195 .catch(function () {}); 8196}()); 8197</script>
8197<script> 8198 'use strict'; 8199 8200 function initMiniSearch() { 8201 return { 8202 minSearchLength: 2, 8203 suggestions: [], 8204 suggest() { 8205 const search = this.$refs.searchInput; 8206 if (search.value.length >= this.minSearchLength) { 8207 search.setCustomValidity(''); 8208 search.reportValidity(); 8209 //this.fetchSuggestions(search.value); 8210 } else { 8211 this.suggestions = []; 8212 } 8213 }, 8214 fetchSuggestions(term) { 8215 fetch( 8216 window.BASE_URL + 'search/ajax/suggest?' + new URLSearchParams({q: term}), 8217 { 8218 headers: { 8219 'X-Requested-With': 'XMLHttpRequest' 8220 } 8221 } 8222 ) 8223 .then(response => response.json()) 8224 .then(result => this.suggestions = result); 8225 }, 8226 search(term) { 8227 const search = this.$refs.searchInput; 8228 term = term || search.value; 8229 if (term.length < this.minSearchLength) { 8230 search.setCustomValidity('La\u0020lunghezza\u0020minima\u0020della\u0020query\u0020di\u0020ricerca\u0020\u00E8\u00202'); 8231 search.reportValidity(); 8232 } else { 8233 search.setCustomValidity(''); 8234 search.value = term; 8235 this.$refs.form.submit(); 8236 } 8237 }, 8238 focusElement(element) { 8239 if (element && element.nodeName === "DIV") { 8240 element.focus(); 8241 return true; 8242 } else { 8243 return false; 8244 } 8245 } 8246 } 8247 } 8248</script>
8248<script> 8249 'use strict'; 8250 8251 const initMenuDesktop_6ab65eef9a183 = () => { 8252 return { 8253 hoverPanelActiveId: {}, 8254 setActiveMenu(menuNode) { 8255 Array.from(menuNode.querySelectorAll('a.nav-link')).filter(link => { 8256 return link.href === window.location.href.split('?')[0]; 8257 }).map(item => { 8258 item.querySelector('span.category-name').classList.add('underline'); 8259 item.closest('div.level-0') && 8260 item.closest('div.level-0').querySelector('a.level-0 span.level-0') && 8261 item.closest('div.level-0').querySelector('a.level-0 span.level-0').classList.add('underline'); 8262 }); 8263 }, 8264 setActiveHoverMenu(id) { 8265 // debugger 8266 return this.hoverPanelActiveId[id] = true; 8267 }, 8268 getActiveHoverMenu(id) { 8269 return this.hoverPanelActiveId[id] || false 8270 } 8271 } 8272 } 8273 </script>
8273<script> 8274 'use strict'; 8275 8276 const initMenuMobile_6ab65eef9a661 = () => { 8277 return { 8278 mobilePanelActive: {}, 8279 mobilePanelActiveId: null, 8280 hoverPanelActiveId: null, 8281 activeIds: [], 8282 open: false, 8283 openLevel: 0, 8284 removeActiveId (id) { 8285 this.activeIds = this.activeIds.filter(currentId => currentId !== id); 8286 }, 8287 setActiveMenu(menuNode) { 8288 Array.from(menuNode.querySelectorAll('a')).filter(link => { 8289 return link.href === window.location.href.split('?')[0]; 8290 }).map(item => { 8291 item.querySelector('span.category-name') && 8292 item.querySelector('span.category-name').classList.add('underline'); 8293 item.closest('div.level-0') && 8294 item.closest('div.level-0').querySelector('a.level-0 span.category-name') && 8295 item.closest('div.level-0').querySelector('a.level-0 span.category-name').classList.add('underline'); 8296 }); 8297 }, 8298 handleNextMenu (itemId, parentId) { 8299 setTimeout(function(){ 8300 const div = document.querySelector('.scroll-me-to-the-top'); 8301 div.scroll({ 8302 top: 0, 8303 behavior: 'smooth' 8304 }); 8305 }, 250); 8306 // this.mobilePanelActive[itemId] = true; 8307 // 8308 // if (this.mobilePanelActive.hasOwnProperty(parentId)) { 8309 // this.mobilePanelActive[parentId] = false; 8310 // } 8311 this.mobilePanelActiveId = itemId; 8312 this.activeIds.push(itemId); 8313 }, 8314 display (itemId) { 8315 return this.mobilePanelActive.hasOwnProperty(itemId) && this.mobilePanelActive[itemId] === true; 8316 } 8317 } 8318 } 8319</script>
8319<script> 8320 function initCartDrawer() { 8321 return { 8322 open: false, 8323 isLoading: false, 8324 cart: {}, 8325 maxItemsToDisplay: 100, 8326 itemsCount: 0, 8327 totalCartAmount: 0, 8328 getData(data) { 8329 if (data.cart) { 8330 this.cart = data.cart; 8331 this.itemsCount = data.cart.items && data.cart.items.length || 0; 8332 this.totalCartAmount = this.cart.summary_count; 8333 this.setCartItems(); 8334 } 8335 this.isLoading = false; 8336 }, 8337 cartItems: [], 8338 getItemCountTitle() { 8339 return hyva.strf('(%0 di %1)', this.maxItemsToDisplay, this.itemsCount) 8340 }, 8341 setCartItems() { 8342 this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || []; 8343 8344 if (this.maxItemsToDisplay > 0) { 8345 this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10)); 8346 } 8347 }, 8348 deleteItemFromCart(itemId) { 8349 this.isLoading = true; 8350 8351 const formKey = hyva.getFormKey(); 8352 const postUrl = BASE_URL + 'checkout/sidebar/removeItem/'; 8353 8354 fetch(postUrl, { 8355 "headers": { 8356 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 8357 }, 8358 "body": "form_key=" + formKey + "&item_id=" + itemId, 8359 "method": "POST", 8360 "mode": "cors", 8361 "credentials": "include" 8362 }).then(response => { 8363 if (response.redirected) { 8364 window.location.href = response.url; 8365 } else if (response.ok) { 8366 return response.json(); 8367 } else { 8368 window.dispatchMessages && window.dispatchMessages([{ 8369 type: 'warning', 8370 text: 'Impossibile\u0020rimuovere\u0020l\u0027articolo\u0020dal\u0020carrello.' 8371 }]); 8372 this.isLoading = false; 8373 } 8374 }).then(result => { 8375 window.dispatchMessages && window.dispatchMessages([{ 8376 type: result.success ? 'success' : 'error', 8377 text: result.success 8378 ? 'Hai\u0020rimosso\u0020l\u0027articolo.' 8379 : result.error_message 8380 }], result.success ? 5000 : 0) 8381 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 8382 }); 8383 } 8384 } 8385 } 8386</script>
8386<script> 8387 function prepareMollieApplePayMinicart() { 8388 const objectToFormData = (object, prefix = null, formDataObject = null) => { 8389 const formData = formDataObject || new FormData(); 8390 Object.keys(object).forEach(key => { 8391 const value = object[key]; 8392 const name = prefix ? `${prefix}[${key}]` : key; 8393 if (value instanceof Object) { 8394 objectToFormData(value, name, formData); 8395 } else { 8396 formData.append(name, value); 8397 } 8398 }); 8399 8400 return new URLSearchParams(formData).toString(); 8401 }; 8402 8403 return { 8404 totalAmount: 0, 8405 8406 init() { 8407 // Normally we would use private-content-loaded to get this information, but this component is 8408 // rendered after this event has been dispatched. So get the information from the browser storage. 8409 const browserStorage = hyva.getBrowserStorage(); 8410 if (browserStorage) { 8411 const cacheStorage = browserStorage.getItem('mage-cache-storage'); 8412 const cart = JSON.parse(cacheStorage).cart; 8413 8414 this.totalAmount = cart.subtotalAmount; 8415 } 8416 8417 window.addEventListener('private-content-loaded', event => { 8418 this.totalAmount = event.detail.data.cart.subtotalAmount 8419 }) 8420 }, 8421 8422 isLoading(value) { 8423 // This loader lives outside the cart in view/frontend/templates/applepay/loader.phtml 8424 const eventName = value ? 'mollie-applepay-loading-start' : 'mollie-applepay-loading-stop'; 8425 window.dispatchEvent(new CustomEvent(eventName, {})) 8426 }, 8427 8428 pay() { 8429 const amount = this.totalAmount; 8430 let countryCode, postalCode, shippingMethods, selectedShippingMethod, quoteTotals; 8431 8432 const request = { 8433 countryCode: "IT", 8434 currencyCode: "EUR", 8435 supportedNetworks: ["amex","masterCard","visa","maestro","vPay"], 8436 merchantCapabilities: ['supports3DS'], 8437 total: { 8438 label: "Italie", 8439 amount: amount 8440 }, 8441 shippingType: 'shipping', 8442 requiredBillingContactFields: [ 8443 'postalAddress', 8444 'name', 8445 'email', 8446 'phone' 8447 ], 8448 requiredShippingContactFields: [ 8449 'postalAddress', 8450 'name', 8451 'email', 8452 'phone' 8453 ] 8454 } 8455 8456 let session = new ApplePaySession(3, request); 8457 8458 const getTotal = () => { 8459 const total = quoteTotals.find(item => item.code === 'grand_total') || quoteTotals[quoteTotals.length - 1]; 8460 8461 total.label = "Italie"; 8462 8463 const payload = { total }; 8464 window.dispatchEvent(new CustomEvent('mollie-applepay-total', { 8465 detail: payload, 8466 })); 8467 8468 return payload.total; 8469 }; 8470 8471 const getLineItems = () => { 8472 let totals = [...quoteTotals]; 8473 totals = totals.filter(item => item.code !== 'grand_total'); 8474 8475 const payload = { lineItems: totals }; 8476 window.dispatchEvent(new CustomEvent('mollie-applepay-lineitems', { 8477 detail: payload, 8478 })); 8479 8480 return payload.lineItems; 8481 }; 8482 8483 const handleAjaxError = (message) => { 8484 this.isLoading(false); 8485 session.abort(); 8486 8487 dispatchMessages([ 8488 { 8489 text: message, 8490 type: 'error' 8491 } 8492 ]); 8493 }; 8494 8495 session.onpaymentmethodselected = () => { 8496 session.completePaymentMethodSelection(getTotal(), []); 8497 }; 8498 8499 session.onshippingcontactselected = (event) => { 8500 countryCode = event.shippingContact.countryCode; 8501 postalCode = event.shippingContact.postalCode; 8502 8503 fetch(`${BASE_URL}mollie/applePay/shippingMethods?form_key=${hyva.getFormKey()}`, { 8504 method: 'POST', 8505 headers: { 8506 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 8507 }, 8508 body: 'countryCode=' + event.shippingContact.countryCode + 8509 '&postalCode=' + event.shippingContact.postalCode 8510 }) 8511 .then(async (response) => { 8512 if (!response.ok) { 8513 const data = await response.json(); 8514 if (data.message) { 8515 throw new Error(data.message); 8516 } 8517 8518 throw new Error('Network response was not ok'); 8519 } 8520 return response.json(); 8521 }) 8522 .then(result => { 8523 shippingMethods = result.shipping_methods; 8524 selectedShippingMethod = result.shipping_methods[0]; 8525 quoteTotals = result.totals; 8526 8527 session.completeShippingContactSelection( 8528 ApplePaySession.STATUS_SUCCESS, 8529 result.shipping_methods, 8530 getTotal(), 8531 getLineItems() 8532 ); 8533 }) 8534 .catch(error => handleAjaxError(error)); 8535 }; 8536 8537 session.onshippingmethodselected = (event) => { 8538 selectedShippingMethod = event.shippingMethod; 8539 8540 fetch(`${BASE_URL}mollie/applePay/shippingMethods?form_key=${hyva.getFormKey()}`, { 8541 method: 'POST', 8542 headers: { 8543 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 8544 }, 8545 body: objectToFormData({ 8546 shippingMethod: selectedShippingMethod, 8547 countryCode: countryCode, 8548 postalCode: postalCode 8549 }) 8550 }) 8551 .then(async (response) => { 8552 if (!response.ok) { 8553 const data = await response.json(); 8554 if (data.message) { 8555 throw new Error(data.message); 8556 } 8557 8558 throw new Error('Network response was not ok'); 8559 } 8560 return response.json(); 8561 }) 8562 .then(result => { 8563 quoteTotals = result.totals; 8564 8565 session.completeShippingMethodSelection( 8566 ApplePaySession.STATUS_SUCCESS, 8567 getTotal(), 8568 getLineItems() 8569 ); 8570 }) 8571 .catch(error => handleAjaxError(error)); 8572 }; 8573 8574 session.onpaymentauthorized = (event) => { 8575 fetch(`${BASE_URL}mollie/applePay/placeOrder?form_key=${hyva.getFormKey()}`, { 8576 method: 'POST', 8577 headers: { 8578 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 8579 }, 8580 body: objectToFormData({ 8581 shippingMethod: selectedShippingMethod, 8582 billingAddress: event.payment.billingContact, 8583 shippingAddress: event.payment.shippingContact, 8584 applePayPaymentToken: JSON.stringify(event.payment.token) 8585 }) 8586 }) 8587 .then(async (response) => { 8588 if (!response.ok) { 8589 const data = await response.json(); 8590 if (data.message) { 8591 throw new Error(data.message); 8592 } 8593 8594 throw new Error('Network response was not ok'); 8595 } 8596 return response.json(); 8597 }) 8598 .then(result => { 8599 if (!session) { 8600 console.warn('Payment canceled'); 8601 return; 8602 } 8603 8604 if (result.error) { 8605 handleAjaxError(result.error_message); 8606 return; 8607 } 8608 8609 if (!result.url) { 8610 handleAjaxError('Something went wrong, please try again later.'); 8611 return; 8612 } 8613 8614 session.completePayment(ApplePaySession.STATUS_SUCCESS); 8615 8616 location.href = result.url; 8617 }) 8618 .catch(error => handleAjaxError(error)); 8619 }; 8620 8621 session.onvalidatemerchant = (event) => { 8622 fetch( 8623 `${BASE_URL}mollie/checkout/applePayValidation?form_key=${hyva.getFormKey()}`, 8624 { 8625 method: 'POST', 8626 headers: { 8627 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 8628 }, 8629 body: objectToFormData({validationURL: event.validationURL}), 8630 } 8631 ) 8632 .then((response) => { 8633 if (!response.ok) { 8634 throw new Error('Merchant validation failed'); 8635 } 8636 8637 return response.json() 8638 }) 8639 .then((result) => session.completeMerchantValidation(result)) 8640 .catch(error => handleAjaxError(error)); 8641 }; 8642 8643 session.oncancel = () => { 8644 this.isLoading(false); 8645 session = null; 8646 } 8647 8648 this.isLoading(true); 8649 session.begin(); 8650 } 8651 } 8652 } 8653 8654 window.addEventListener( 8655 'alpine:init', 8656 () => Alpine.data('prepareMollieApplePayMinicart', prepareMollieApplePayMinicart), 8657 {once: true} 8658 ) 8659</script>
8659<script> 8660 // Define dataLayer and the gtag function. 8661 window.dataLayer = window.dataLayer || []; 8662 function gtag(){dataLayer.push(arguments);} 8663 8664 // Set default consent to 'denied' as a placeholder 8665 // Determine actual values based on your own requirements 8666 gtag('consent', 'default', { 8667 'ad_storage': 'denied', 8668 'ad_user_data': 'denied', 8669 'ad_personalization': 'denied', 8670 'analytics_storage': 'denied' 8671 }); 8672</script>
8672<script>
vendor: 327 bytes, lines 8672-8676
8672(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 8673new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 8674j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 8675'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 8676})(window,document,'script','dataLayer','
8676GTM-W2SNG8W
vendor: 3 bytes, line 8676
8676');
8676</script>
8676<script> 8677 function initMessages() { 8678 "use strict"; 8679 return { 8680 messages: window.mageMessages || [], 8681 isEmpty() { 8682 return this.messages.reduce( 8683 function (isEmpty, message) { 8684 return isEmpty && message === undefined 8685 }, true 8686 ) 8687 }, 8688 hasMessages() { 8689 return !this.isEmpty(); 8690 }, 8691 hasMessage() { 8692 return !!this.message; 8693 }, 8694 removeMessage() { 8695 this.messages[this.index] = undefined; 8696 }, 8697 addMessages(messages, hideAfter) { 8698 messages.map((message) => { 8699 if (!message.text || !message.text.trim()) return; 8700 this.messages = this.messages.concat(message); 8701 if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) { 8702 hideAfter = window.defaultSuccessMessageTimeout; 8703 } 8704 if (hideAfter) { 8705 this.setHideTimeOut(this.messages.length -1, hideAfter); 8706 } 8707 }); 8708 }, 8709 setHideTimeOut(messageIndex, hideAfter) { 8710 setTimeout((messageIndex) => { 8711 this.messages[messageIndex] = undefined; 8712 }, hideAfter, messageIndex); 8713 }, 8714 eventListeners: { 8715 ['@messages-loaded.window'](event) { 8716 this.addMessages(event.detail.messages, event.detail.hideAfter) 8717 }, 8718 ['@private-content-loaded.window'](event) { 8719 const data = event.detail.data; 8720 if ( 8721 data.messages && 8722 data.messages.messages && 8723 data.messages.messages.length 8724 ) { 8725 this.addMessages(data.messages.messages); 8726 } 8727 }, 8728 ['@clear-messages.window']() { 8729 this.messages = []; 8730 }, 8731 ['@pageshow.window'](event) { 8732 if (event.persisted) { 8733 this.messages = []; 8734 }; 8735 } 8736 }, 8737 getMessageUiId() { 8738 return 'message-' + this.message.type; 8739 } 8740 } 8741 } 8742 8743 window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true}) 8744</script>
8744<script> 8745 function initWishlistOnWishlistSidebar() { 8746 function wishlistSidebarFetchHandler(body, postUrl, isRemoveAction = true) { 8747 const messages = { 8748 "success": isRemoveAction 8749 ? "\u00251\u0020has\u0020been\u0020removed\u0020from\u0020your\u0020Wish\u0020List." 8750 : "\u00251\u0020\u00E8\u0020stato\u0020aggiunto\u0020nella\u0020tua\u0020lista\u0020desideri.", 8751 "warning": isRemoveAction 8752 ? "Could\u0020not\u0020remove\u0020item\u0020from\u0020your\u0020Wish\u0020List." 8753 : "Could\u0020not\u0020add\u0020item\u0020to\u0020your\u0020Wish\u0020List.", 8754 } 8755 8756 const postHeaders = { 8757 "headers": { 8758 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 8759 }, 8760 body: body, 8761 "method": "POST", 8762 "mode": "cors", 8763 "credentials": "include" 8764 }; 8765 8766 return fetch(postUrl, postHeaders).then(function (response) { 8767 if (response.redirected) { 8768 window.location.href = response.url; 8769 } else if (response.ok) { 8770 return response.json(); 8771 } else { 8772 const message = { type: "warning", text: messages.warning }; 8773 window.dispatchMessages && window.dispatchMessages([message], 5000); 8774 } 8775 }).then(function (response) { 8776 if (!response) return; 8777 const message = { 8778 type: (response.success) ? "success" : "error", 8779 text: (response.success) ? messages.success : response.error_message 8780 } 8781 window.dispatchMessages && window.dispatchMessages([message], 5000); 8782 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 8783 }).catch(function (error) { 8784 const message = { type: "error", text: error }; 8785 window.dispatchMessages && window.dispatchMessages([message], 5000); 8786 }); 8787 } 8788 8789 return { 8790 wishlistProducts: null, 8791 itemCount: 0, 8792 wishlistCountLabel: null, 8793 wishlistItems: {}, 8794 receiveWishlistData: function (data) { 8795 if (data['wishlist']) { 8796 this.wishlistProducts = data['wishlist']; 8797 this.wishlistCountLabel = '(' + this.wishlistProducts.counter + ')'; 8798 this.itemCount = this.wishlistProducts.items.length; 8799 this.wishlistItems = this.wishlistProducts.items; 8800 } 8801 }, 8802 addToCart: function (json) { 8803 const obj = JSON.parse(json); 8804 const postUrl = obj.action; 8805 const body = "form_key=" + hyva.getFormKey() + "&item=" + obj.data.item + "&qty=" + obj.data.qty + "&uenc="
8805+ hyva.getUenc(); 8806 wishlistSidebarFetchHandler(body, postUrl, /* isRemoveAction */ false); 8807 }, 8808 removeFromWishlist: function(json) { 8809 const obj = JSON.parse(json); 8810 const postUrl = obj.action; 8811 const body = "form_key=" + hyva.getFormKey() + "&item=" + obj.data.item+"&uenc=" + hyva.getUenc(); 8812 wishlistSidebarFetchHandler(body, postUrl); 8813 } 8814 } 8815 } 8816 8817 </script>
8817<script> 8818 addEventListener('DOMContentLoaded', () => { 8819 for (const [selector, label] of Object.entries({"aside.sidebar-main":"Sidebar Main","aside.sidebar-additional":"Sidebar Additional"})) { 8820 const target = document.querySelector(selector); 8821 target && target.setAttribute('aria-label', label); 8822 } 8823 }, {once: true}) 8824</script>
8824<script> 8825 let translateWeight = {}; 8826 translateWeight['nl'] = 'Selecteer een gewicht!'; 8827 translateWeight['de'] = 'Wählen Sie ein Gewicht!'; 8828 translateWeight['fr'] = 'Sélectionnez un poids !'; 8829 translateWeight['it'] = 'Seleziona un peso!'; 8830 translateWeight['da'] = 'Vælg en vægt!'; 8831 translateWeight['en'] = 'Please select a weight!'; 8832 translateWeight['se'] = 'Välj en vikt!'; 8833 8834 8835 //console.log(document.getElementsByTagName('html')[0].getAttribute('lang')); 8836 8837 8838 function checkIfOptionSelectedProductDetail(e) { 8839 let selectedItems = document.querySelectorAll(".swatch-option"); 8840 if (selectedItems.length > 0){ //Activate if options found 8841 let ringFound = false; 8842 for (i = 0; i < selectedItems.length; ++i) { 8843 if (selectedItems[i].classList.contains('ring')) { 8844 ringFound = true; 8845 } 8846 } 8847 if (!ringFound){ 8848 //alert(translateWeight[getLanguage()]); 8849 alert(translateWeight[document.getElementsByTagName('html')[0].getAttribute('lang')]); 8850 document.querySelector(".label-for-option-gewicht").click(); 8851 } 8852 } 8853 } 8854 8855 function checkIfOptionSelected(productId, e) { 8856 let selectedItems = document.querySelectorAll("."+productId+" .swatch-option"); 8857 if (selectedItems.length > 0){ //Activate if options found 8858 let ringFound = false; 8859 for (i = 0; i < selectedItems.length; ++i) { 8860 if (selectedItems[i].classList.contains('ring')) { 8861 ringFound = true; 8862 } 8863 } 8864 if (!ringFound){ 8865 alert(translateWeight[document.getElementsByTagName('html')[0].getAttribute('lang')]); 8866 document.querySelector("."+productId+" .toggle-product-options").click(); 8867 } 8868 } 8869 } 8870</script>
8870<script> 8871 function checkProductWrapperOptions(e) { 8872 let translateWeightText = {}; 8873 translateWeightText['nl'] = 'Hele'; 8874 translateWeightText['de'] = 'Ganzer'; 8875 translateWeightText['fr'] = 'entier'; 8876 translateWeightText['en'] = 'Entire'; 8877 translateWeightText['it'] = 'interno'; 8878 translateWeightText['da'] = 'Hel ost'; 8879 translateWeightText['sv'] = 'Hela ost'; 8880 let productId = e.target.getAttribute('pid'); 8881 let wholeCheese = e.target.innerText.includes(translateWeightText[document.getElementsByTagName('html')[0].getAttribute('lang')]); 8882 let halfCheese = e.target.innerText.includes('19'); 8883 if (wholeCheese || halfCheese){ 8884 document.querySelector('.swatch-attribute-selected-weight-content-'+productId).textContent = e.target.innerText; 8885 document.querySelector('.swatch-attribute-selected-weight-'+productId).classList.remove("hidden"); 8886 var ProductOptionsWrapperElement = document.getElementById("product-options-option-wrapper"+productId); 8887 if (ProductOptionsWrapperElement){ 8888 if (wholeCheese || halfCheese){ 8889 ProductOptionsWrapperElement.classList.remove("hidden"); 8890 }else{ 8891 ProductOptionsWrapperElement.classList.add("hidden"); 8892 } 8893 //document.querySelector('.label-for-option-gewicht').click(); //PDP 8894 } 8895 document.querySelector('.product-option-label-'+productId).click(); 8896 }else{ 8897 var ProductOptionsWrapperElement = document.getElementById("product-options-option-wrapper"+productId); 8898 if (ProductOptionsWrapperElement){ 8899 ProductOptionsWrapperElement.classList.add("hidden"); 8900 } 8901 document.querySelector('.swatch-attribute-selected-weight-content-'+productId).textContent = e.target.innerText; 8902 document.querySelector('.swatch-attribute-selected-weight-'+productId).classList.remove("hidden"); 8903 //document.querySelector('.label-for-option-gewicht').click(); //PDP 8904 document.querySelector('.product-option-label-'+productId).click(); 8905 } 8906 } 8907</script>
8907<script> 8908 var clone = document.querySelectorAll(".mobile-customer-lang")[0].cloneNode(true); 8909 document.querySelectorAll(".mobile-customer-header-subitems")[0].appendChild(clone); 8910 8911 if(document.querySelectorAll(".mobile-customer-currency")[0]){ 8912 var clone = document.querySelectorAll(".mobile-customer-currency")[0].cloneNode(true); 8913 document.querySelectorAll(".mobile-customer-header-subitems")[0].appendChild(clone); 8914 } 8915</script>
8915<script> 8916scrollToTopId = document.getElementById("back2Top"); 8917var back2topScroll = function() { 8918 var y = window.scrollY; 8919 if (y >= 300) { 8920 scrollToTopId.className = "text-center float-left cursor-pointer fixed left-5 bottom-5 -rotate-90 h-8 w-8 justify-center items-center rounded-full" 8921 } else { 8922 scrollToTopId.className = "text-center float-left cursor-pointer fixed left-5 bottom-5 hidden -rotate-90 h-8 w-8 justify-center items-center rounded-full" 8923 } 8924}; 8925window.addEventListener("scroll", back2topScroll); 8926 8927{ 8928 const back2Top = document.querySelector('#back2Top'); 8929 back2Top.addEventListener('click', (e) => { 8930 e.preventDefault(); 8931 window.scroll({ top:0, left:0, behavior: 'smooth'}); 8932 }); 8933} 8934</script>
8934<script> 8935mainContentId = document.getElementById("after-header"); 8936mainContentId2 = document.getElementById("before-header"); 8937var fixNavigationScroll = function() { 8938 if (ScrollDebounce) { 8939 ScrollDebounce = false; 8940 var y = window.scrollY; 8941 if (y > 200) { 8942 mainContentId.className = "w-full shadow scrolled" 8943 mainContentId2.className = "w-full hidden md:block scrolled" 8944 } else if (y < 200) { 8945 mainContentId.className = "w-full shadow" 8946 mainContentId2.className = "w-full hidden md:block" 8947 } 8948 8949 setTimeout(function () { 8950 ScrollDebounce = true; 8951 var y = window.scrollY; 8952 if (y > 200) { 8953 mainContentId.className = "w-full shadow scrolled" 8954 mainContentId2.className = "w-full hidden md:block scrolled" 8955 } else if (y < 200) { 8956 mainContentId.className = "w-full shadow" 8957 mainContentId2.className = "w-full hidden md:block" 8958 } 8959 }, 750); 8960 } 8961}; 8962var ScrollDebounce = true; 8963window.addEventListener("scroll", fixNavigationScroll); 8964</script>
8964<script> 8965function isTablet() { 8966 return ( 8967 navigator.maxTouchPoints > 0 && 8968 window.innerWidth >= 600 && 8969 window.innerWidth <= 1400 && 8970 /android|ipad|tablet/i.test(navigator.userAgent) 8971 ); 8972} 8973 8974if (isTablet()) { 8975 document.querySelectorAll("nav.bss-megamenu .parent > span > a").forEach(item => { 8976 item.addEventListener("click", function(event) { 8977 let parent = this.parentElement; 8978 8979 // Als het menu al actief is, volg de link 8980 if (parent.classList.contains("active")) { 8981 return; // Laat de browser de link volgen 8982 } 8983 8984 // Voorkom dat de link direct wordt gevolgd 8985 event.preventDefault(); 8986 8987 // Verwijder 'active' van andere menu-items 8988 document.querySelectorAll("nav.bss-megamenu").forEach(el => { 8989 if (el !== parent) { 8990 el.classList.remove("active"); 8991 } 8992 }); 8993 8994 // Toon het submenu 8995 parent.classList.add("active"); 8996 }); 8997 }); 8998 8999 // Klik buiten menu sluit het 9000 document.addEventListener("click", function(event) { 9001 if (!event.target.closest("nav.bss-megamenu")) { 9002 document.querySelectorAll("nav.bss-megamenu").forEach(el => el.classList.remove("active")); 9003 } 9004 }); 9005} 9006</script>
9006<script type="text/javascript"> 9007(function(d,t) { 9008var s=d.getElementsByTagName(t)[0], js=d.createElement(t); js.async=1; 9009js.src='https://app.youshouldask.ai/chat/js/BnrExo/4CECcV'; 9010s.parentNode.insertBefore(js,s); 9011})(document,'script'); 9012</script>
9012<script> 9013 (function () { 9014 'use strict'; 9015 function initHelloRetail() { 9016 window.hrq = window.hrq || []; 9017 hrq.push(["init", "{}"]); 9018 var xhr = new XMLHttpRequest(); 9019 xhr.open("GET", "https://www.goudaformaggioshop.it/rest/V1/awext/state"); 9020 xhr.setRequestHeader("Accept", "application/json"); 9021 xhr.onreadystatechange = function () { 9022 if (xhr.readyState === 4 && xhr.status == "200") { 9023 try { 9024 var data = JSON.parse(xhr.responseText); 9025 data = data[0]; 9026 if (data.cart) { 9027 hrq.push(["setCart", data.cart]); 9028 } 9029 if (data.order && data.order.total) { 9030 hrq.push(["trackConversion", data.order]); 9031 } 9032 } catch(e) { 9033 ADDWISH_PARTNER_NS.log("error parsing state", e); 9034 } 9035 } 9036 }; 9037 xhr.send(); 9038 9039 } 9040 9041 window.addEventListener('cookiebar-action-allow', () => { 9042 initHelloRetail() 9043 }); 9044 9045 if (hyva.getCookie('amcookie_allowed') == '0'){ 9046 initHelloRetail() 9047 } 9048 9049 if (hyva.getCookie('amcookie_allowed') == '-1'){ 9050 initHelloRetail() 9051 } 9052 9053 window.addEventListener('cookiebar-action-accept-finish', (event) => { 9054 //initHelloRetail() 9055 }); 9056 9057 window.addEventListener('cookiebar-action-accept', (event) => { 9058 initHelloRetail() 9059 }); 9060 9061 })(); 9062</script>
9062<script async="1" src="https://helloretailcdn.com/helloretail.js">/*Hello Retail*/</script>
9062<script data-cfasync="false" type="text/x-magento-init"> 9063 { 9064 "#amgdpr-privacy-popup": { 9065 "Amasty_Gdpr/js/popup":{ 9066 "textUrl":"https://www.goudaformaggioshop.it/gdpr/policy/policytext/", 9067 "modalClass": "amgdpr-modal-container" 9068 } 9069 } 9070 } 9071</script>
9071<script> 9072 let SnapSlider = class { 9073 constructor(el, { 9074 labelSepparator = 'di', 9075 autoPager, 9076 groupPager 9077 } = {}) { 9078 this.el = el; 9079 this.track = this.el.querySelector("[data-track]"); 9080 if (!this.track) { 9081 console.warn( 9082 "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track", 9083 this.el 9084 ); 9085 return; 9086 } 9087 this.initialLoad = true; 9088 this.slides = []; 9089 this.inViewObserver; 9090 this.mutationObserver; 9091 this.resizeObserver; 9092 this.pager = this.el.querySelector("[data-pager]"); 9093 this.navBtns = Array.from( 9094 this.el.querySelectorAll("[data-next], [data-prev]") 9095 ); 9096 this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator; 9097 this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false; 9098 this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false; 9099 this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, ""); 9100 this.sliderId = this.el.id || this.sliderLabel || "slider"; 9101 this.markerIdName = "data-target-id"; 9102 this.pagerClasses = this.el.dataset.pagerClass || "snap-pager"; 9103 this.markerClasses = this.el.dataset.markerClass || "snap-marker"; 9104 this.init(); 9105 } 9106 init() { 9107 this.setupSlides(); 9108 this.setupNav(); 9109 if (this.useAutoPager) { 9110 this.createPager(); 9111 } else { 9112 this.setupPager(); 9113 } 9114 this.setupObservers(); 9115 this.setupMutationObserver(); 9116 this.setupResizeObserver(); 9117 this.el.addEventListener("click", this.eventHandler.bind(this)); 9118 this.el.addEventListener("keydown", this.eventHandler.bind(this)); 9119 } 9120 destroy() { 9121 this.inViewObserver?.disconnect(); 9122 this.mutationObserver?.disconnect(); 9123 this.resizeObserver?.disconnect(); 9124 this.el.removeEventListener("click", this.eventHandler.bind(this)); 9125 this.el.removeEventListener("keydown", this.eventHandler.bind(this)); 9126 } 9127 roundUpIfGreaterThan(number, min = 8) { 9128 const decimalPart = number - Math.floor(number); 9129 return decimalPart >= min ? Math.ceil(number) : Math.floor(number); 9130 } 9131 getInViewItems() { 9132 const inViewSlides = this.track.querySelectorAll("[data-in-view]"); 9133 const firstInViewSlide = inViewSlides[0] || null; 9134 const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null; 9135 const isAtStart = firstInViewSlide === this.slides[0]; 9136 const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1]; 9137 return { 9138 inViewSlides, 9139 totalInViewSlides: inViewSlides.length, 9140 firstInViewSlide, 9141 lastInViewSlide, 9142 isAtStart, 9143 isAtEnd, 9144 hasNoOverflow: isAtStart && isAtEnd 9145 }; 9146 } 9147 groupPagerMarkers() { 9148 if (this.slides.length === 0 || !this.pager || !this.useGroupPager) return; 9149 const totalVisibleSlides = this.roundUpIfGreaterThan( 9150 this.track.offsetWidth / this.slides[0].offsetWidth 9151 ); 9152 const markers = Array.from(this.pager.querySelectorAll("a, button")); 9153 markers.forEach((marker, index) => { 9154 marker.style.display = index % totalVisibleSlides === 0 ? null : "none"; 9155 }); 9156 } 9157 handleInView(entries) { 9158 entries.forEach((entry) => { 9159 const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector( 9160 `[${this.markerIdName}="${entry.target.id}"]` 9161 )); 9162 entry.target.toggleAttribute("data-in-view", entry.isIntersecting); 9163 entry.target.toggleAttribute("inert", !entry.isIntersecting); 9164 marker?.setAttribute("aria-current", entry.isIntersecting); 9165 marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1"); 9166 }); 9167 const { 9168 isAtStart, 9169 isAtEnd, 9170 hasNoOverflow 9171 } = this.getInViewItems(); 9172 this.navBtns.forEach((btn) => { 9173 if (btn.hasAttribute("data-next")) { 9174 btn.style.visibility = hasNoOverflow ? "hidden" : null; 9175 isAtEnd ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); 9176 } 9177 if (btn.hasAttribute("data-prev")) { 9178 btn.style.visibility = hasNoOverflow ? "hidden" : null; 9179 isAtStart ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); 9180 } 9181 }); 9182 if (this.pager) { 9183 this.pager.style.visibility = hasNoOverflow ? "hidden" : null; 9184 } 9185 if (!this.initialLoad) { 9186 this.el.dispatchEvent( 9187 new CustomEvent("slideChange", { 9188 detail: this.getInViewItems() 9189 }) 9190 ); 9191 } else { 9192 this.initialLoad = false;
9193 } 9194 if (document.activeElement.parentElement.hasAttribute("data-pager")) { 9195 const activeItems = this.pager.querySelectorAll('[tabindex="0"]'); 9196 if (activeItems.length) { 9197 activeItems[0].focus({ preventScroll: true }); 9198 } 9199 } 9200 } 9201 getSlides() { 9202 if (!this.track) return []; 9203 return Array.from(this.track.children).filter( 9204 (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "style" && child.tagName.toLowerCase() !== "script" 9205 ); 9206 } 9207 refreshSlides() { 9208 this.initialLoad = true; 9209 this.slides = this.getSlides(); 9210 this.setupSlides(); 9211 if (this.useAutoPager) { 9212 this.createPager(); 9213 } else { 9214 this.setupPager(); 9215 } 9216 this.groupPagerMarkers(); 9217 this.setupObservers(); 9218 } 9219 setupSlides() { 9220 this.slides = this.getSlides(); 9221 this.slides.forEach((slide, index) => { 9222 const totalSlides = this.slides.length; 9223 const currentSlide = index + 1; 9224 const existingLabel = slide.getAttribute("aria-label") || ""; 9225 const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture"; 9226 const slideLabelTag = isImage ? "alt" : "aria-label"; 9227 const hasAutoLabel = existingLabel.startsWith( 9228 `${currentSlide} ${this.slideLabelSepparator} ` 9229 ); 9230 if (!slide.hasAttribute("id")) { 9231 slide.setAttribute( 9232 "id", 9233 `${this.sliderId}-item-${currentSlide}` 9234 ); 9235 } 9236 if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) { 9237 slide.setAttribute( 9238 slideLabelTag, 9239 `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}` 9240 ); 9241 } 9242 if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) { 9243 slide.setAttribute("role", "group"); 9244 } 9245 if (this.pager && !isImage) { 9246 slide.setAttribute("role", "tabpanel"); 9247 } 9248 if (slide.getAttribute("role") === "group") { 9249 slide.setAttribute("aria-roledescription", "item"); 9250 } 9251 }); 9252 if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") { 9253 this.el.setAttribute("role", "region"); 9254 } 9255 if (!this.el.hasAttribute("aria-roledescription")) { 9256 this.el.setAttribute("aria-roledescription", "carousel"); 9257 } 9258 this.track.setAttribute("tabindex", 0); 9259 this.track.setAttribute("aria-live", "polite"); 9260 } 9261 setupNav() { 9262 this.navBtns.forEach((btn) => { 9263 btn.setAttribute("disabled", ""); 9264 btn.removeAttribute("hidden"); 9265 btn.classList.remove("invisible"); 9266 btn.style.visibility = null; 9267 }); 9268 } 9269 createPager() { 9270 const newPager = document.createElement("nav"); 9271 newPager.setAttribute("data-pager", ""); 9272 newPager.setAttribute("role", "tablist"); 9273 newPager.classList.add(...this.pagerClasses.split(" ")); 9274 this.slides.forEach((slide, index) => { 9275 const marker = document.createElement("button"); 9276 const slideId = slide.id || `${this.sliderId}-item-${index + 1}`; 9277 marker.setAttribute(this.markerIdName, slideId); 9278 marker.classList.add(...this.markerClasses.split(" ")); 9279 this.setupPagerMarker(marker, index); 9280 newPager.appendChild(marker); 9281 if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") { 9282 slide.removeAttribute("aria-roledescription"); 9283 slide.setAttribute("role", "tabpanel"); 9284 } 9285 }); 9286 if (this.pager) { 9287 this.pager.setAttribute("role", "tablist"); 9288 this.pager.replaceChildren(...newPager.children); 9289 } else { 9290 this.track.after(newPager); 9291 this.pager = this.el.querySelector("[data-pager]"); 9292 } 9293 } 9294 setupPager() { 9295 if (!this.pager) return; 9296 this.pager.setAttribute("role", "tablist"); 9297 const items = Array.from(this.pager.querySelectorAll("a, button"));
9298 items.forEach((marker, index) => this.setupPagerMarker(marker, index)); 9299 } 9300 setupPagerMarker(marker, index) { 9301 const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); 9302 const slideId = markerId || `${this.sliderId}-item-${index + 1}`; 9303 if (!markerId) { 9304 marker.setAttribute(this.markerIdName, slideId); 9305 } 9306 marker.setAttribute("role", "tab"); 9307 marker.setAttribute("aria-controls", slideId); 9308 marker.setAttribute("aria-posinset", index + 1); 9309 marker.setAttribute("aria-setsize", this.slides.length); 9310 marker.setAttribute("tabindex", "-1"); 9311 if (!marker.hasAttribute("aria-label")) { 9312 marker.setAttribute("aria-label", `Slide ${index + 1}`); 9313 } 9314 } 9315 setupObservers() { 9316 if (this.inViewObserver) { 9317 this.inViewObserver.disconnect(); 9318 } 9319 this.inViewObserver = new IntersectionObserver( 9320 this.handleInView.bind(this), { 9321 root: this.track, 9322 threshold: 0.8 9323 } 9324 ); 9325 this.slides.forEach((slide) => this.inViewObserver.observe(slide)); 9326 } 9327 setupMutationObserver() { 9328 this.mutationObserver = new MutationObserver( 9329 this.refreshSlides.bind(this) 9330 ); 9331 this.mutationObserver.observe(this.track, { 9332 childList: true, 9333 subtree: false 9334 }); 9335 } 9336 setupResizeObserver() { 9337 this.resizeObserver = new ResizeObserver( 9338 this.groupPagerMarkers.bind(this) 9339 ); 9340 this.resizeObserver.observe(this.el); 9341 } 9342 goToSlideDir(dir = "next") { 9343 const { 9344 firstInViewSlide, 9345 lastInViewSlide 9346 } = this.getInViewItems(); 9347 const isPrev = dir === "prev"; 9348 let targetSlide = isPrev ? firstInViewSlide?.previousElementSibling : lastInViewSlide?.nextElementSibling; 9349 if (!targetSlide) return; 9350 if (targetSlide.tagName.toLowerCase() === "template") { 9351 targetSlide = isPrev ? targetSlide?.previousElementSibling : targetSlide?.nextElementSibling; 9352 } 9353 targetSlide.scrollIntoView({ block: "nearest", inline: isPrev ? "end" : "start" }); 9354 } 9355 pagerToSlide(event) { 9356 if (!event.target.closest("[data-pager]")) return; 9357 const marker = event.target.closest("a, button"); 9358 if (!marker) return; 9359 event.preventDefault(); 9360 const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); 9361 const targetSlide = this.track.querySelector(`#${slideId}`); 9362 targetSlide?.scrollIntoView({ block: "nearest", inline: "start" }); 9363 } 9364 eventHandler(event) { 9365 const target = event.target.closest( 9366 "[data-next], [data-prev], [data-pager]" 9367 ); 9368 if (!target) return; 9369 if (event.type === "click") { 9370 if (target.hasAttribute("data-next")) { 9371 this.goToSlideDir("next"); 9372 } else if (target.hasAttribute("data-prev")) { 9373 this.goToSlideDir("prev"); 9374 } else if (target.closest("[data-pager]")) { 9375 this.pagerToSlide(event); 9376 } 9377 } 9378 if (event.type === "keydown" && target.closest("[data-pager]")) { 9379 if (event.key === "ArrowRight") { 9380 this.goToSlideDir("next"); 9381 } else if (event.key === "ArrowLeft") { 9382 this.goToSlideDir("prev"); 9383 } 9384 } 9385 } 9386 }; 9387 9388 (() => { 9389 function alpineSnapSlider(Alpine) { 9390 Alpine.directive("snap-slider", (el, { 9391 modifiers 9392 }, { 9393 cleanup 9394 }) => { 9395 const autoPager = modifiers.includes("auto-pager");
9396 const groupPager = modifiers.includes("group-pager"); 9397 const slider = new SnapSlider(el, { 9398 autoPager, 9399 groupPager 9400 }); 9401 cleanup(() => { 9402 slider.destroy(); 9403 }); 9404 }); 9405 } 9406 9407 document.addEventListener("alpine:init", () => { 9408 window.Alpine.plugin(alpineSnapSlider); 9409 }); 9410 })(); 9411 //# sourceURL=alpine-snap-slider.js 9412</script>
9412<script> 9413 (() => { 9414 'use strict'; 9415 9416 if (typeof SnapSlider === 'undefined') { 9417 return; 9418 } 9419 9420 const RESIZE_DEBOUNCE_MS = 150; 9421 const SCROLL_FALLBACK_THROTTLE_MS = 100; 9422 9423 window.AmSnapSlider = class AmSnapSlider extends SnapSlider { 9424 init() { 9425 this.useInfinite = this.el.hasAttribute('data-am-infinity-loop'); 9426 9427 super.init(); 9428 9429 if (!this.useInfinite || !this.track) { 9430 return; 9431 } 9432 9433 this._cloneCount = 0; 9434 this._isCloning = false; 9435 this._isJumping = false; 9436 this._onInfiniteScrollEnd = this._onInfiniteScrollEnd.bind(this); 9437 9438 this._setupInfiniteLoop(); 9439 this._bindInfiniteScrollEnd(); 9440 } 9441 9442 getSlides() { 9443 const slides = super.getSlides(); 9444 9445 if (!this.useInfinite) { 9446 return slides; 9447 } 9448 9449 return slides.filter((child) => !child.hasAttribute('data-clone')); 9450 } 9451 9452 refreshSlides() { 9453 if (!this.useInfinite) { 9454 return super.refreshSlides(); 9455 } 9456 9457 if (this._isCloning) { 9458 return; 9459 } 9460 9461 this._removeClones(); 9462 super.refreshSlides(); 9463 this._setupInfiniteLoop(); 9464 } 9465 9466 setupResizeObserver() { 9467 this.resizeObserver = new ResizeObserver(() => { 9468 requestAnimationFrame(() => { 9469 if (this._isCloning || this._isJumping) { 9470 return; 9471 } 9472 9473 this.groupPagerMarkers(); 9474 9475 if (!this.useInfinite) { 9476 return; 9477 } 9478 9479 clearTimeout(this._resizeInfiniteTimer); 9480 this._resizeInfiniteTimer = setTimeout(() => { 9481 this._setupInfiniteLoop(); 9482 }, RESIZE_DEBOUNCE_MS); 9483 }); 9484 }); 9485 this.resizeObserver.observe(this.el); 9486 } 9487 9488 goToSlideDir(dir = 'next') { 9489 if (!this.useInfinite || !this._cloneCount) { 9490 return super.goToSlideDir(dir); 9491 } 9492 9493 if (this.isNavigating || this._isJumping) { 9494 return; 9495 } 9496 9497 const allSlides = this._getAllTrackSlides(); 9498 9499 if (!allSlides.length) { 9500 return; 9501 } 9502 9503 // Same page-step as SnapSlider: next from last in-view, prev from first. 9504 const inViewSlides = this._getVisibleTrackSlides(allSlides); 9505 const isPrev = dir === 'prev'; 9506 const referenceSlide = isPrev 9507 ? inViewSlides[0] 9508 : inViewSlides[inViewSlides.length - 1]; 9509 const currentIndex = allSlides.indexOf(referenceSlide); 9510 9511 if (currentIndex < 0) { 9512 return; 9513 } 9514 9515 const targetIndex = isPrev ? currentIndex - 1 : currentIndex + 1; 9516 9517 if (targetIndex < 0 || targetIndex >= allSlides.length) { 9518 return; 9519 } 9520 9521 const targetSlide = allSlides[targetIndex]; 9522 9523 if (!targetSlide) { 9524 return; 9525 } 9526 9527 this.isNavigating = true; 9528 targetSlide.scrollIntoView({ 9529 block: 'nearest', 9530 inline: isPrev ? 'end' : 'start' 9531 }); 9532 } 9533 9534 handleInView(entries) { 9535 this.focusOnActivePageMarker(); 9536 9537 if (!this.useInfinite) { 9538 const focusedNavBtn = this.navBtns.includes(document.activeElement) 9539 ? document.activeElement 9540 : null; 9541 9542 super.handleInView(entries); 9543 9544 if (focusedNavBtn?.disabled) { 9545 this.navBtns.find((btn) =>
9545 !btn.disabled)?.focus({ preventScroll: true });; 9546 } 9547 9548 return; 9549 } 9550 9551 const realEntries = []; 9552 9553 entries.forEach((entry) => { 9554 if (entry.target.hasAttribute('data-clone')) { 9555 entry.target.toggleAttribute('data-in-view', entry.isIntersecting); 9556 entry.target.setAttribute('inert', ''); 9557 entry.target.setAttribute('aria-hidden', 'true'); 9558 return; 9559 } 9560 9561 realEntries.push(entry); 9562 }); 9563 9564 if (realEntries.length) { 9565 super.handleInView(realEntries); 9566 } 9567 9568 this.navBtns.forEach((btn) => { 9569 btn.removeAttribute('disabled'); 9570 btn.style.visibility = null; 9571 }); 9572 } 9573 9574 focusOnActivePageMarker() { 9575 if (!this.useGroupPager || !this.pager || !this.slides.length) { 9576 return; 9577 } 9578 9579 const totalVisibleSlides = this.roundUpIfGreaterThan( 9580 this.track.offsetWidth / this.slides[0].offsetWidth 9581 ); 9582 const markers = Array.from(this.pager.querySelectorAll('a, button')); 9583 const { lastInViewSlide } = this.getInViewItems(); 9584 const activeIndex = lastInViewSlide ? this.slides.indexOf(lastInViewSlide) : -1; 9585 const activeGroupLeaderIndex = activeIndex >= 0 9586 ? activeIndex - (activeIndex % totalVisibleSlides) 9587 : -1; 9588 9589 let currentMarker = null; 9590 9591 markers.forEach((marker, index) => { 9592 const isGroupLeader = index % totalVisibleSlides === 0; 9593 9594 if (!isGroupLeader) { 9595 marker.setAttribute('aria-current', 'false'); 9596 marker.setAttribute('tabindex', '-1'); 9597 return; 9598 } 9599 9600 const isCurrent = index === activeGroupLeaderIndex; 9601 9602 marker.setAttribute('aria-current', String(isCurrent)); 9603 marker.setAttribute('tabindex', isCurrent ? '0' : '-1'); 9604 9605 if (isCurrent) { 9606 currentMarker = marker; 9607 } 9608 }); 9609 9610 if (currentMarker && this.pager.contains(document.activeElement) 9611 && document.activeElement !== currentMarker 9612 ) {
9613 currentMarker.focus({ preventScroll: true }); 9614 } 9615 } 9616 9617 destroy() { 9618 if (this.useInfinite) { 9619 this._unbindInfiniteScrollEnd(); 9620 clearTimeout(this._resizeInfiniteTimer); 9621 clearTimeout(this._infiniteScrollTimer); 9622 this._removeClones(); 9623 } 9624 9625 super.destroy(); 9626 } 9627 9628 _getAllTrackSlides() { 9629 return this.track ? super.getSlides() : []; 9630 } 9631 9632 _getClosestSlideIndex(slides) { 9633 const trackLeft = this.track.getBoundingClientRect().left; 9634 let closest = 0; 9635 let minDist = Infinity; 9636 9637 slides.forEach((slide, index) => { 9638 const dist = Math.abs(slide.getBoundingClientRect().left - trackLeft); 9639 if (dist < minDist) { 9640 minDist = dist; 9641 closest = index; 9642 } 9643 }); 9644 9645 return closest; 9646 } 9647 9648 _getVisibleTrackSlides(slides) { 9649 const marked = slides.filter((slide) => slide.hasAttribute('data-in-view')); 9650 if (marked.length) { 9651 return marked; 9652 } 9653 9654 const trackRect = this.track.getBoundingClientRect(); 9655 const threshold = 0.8; 9656 9657 return slides.filter((slide) => { 9658 const rect = slide.getBoundingClientRect(); 9659 const visibleWidth = Math.min(rect.right, trackRect.right) 9660 - Math.max(rect.left, trackRect.left); 9661 9662 if (visibleWidth <= 0) { 9663 return false; 9664 } 9665 9666 return (visibleWidth / Math.max(rect.width, 1)) >= threshold; 9667 }); 9668 } 9669 9670 _getSlideScrollLeft(slide) { 9671 const trackRect = this.track.getBoundingClientRect(); 9672 const slideRect = slide.getBoundingClientRect(); 9673 9674 return this.track.scrollLeft + (slideRect.left - trackRect.left); 9675 } 9676 9677 _createClone(slide, position, index) { 9678 const clone = slide.cloneNode(true); 9679 const baseId = slide.id || `${this.sliderId}-item-${index + 1}`; 9680 9681 clone.setAttribute('data-clone', position); 9682 clone.setAttribute('data-clone-of', baseId); 9683 clone.setAttribute('aria-hidden', 'true'); 9684 clone.setAttribute('inert', ''); 9685 clone.setAttribute('x-ignore', ''); 9686 clone.id = `${baseId}-clone-${position}-${index}`; 9687 clone.removeAttribute('data-in-view'); 9688 9689 clone.querySelectorAll('[id]').forEach((el) => { 9690 if (el !== clone) { 9691 el.removeAttribute('id'); 9692 } 9693 }); 9694 clone.querySelectorAll('[name]').forEach((el) => { 9695 el.removeAttribute('name'); 9696 }); 9697 9698 return clone; 9699 } 9700 9701 _removeClones() { 9702 if (!this.track) { 9703 return; 9704 } 9705 9706 this.track.querySelectorAll('[data-clone]').forEach((clone) => { 9707 clone.remove(); 9708 }); 9709 this._cloneCount = 0; 9710 } 9711 9712 _silentScrollTo(slide) { 9713 if (!slide || !this.track) { 9714 return; 9715 } 9716 9717 this._isJumping = true; 9718 9719 const track = this.track; 9720 const prevBehavior = track.style.scrollBehavior; 9721 const prevSnap = track.style.scrollSnapType; 9722 9723 track.style.scrollBehavior = 'auto'; 9724 track.style.scrollSnapType = 'none'; 9725 track.scrollLeft = this._getSlideScrollLeft(slide); 9726 9727 requestAnimationFrame(() => { 9728 track.style.scrollBehavior = prevBehavior; 9729 track.style.scrollSnapType = prevSnap; 9730 this._isJumping = false;
9731 this.isNavigating = false; 9732 }); 9733 } 9734 9735 _canUseInfinite(realSlides) { 9736 if (!realSlides.length || realSlides.length < 2) { 9737 return false; 9738 } 9739 9740 return this.track.scrollWidth > this.track.clientWidth + 1; 9741 } 9742 9743 _setupInfiniteLoop() { 9744 if (!this.useInfinite || !this.track || this._isCloning) { 9745 return; 9746 } 9747 9748 this._isCloning = true; 9749 this.mutationObserver?.disconnect(); 9750 9751 let restoreIndex = 0; 9752 const { firstInViewSlide } = this.getInViewItems(); 9753 const currentIndex = this.slides.indexOf(firstInViewSlide); 9754 9755 if (currentIndex >= 0) { 9756 restoreIndex = currentIndex; 9757 } 9758 9759 this._removeClones(); 9760 9761 const realSlides = this.getSlides(); 9762 9763 this.slides = realSlides; 9764 9765 if (!this._canUseInfinite(realSlides)) { 9766 this._cloneCount = 0; 9767 this._isCloning = false; 9768 this._reobserveMutations(); 9769 this.setupObservers(); 9770 9771 return; 9772 } 9773 9774 const slideWidth = realSlides[0].offsetWidth || 1; 9775 const visibleCount = Math.max( 9776 1, 9777 this.roundUpIfGreaterThan(this.track.offsetWidth / slideWidth) 9778 ); 9779 9780 this._cloneCount = Math.min(visibleCount, realSlides.length); 9781 9782 const prependFragment = document.createDocumentFragment(); 9783 9784 for (let i = realSlides.length - this._cloneCount; i < realSlides.length; i++) { 9785 prependFragment.appendChild( 9786 this._createClone(realSlides[i], 'pre', i) 9787 ); 9788 } 9789 this.track.insertBefore(prependFragment, this.track.firstChild); 9790 9791 const appendFragment = document.createDocumentFragment(); 9792 for (let i = 0; i < this._cloneCount; i++) { 9793 appendFragment.appendChild( 9794 this._createClone(realSlides[i], 'post', i) 9795 ); 9796 } 9797 this.track.appendChild(appendFragment); 9798 9799 this.slides = this.getSlides(); 9800 this.setupObservers(); 9801 9802 this._getAllTrackSlides().forEach((slide) => { 9803 if (slide.hasAttribute('data-clone')) { 9804 this.inViewObserver.observe(slide); 9805 } 9806 }); 9807 9808 const target = this.slides[restoreIndex] || this.slides[0]; 9809 requestAnimationFrame(() => { 9810 this._silentScrollTo(target); 9811 this._isCloning = false; 9812 this._reobserveMutations(); 9813 }); 9814 } 9815 9816 _reobserveMutations() { 9817 if (!this.mutationObserver || !this.track) { 9818 return; 9819 } 9820 9821 // Same as base SnapSlider. Watching `style` re-enters refreshSlides 9822 // when _silentScrollTo toggles scrollBehavior / scrollSnapType. 9823 this.mutationObserver.observe(this.track, { 9824 childList: true, 9825 subtree: false 9826 }); 9827 } 9828 9829 _bindInfiniteScrollEnd() { 9830 if (!this.track) { 9831 return; 9832 } 9833 9834 if ('onscrollend' in window) { 9835 this.track.addEventListener('scrollend', this._onInfiniteScrollEnd); 9836 return; 9837 } 9838 9839 this._onInfiniteScrollFallback = () => { 9840 clearTimeout(this._infiniteScrollTimer); 9841 this._infiniteScrollTimer = setTimeout(() => { 9842 this._onInfiniteScrollEnd(); 9843 }, SCROLL_FALLBACK_THROTTLE_MS); 9844 }; 9845 this.track.addEventListener('scroll', this._onInfiniteScrollFallback); 9846 } 9847 9848 _unbindInfiniteScrollEnd() { 9849 if (!this.track) { 9850 return; 9851 } 9852 9853 this.track.removeEventListener('scrollend', this._onInfiniteScrollEnd); 9854 if (this._onInfiniteScrollFallback) { 9855 this.track.removeEventListener('scroll', this._onInfiniteScrollFallback); 9856 } 9857 } 9858 9859 _onInfiniteScrollEnd() { 9860 if (this._isJumping || this._isCloning || this._isSimulateDragging) { 9861 return; 9862 } 9863 9864 if (!this.useInfinite || !this._cloneCount) { 9865 this.isNavigating = false;
9866 9867 return; 9868 } 9869 9870 const allSlides = this._getAllTrackSlides(); 9871 const realCount = this.slides.length; 9872 9873 if (!realCount || allSlides.length < realCount + this._cloneCount) { 9874 this.isNavigating = false; 9875 9876 return; 9877 } 9878 9879 const currentIndex = this._getClosestSlideIndex(allSlides); 9880 9881 if (currentIndex < this._cloneCount) { 9882 this._silentScrollTo(allSlides[currentIndex + realCount]); 9883 9884 return; 9885 } 9886 9887 if (currentIndex >= this._cloneCount + realCount) { 9888 this._silentScrollTo(allSlides[currentIndex - realCount]); 9889 9890 return; 9891 } 9892 9893 this.isNavigating = false; 9894 } 9895 }; 9896 9897 function alpineAmSnapSlider(Alpine) { 9898 Alpine.directive('am-snap-slider', (el, { modifiers }, { cleanup }) => { 9899 const slider = new window.AmSnapSlider(el, { 9900 autoPager: modifiers.includes('auto-pager'), 9901 groupPager: modifiers.includes('group-pager') 9902 }); 9903 cleanup(() => { 9904 slider.destroy(); 9905 }); 9906 }); 9907 } 9908 9909 document.addEventListener('alpine:init', () => { 9910 window.Alpine.plugin(alpineAmSnapSlider); 9911 }); 9912 })(); 9913</script>
9913<script> 9914 (() => { 9915 'use strict'; 9916 9917 if (typeof window.AmSnapSlider === 'undefined') { 9918 return; 9919 } 9920 9921 // Ignore tiny jitter so a plain click on an item still opens the link. 9922 const DRAG_THRESHOLD_PX = 8; 9923 9924 // Listeners that only exist while an actual drag is in progress. 9925 const DOC_DRAG_EVENTS = ['pointermove', 'pointerup', 'pointercancel']; 9926 9927 const AmSnapSliderBase = window.AmSnapSlider; 9928 9929 window.AmSnapSlider = class AmSnapSlider extends AmSnapSliderBase { 9930 init() { 9931 this.useSimulateTouch = this.el.hasAttribute('data-am-simulate-touch'); 9932 9933 super.init(); 9934 9935 if (!this.useSimulateTouch || !this.track) { 9936 return; 9937 } 9938 9939 this._dragTracking = false; 9940 this._dragMoved = false; 9941 this._isSimulateDragging = false; 9942 this._dragStartX = 0; 9943 this._dragScrollLeft = 0; 9944 this._dragPointerId = null; 9945 this._suppressClick = false; 9946 9947 this._onSimulatePointerDown = this._onSimulatePointerDown.bind(this); 9948 this._onSimulatePointerMove = this._onSimulatePointerMove.bind(this); 9949 this._onSimulatePointerUp = this._onSimulatePointerUp.bind(this); 9950 this._onSimulateClickCapture = this._onSimulateClickCapture.bind(this); 9951 this._onSimulateDragStart = this._onSimulateDragStart.bind(this); 9952 9953 this._bindSimulateTouch(); 9954 } 9955 9956 destroy() { 9957 if (this.useSimulateTouch) { 9958 this._unbindSimulateTouch(); 9959 } 9960 9961 super.destroy(); 9962 } 9963 9964 _bindSimulateTouch() { 9965 if (!this.track) { 9966 return; 9967 } 9968 9969 this.track.classList.add('am-snap-simulate-touch'); 9970 this.track.addEventListener('pointerdown', this._onSimulatePointerDown); 9971 this.track.addEventListener('dragstart', this._onSimulateDragStart, true); 9972 this.track.addEventListener('click', this._onSimulateClickCapture, true); 9973 } 9974 9975 _unbindSimulateTouch() { 9976 if (!this.track) { 9977 return; 9978 } 9979 9980 this._endSimulateDrag(); 9981 this.track.classList.remove('am-snap-simulate-touch', 'is-dragging'); 9982 this.track.removeEventListener('pointerdown', this._onSimulatePointerDown); 9983 this.track.removeEventListener('dragstart', this._onSimulateDragStart, true); 9984 this.track.removeEventListener('click', this._onSimulateClickCapture, true); 9985 } 9986 9987 _onSimulateDragStart(event) { 9988 event.preventDefault(); 9989 } 9990 9991 _onSimulatePointerDown(event) { 9992 if (event.pointerType !== 'mouse' || event.button !== 0) { 9993 return; 9994 } 9995 9996 if (this._isJumping || this._isCloning || !this.track) { 9997 return; 9998 } 9999 10000 this._dragTracking = true; 10001 this._dragMoved = false; 10002 this._suppressClick = false; 10003 this._dragStartX = event.clientX; 10004 this._dragScrollLeft = this.track.scrollLeft; 10005 this._dragPointerId = event.pointerId; 10006 10007 DOC_DRAG_EVENTS.forEach((name) => { 10008 const handler = name === 'pointermove' 10009 ? this._onSimulatePointerMove 10010 : this._onSimulatePointerUp; 10011 document.addEventListener(name, handler); 10012 }); 10013 } 10014 10015 _onSimulatePointerMove(event) { 10016 if (!this._dragTracking || event.pointerId !== this._dragPointerId || !this.track) { 10017 return; 10018 } 10019 10020 const deltaX = event.clientX - this._dragStartX; 10021 10022 if (!this._dragMoved) { 10023 if (Math.abs(deltaX) < DRAG_THRESHOLD_PX) { 10024 return; 10025 } 10026 10027 this._dragMoved = true; 10028 this._isSimulateDragging = true; 10029 this._suppressClick = true; 10030 this.track.style.scrollSnapType = 'none'; 10031 this.track.style.scrollBehavior = 'auto'; 10032 this.track.classList.add('is-dragging'); 10033 10034 try { 10035 this.track.setPointerCapture(event.pointerId); 10036 } catch (e) {
10037 // Ignore capture errors on unsupported targets. 10038 } 10039 } 10040 10041 event.preventDefault(); 10042 this.track.scrollLeft = this._dragScrollLeft - deltaX; 10043 } 10044 10045 _onSimulatePointerUp(event) { 10046 if (!this._dragTracking || event.pointerId !== this._dragPointerId) { 10047 return; 10048 } 10049 10050 this._endSimulateDrag(); 10051 } 10052 10053 /** 10054 * Instantly align to the closest slide without CSS smooth scrolling. 10055 * Restoring snap+smooth from a mid-snap offset is what causes desktop jerk. 10056 */ 10057 _snapToNearestAfterDrag() { 10058 if (!this.track) { 10059 return; 10060 } 10061 10062 const slides = typeof this._getAllTrackSlides === 'function' 10063 ? this._getAllTrackSlides() 10064 : Array.from(this.track.children); 10065 10066 if (!slides.length) { 10067 return; 10068 } 10069 10070 if (typeof this._getClosestSlideIndex === 'function' 10071 && typeof this._getSlideScrollLeft === 'function' 10072 ) { 10073 const slide = slides[this._getClosestSlideIndex(slides)]; 10074 10075 if (slide) { 10076 this.track.scrollLeft = this._getSlideScrollLeft(slide); 10077 } 10078 10079 return; 10080 } 10081 10082 const trackLeft = this.track.getBoundingClientRect().left; 10083 let closest = null; 10084 let minDist = Infinity; 10085 10086 for (const slide of slides) { 10087 const dist = Math.abs(slide.getBoundingClientRect().left - trackLeft); 10088 if (dist < minDist) { 10089 minDist = dist; 10090 closest = slide; 10091 } 10092 } 10093 10094 if (closest) { 10095 this.track.scrollLeft += closest.getBoundingClientRect().left - trackLeft; 10096 } 10097 } 10098 10099 _endSimulateDrag() { 10100 DOC_DRAG_EVENTS.forEach((name) => { 10101 const handler = name === 'pointermove' 10102 ? this._onSimulatePointerMove 10103 : this._onSimulatePointerUp; 10104 document.removeEventListener(name, handler); 10105 }); 10106 10107 if (!this.track) { 10108 this._dragTracking = false; 10109 this._dragMoved = false; 10110 this._isSimulateDragging = false; 10111 this._dragPointerId = null; 10112 10113 return; 10114 } 10115 10116 if (this._dragPointerId !== null) { 10117 try { 10118 if (this.track.hasPointerCapture?.(this._dragPointerId)) { 10119 this.track.releasePointerCapture(this._dragPointerId); 10120 } 10121 } catch (e) { 10122 // Ignore release errors. 10123 } 10124 } 10125 10126 if (this._dragMoved) { 10127 // Keep snap off and behavior auto: settle instantly, then re-enable. 10128 this.track.style.scrollSnapType = 'none'; 10129 this.track.style.scrollBehavior = 'auto'; 10130 this._snapToNearestAfterDrag(); 10131 10132 // Allow infinite correction now that the gesture ended. 10133 this._isSimulateDragging = false; 10134 this._onInfiniteScrollEnd?.(); 10135 10136 // Two frames: 1) drop snap-none + dragging class, 2) restore scroll-behavior. 10137 requestAnimationFrame(() => { 10138 if (!this.track) { 10139 return; 10140 } 10141 this.track.style.scrollSnapType = ''; 10142 this.track.classList.remove('is-dragging'); 10143 10144 requestAnimationFrame(() => { 10145 if (this.track) { 10146 this.track.style.scrollBehavior = ''; 10147 } 10148 }); 10149 }); 10150 } else { 10151 this._isSimulateDragging = false;
10152 } 10153 10154 this._dragTracking = false; 10155 this._dragMoved = false; 10156 this._dragPointerId = null; 10157 10158 if (this._suppressClick) { 10159 requestAnimationFrame(() => { 10160 this._suppressClick = false; 10161 }); 10162 } 10163 } 10164 10165 _onSimulateClickCapture(event) { 10166 if (!this._suppressClick) { 10167 return; 10168 } 10169 10170 event.preventDefault(); 10171 event.stopPropagation(); 10172 this._suppressClick = false; 10173 } 10174 }; 10175 })(); 10176</script>
10176<script> 10177 (() => { 10178 // src/dialog.js 10179 function dialog_default(Alpine) { 10180 Alpine.directive("htmldialog", fylgjaAlpineDialog); 10181 function fylgjaAlpineDialog(el, { expression, modifiers }, { evaluateLater, cleanup }) { 10182 const evaluate = expression.length ? evaluateLater(expression) : () => {}; 10183 const canEvaluate = expression.length > 0; 10184 const lockPageScroll = modifiers.includes("noscroll"); 10185 const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest"); 10186 el.style.display = null; 10187 el.style.length === 0 && el.removeAttribute("style"); 10188 if (el._x_isShown) { 10189 open(); 10190 } 10191 const closeBySupported = (() => { 10192 return "closedBy" in HTMLDialogElement.prototype; 10193 })(); 10194 function scrollLock(use = true) { 10195 document.body.style.overflow = use ? "hidden" : ""; 10196 } 10197 function dialogSubmit(event) { 10198 if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") { 10199 event.preventDefault(); 10200 evaluate(); 10201 } 10202 } 10203 function escapeDialog(event) { 10204 if (event.key !== "Escape") return; 10205 event.preventDefault(); 10206 if (closeBy === "none") return; 10207 evaluate(); 10208 } 10209 function handleCloseByEvent(event) { 10210 if (event.target !== el) return; 10211 const rect = el.getBoundingClientRect(); 10212 const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width; 10213 if (!isInDialog) { 10214 if (closeBy === "any") { 10215 if (closeBySupported) { 10216 event.preventDefault(); 10217 } 10218 evaluate(); 10219 } 10220 } 10221 } 10222 function handleCloseEvent() { 10223 evaluate(); 10224 } 10225 function open() { 10226 if (el.hasAttribute("open")) return; 10227 el.showModal(); 10228 scrollLock(lockPageScroll); 10229 } 10230 function close() { 10231 if (!el.hasAttribute("open")) return; 10232 el.close(); 10233 scrollLock(false); 10234 } 10235 el._x_doShow = () => open(); 10236 el._x_doHide = () => close(); 10237 el.addEventListener("keydown", escapeDialog); 10238 el.addEventListener("submit", dialogSubmit); 10239 el.addEventListener("click", handleCloseByEvent); 10240 el.addEventListener("cancel", handleCloseEvent); 10241 cleanup(() => { 10242 el.removeEventListener("keydown", escapeDialog); 10243 el.removeEventListener("submit", dialogSubmit); 10244 el.removeEventListener("click", handleCloseByEvent); 10245 el.removeEventListener("cancel", handleCloseEvent); 10246 scrollLock(false); 10247 }); 10248 } 10249 } 10250 function modifierValue(modifiers, key, fallback) { 10251 if (modifiers.indexOf(key) === -1) return fallback; 10252 const rawValue = modifiers[modifiers.indexOf(key) + 1]; 10253 if (!rawValue) return fallback; 10254 if (key === "closeby") { 10255 const allowedValues = ["auto", "none", "closerequest", "any"]; 10256 const options = allowedValues.join(", "); 10257 if (!allowedValues.includes(rawValue)) { 10258 console.warn( 10259 `"${rawValue}" is not one of the allowed values for closeby: ${options}` 10260 ); 10261 return fallback; 10262 } 10263 } 10264 return rawValue; 10265 } 10266 10267 // src/cdn.js 10268 document.addEventListener("alpine:init", () => { 10269 window.Alpine.plugin(dialog_default); 10270 }); 10271 })(); 10272 //# sourceURL=alpine-htmldialog.js 10273</script>
vendor: 2,386 bytes, lines 10273-10333
10273<script> 10274 (() => { 10275 function src_default(Alpine) { 10276 Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 10277 let evaluate = evaluateLater(expression); 10278 let options = { 10279 rootMargin: getRootMargin(modifiers), 10280 threshold: getThreshold(modifiers) 10281 }; 10282 let observer = new IntersectionObserver((entries) => { 10283 entries.forEach((entry) => { 10284 if (entry.isIntersecting === (value === "leave")) 10285 return; 10286 evaluate(); 10287 modifiers.includes("once") && observer.disconnect(); 10288 }); 10289 }, options); 10290 observer.observe(el); 10291 cleanup(() => { 10292 observer.disconnect(); 10293 }); 10294 })); 10295 } 10296 function getThreshold(modifiers) { 10297 if (modifiers.includes("full")) 10298 return 0.99; 10299 if (modifiers.includes("half")) 10300 return 0.5; 10301 if (!modifiers.includes("threshold")) 10302 return 0; 10303 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 10304 if (threshold === "100") 10305 return 1; 10306 if (threshold === "0") 10307 return 0; 10308 return Number(`.${threshold}`); 10309 } 10310 function getLengthValue(rawValue) { 10311 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 10312 return match ? match[1] + (match[2] || "px") : void 0; 10313 } 10314 function getRootMargin(modifiers) { 10315 const key = "margin"; 10316 const fallback = "0px 0px 0px 0px"; 10317 const index = modifiers.indexOf(key); 10318 if (index === -1) 10319 return fallback; 10320 let values = []; 10321 for (let i = 1; i < 5; i++) { 10322 values.push(getLengthValue(modifiers[index + i] || "")); 10323 } 10324 values = values.filter((v) => v !== void 0); 10325 return values.length ? values.join(" ").trim() : fallback; 10326 } 10327 10328 document.addEventListener("alpine:init", () => { 10329 window.Alpine.plugin(src_default); 10330 }); 10331 })(); 10332 //# sourceURL=alpine-intersect.js 10333</script>
10333<script> 10334 for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]:not([x-data] [x-data])":"intersect",".product-info [x-data]:not([x-data] [x-data])":"intersect","#filters-content [x-data]:not([x-data] [x-data])":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]:not([x-data] [x-data])":"intersect","#notice-cookie-block":"idle"})) { 10335 document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); 10336 } 10337 //# sourceURL=alpine-defer-rules.js 10338</script>
10338<script> 10339 (() => { 10340 const hasAlpine = new Promise(resolve => { 10341 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 10342 }); 10343 10344 const hasInteract = new Promise(resolve => { 10345 (events => { 10346 const onInteract = () => { 10347 resolve(); 10348 events.forEach(type => window.removeEventListener(type, onInteract)); 10349 } 10350 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 10351 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 10352 }); 10353 10354 const onIntersect = (el) => { 10355 return new Promise(resolve => { 10356 const observer = new IntersectionObserver(entries => { 10357 for (const entry of entries) { 10358 if (entry.isIntersecting) { 10359 observer.disconnect() 10360 resolve(); 10361 } 10362 } 10363 }, {}); 10364 observer.observe(el); 10365 }); 10366 } 10367 10368 function runComponent(el) { 10369 hasAlpine.then(() => { 10370 el.removeAttribute('x-ignore'); 10371 queueMicrotask(() => Alpine.initTree(el)); 10372 }); 10373 } 10374 10375 function initDeferredComponents() { 10376 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 10377 el.setAttribute('x-ignore', ''); 10378 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 10379 switch (deferUntil) { 10380 case 'interact': 10381 hasInteract.then(() => runComponent(el)); 10382 break; 10383 case 'intersect': 10384 onIntersect(el).then(() => runComponent(el)) 10385 break; 10386 case 'idle': 10387 window.requestIdleCallback 10388 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 10389 : setTimeout(() => runComponent(el), 4000); 10390 break; 10391 case 'eager': 10392 runComponent(el); 10393 break; 10394 default: 10395 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 10396 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 10397 } 10398 } 10399 }); 10400 } 10401 10402 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 10403 })(); 10404 //# sourceURL=alpine-defer.js 10405</script>
10405<script type="module" 10406 src="https://www.goudaformaggioshop.it/static/version1790151791/frontend/Kaashandel/default/it_IT/Hyva_Theme/js/alpine3.min.js" 10407 defer 10408 crossorigin 10409></script>
10409<script> 10410 function dispatchMessages(messages, hideAfter) { 10411 const messagesEvent = new CustomEvent("messages-loaded", { 10412 detail: { 10413 messages: messages, 10414 hideAfter: hideAfter 10415 } 10416 }); 10417 window.dispatchEvent(messagesEvent); 10418 } 10419 10420 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 10421 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 10422 } 10423 10424 (function( hyva, undefined ) { 10425 10426 hyva.initFormKey = () => { 10427 const inputSelector = 'input[name="form_key"]', 10428 formKey = hyva.getFormKey(); 10429 10430 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 10431 input.value = formKey 10432 }); 10433 } 10434 10435 hyva.initMessages = () => { 10436 try { 10437 const messages = hyva.getCookie('mage-messages'); 10438 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 10439 10440 dispatchMessages(window.mageMessages); 10441 10442 // empty `mage-messages` cookie 10443 const skipSetDomain = true; 10444 hyva.setCookie('mage-messages','', -1, skipSetDomain); 10445 10446 } catch (error) { 10447 console.warn('Error parsing Cookie Messages:', error); 10448 } 10449 } 10450 10451 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 10452 hyva.alpineInitialized(hyva.initMessages) 10453 10454 }( window.hyva = window.hyva || {} )); 10455 //# sourceURL=hyva-cookies.js 10456</script>
10456<script> 10457 { 10458 const private_content_key = 'mage-cache-storage'; 10459 const private_content_expire_key = 'mage-cache-timeout'; 10460 const private_content_version_key = 'private_content_version'; 10461 const section_data_ids_key = 'section_data_ids'; 10462 const mage_cache_session_id_key = 'mage-cache-sessid'; 10463 const last_visited_store_key = 'last_visited_store'; 10464 10465 const ttl = 432000; 10466 10467 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 10468 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 10469 } 10470 10471 function loadSectionData () { 10472 const browserStorage = hyva.getBrowserStorage(); 10473 if (!browserStorage) { 10474 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 10475 [{ 10476 type: "warning", 10477 text: "Abilita LocalStorage nel tuo browser." 10478 }] 10479 ); 10480 return; 10481 } 10482 try { 10483 let isInvalid = false; 10484 10485 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 10486 isInvalid = true; 10487 } 10488 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 10489 10490 if (!hyva.getCookie(mage_cache_session_id_key)) { 10491 isInvalid = true; 10492 browserStorage.removeItem(private_content_key); 10493 const skipSetDomain = true; 10494 const days = false; 10495 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 10496 } 10497 10498 const cookieVersion = hyva.getCookie(private_content_version_key); 10499 const storageVersion = browserStorage.getItem(private_content_version_key); 10500 10501 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 10502 isInvalid = true; 10503 } 10504 10505 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 10506 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 10507 browserStorage.removeItem(private_content_key); 10508 } 10509 10510 if (isInvalid && cookieVersion) { 10511 fetchPrivateContent([]); 10512 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 10513 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 10514 if ( 10515 privateContent && 10516 privateContentExpires && 10517 privateContent.cart && 10518 privateContent.customer 10519 ) { 10520 dispatchPrivateContent(privateContent); 10521 } else { 10522 fetchPrivateContent([]); 10523 } 10524 } else { 10525 if (document.getElementById('default-section-data')) { 10526 const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); 10527 dispatchPrivateContent(privateContent); 10528 } else { 10529 dispatchPrivateContent({}); 10530 } 10531 } 10532 10533 } catch (error) { 10534 console.warn('Error retrieving Private Content:', error); 10535 } 10536 } 10537 10538 hyva.alpineInitialized(loadSectionData) 10539 window.addEventListener('reload-customer-section-data', loadSectionData); 10540 10541 window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data); 10542 10543 function dispatchPrivateContent(data) { 10544 10545 const privateContentEvent = new CustomEvent("private-content-loaded", { 10546 detail: { 10547 data: window.processSectionDataBeforeDispatch(data) 10548 } 10549 }); 10550 window.dispatchEvent(privateContentEvent); 10551 } 10552 10553 function fetchPrivateContent(sections) { 10554 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 10555 method: 'GET', 10556 headers: { 10557 'Content-Type': 'application/json', 10558 'X-Requested-With': 'XMLHttpRequest' 10559 } 10560 }) 10561 .then(response => response.ok && response.json()) 10562 .then( 10563 data => { 10564 if (data) { 10565 try { 10566 const browserStorage = hyva.getBrowserStorage(); 10567 10568 // merge new data preserving non-invalidated sections 10569 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 10570 10571 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 10572 delete oldSectionData['checkout-data']; 10573 } 10574 const newSectionData = Object.assign(oldSectionData, data); 10575 10576 dispatchPrivateContent(newSectionData); 10577 10578 // don't persist messages, they've been dispatched already 10579 if (newSectionData.messages && newSectionData.messages.messages ) { 10580 newSectionData.messages.messages = []; 10581 } 10582 10583 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 10584 10585 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 10586 browserStorage.setItem(private_content_expire_key, expiresAt); 10587 10588 const newCookieVersion = hyva.getCookie(private_content_version_key); 10589 browserStorage.setItem(private_content_version_key, newCookieVersion); 10590 10591 // We don't need the section_data_ids in Hyvä, but we store them for compatibility 10592 // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout 10593 hyva.setCookie( 10594 section_data_ids_key, 10595 JSON.stringify( 10596 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 10597 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 10598 return sectionDataIds; 10599 }, {}) 10600 ), 10601 false, 10602 true 10603 ); 10604 } catch (error) { 10605 console.warn("Couldn't store privateContent", error); 10606 } 10607 } 10608 } 10609 ) 10610 .catch(error => { 10611 console.warn("Couldn't fetch privateContent", error); 10612 }); 10613 } 10614 } 10615 //# sourceURL=hyva-private-content.js 10616</script>
10616<script> 10617 (() => { 10618 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 10619 })() 10620</script>
10620<script> 10621 (events => { 10622 const dispatchUserInteractionEvent = () => { 10623 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 10624 window.dispatchEvent(new Event('init-external-scripts')) 10625 }; 10626 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 10627 })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']); 10628 //# sourceURL=hyva-init-external-scripts.js 10629</script>
10629<script> 10630 function initQtyFieldAjaxPopup(defaultQty, productId, step, minSalesQty, maxSalesQty) { 10631 10632 function findPathParam(key) { 10633 const baseUrl = (BASE_URL.substr(0, 2) === '//' ? 'http:' : '') + BASE_URL; 10634 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 10635 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 10636 for (let i = 0; i < pathParts.length; i += 2) { 10637 if (pathParts[i] === key && pathParts.length > i) { 10638 return pathParts[i + 1]; 10639 } 10640 } 10641 } 10642 10643 return { 10644 options: {"send_url":"https:\/\/www.goudaformaggioshop.it\/amasty_cart\/cart\/add\/","src_image_progress":"https:\/\/www.goudaformaggioshop.it\/static\/version1790151791\/frontend\/Kaashandel\/default\/it_IT\/Amasty_Cart\/images\/loading.gif","type_loading":"1","align":"0","open_minicart":false,"autosubmit":0,"page_id":null}, 10645 qty: defaultQty, 10646 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 10647 productId: productId, 10648 step: step, 10649 minSalesQty: minSalesQty, 10650 maxSalesQty: maxSalesQty, 10651 onGetCartData: function onGetCartData(data, $dispatch) { 10652 const cart = data && data.data && data.data.cart; 10653 if (this.itemId && cart && cart.items) { 10654 const cartItem = cart.items.find((item) => { 10655 return item.item_id === this.itemId && item.product_id === this.productId; 10656 }); 10657 if (cartItem && cartItem.qty) { 10658 this.qty = cartItem.qty; 10659 $dispatch('update-qty-' + this.productId, this.qty); 10660 } 10661 } 10662 }, 10663 increaseQty: function () { 10664 let qty = this.qty + this.step 10665 10666 if (this.qty%this.step !== 0) { 10667 qty = (Math.ceil(this.qty / this.step) * this.step) 10668 } 10669 10670 if (qty < this.minSalesQty) qty = this.minSalesQty 10671 10672 this.qty = qty 10673 }, 10674 decreaseQty: function () { 10675 let qty = this.qty - this.step 10676 10677 if (this.qty%this.step !== 0) { 10678 qty = (Math.floor(this.qty / this.step) * this.step) 10679 } 10680 10681 if (qty > this.maxSalesQty) qty = this.maxSalesQty 10682 10683 this.qty = qty 10684 }, 10685 isIncreaseDisabled: function () { 10686 if (this.qty%this.step === 0) { 10687 return ((this.qty + this.step) > this.maxSalesQty) 10688 } 10689 10690 return (this.qty >= this.maxSalesQty) 10691 }, 10692 isDecreaseDisabled: function () { 10693 if (this.qty%this.step === 0) { 10694 return ((this.qty - this.step) < this.minSalesQty) 10695 } 10696 10697 return (this.qty <= this.minSalesQty) 10698 }, 10699 updateQuantity: function() { 10700 10701 document.getElementById('update-loader').classList.remove('hidden'); 10702 10703 const url = this.options.send_url.replace('/add/', '/update/'); 10704 const formKey = this.$el.querySelector('#form-key').value; 10705 const itemId = this.$el.querySelector('#quote_id').value; 10706 const qty = parseInt(this.$el.querySelector('input[name="qty"]').value); 10707 let data = 'item_qty=' + qty + '&form_key=' + formKey + '&item_id=' + itemId; 10708 10709 fetch(url, { 10710 method: 'POST', 10711 headers: { 10712 'Content-Type': 'application/x-www-form-urlencoded', 10713 'X-Requested-With': 'XMLHttpRequest' 10714 }, 10715 body: data, 10716 dataType: 'json' 10717 }).then(response => response.json()) 10718 .then(data => { 10719 document.querySelector('.am_price').innerHTML = data.subtotal; 10720 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); 10721 window.dispatchEvent(reloadCustomerDataEvent); 10722 document.getElementById('update-loader').classList.add('hidden'); 10723 }) 10724 .catch((error) => { 10725 console.error('Error:', error); 10726 }); 10727 }, 10728 }; 10729 } 10730</script>
10730<script> 10731 function createAjaxCart() { 10732 return { 10733 options: {"send_url":"https:\/\/www.goudaformaggioshop.it\/amasty_cart\/cart\/add\/","src_image_progress":"https:\/\/www.goudaformaggioshop.it\/static\/version1790151791\/frontend\/Kaashandel\/default\/it_IT\/Amasty_Cart\/images\/loading.gif","type_loading":"1","align":"0","open_minicart":false,"autosubmit":0,"page_id":null}, 10734 buttonPrevent: function buttonPrevent() { 10735 const self = this; 10736 const serializeForm = form => 10737 Array.from(new FormData(form), field => 10738 field.map(encodeURIComponent).join('=') 10739 ).join('&'); 10740 let data = serializeForm(this.$el); 10741 data += '&product_page=' + document.body.classList.contains('catalog-product-view'); 10742 10743 if ( !!this.$el.querySelector('input[name="product') ) { 10744 const input = this.$el.querySelectorAll('input[name="product"]')[0], 10745 productId = input.value, 10746 popupSwatches = document.getElementsByClassName('swatch-opt-' + productId); 10747 if ( productId 10748 && popupSwatches.length 10749 && popupSwatches.querySelectorAll('.amconf-matrix-observed').length == 0 ) { 10750 // Logica met swatches 10751 } 10752 } 10753 if ( this.$el.hasAttribute('action') && this.$el.getAttribute('action').length ) { 10754 let idProduct = this.$el.getAttribute('action').match(/(?:product\/)(\d+)\/(?=uenc)?/); 10755 idProduct = Array.isArray(idProduct) ? parseInt(idProduct.shift().replace(/[^\d;]/g, '')) : 0; 10756 10757 if ( idProduct > 0 ) { 10758 data += '&product=' + idProduct; 10759 } 10760 10761 const position = this.$el.getAttribute('action').indexOf('/id/'); 10762 10763 if ( position > 0 ) { 10764 id = this.$el.getAttribute('action').substr(position + 4, this.$el.getAttribute('action').length); 10765 if ( parseInt(id) > 0 ) { 10766 data += '&id=' + parseInt(id); 10767 } 10768 } 10769 } 10770 10771 var url = this.options.send_url; 10772 10773 var xhr = new XMLHttpRequest(); 10774 10775 xhr.open("POST", url); 10776 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 10777 xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest"); 10778 10779 xhr.send(data); 10780 10781 xhr.onreadystatechange = function() { 10782 if (this.readyState === XMLHttpRequest.DONE && this.status === 200) { 10783 const response = JSON.parse(this.responseText); 10784 if (response.error) { 10785 alert(response.error); 10786 } else if (response.is_add_to_cart === 1 && !!document.querySelector('body.checkout-cart-index')) { 10787 window.location.reload(); 10788 return true; 10789 } else if (response.is_add_to_cart === 1 && self.options.open_minicart) { 10790 // Enabeld minicart logic 10791 } else { 10792 if (response.redirect) { 10793 window.location = response.redirect; 10794 return true; 10795 } 10796 try { 10797 10798 if (response.is_add_to_cart === 1 && response.product_sku) { 10799 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); 10800 window.dispatchEvent(reloadCustomerDataEvent); 10801 } 10802 10803 self.showPopup({ 10804 'title': response.title, 10805 'message': response.message, 10806 'related': response.related, 10807 'checkout': response.checkout, 10808 'cart': response.cart, 10809 'buttons': { 10810 '1': { 10811 'name': response.b1_name, 10812 'class': 'am-btn-left btn btn-secondary mr-1.5', 10813 'timer': response.timer, 10814 'action': function () { 10815 runAjaxCartButtonAction(response.b1_action); 10816 } 10817 }, 10818 '2': { 10819 'name': response.b2_name, 10820 'class': 'am-btn-right btn btn-primary ml-1.5', 10821 'action': function () { 10822 runAjaxCartButtonAction(response.b2_action); 10823 } 10824 } 10825 }, 10826 'align': response.align 10827 }); 10828 10829 console.log('check1'); 10830 if (response.product_id && document.querySelector('.swatch-attribute-selected-weight-content-'+response.product_id).textContent){ 10831 console.log('check2'); 10832 document.querySelector('.am-custom-attribute').innerText = document.querySelector('.swatch-attribute-selected-weight-content-'+response.product_id).textContent; 10833 } 10834 10835 10836 } catch(e) { 10837 console.warn(e); 10838 } 10839 } 10840 } 10841 } 10842 console.log('check3'); 10843 }, 10844 addRelatedToCart: function addRelatedToCart() { 10845 10846 const postData = JSON.parse(this.$el.querySelector('.actions-primary button.btn').dataset.postdata); 10847 const formKey = document.querySelector('input[name="form_key"]').value; 10848 const url = postData.action;
10849 const data = 'qty=' + this.$el.dataset.minqty + '&form_key=' + formKey; 10850 10851 fetch(url, { 10852 method: 'POST', 10853 body: data, 10854 headers: { 10855 'Content-Type': 'application/x-www-form-urlencoded', 10856 'X-Requested-With': 'XMLHttpRequest' 10857 }, 10858 }); 10859 }, 10860 showPopup: function showPopup(response) { 10861 const wrapper = document.querySelector('body.checkout-cart-index'); 10862 if (wrapper) { 10863 if (wrapper.parentNode !== null) { 10864 wrapper.parentNode.removeChild(wrapper); 10865 } 10866 } 10867 let buttonHTML = '', 10868 checkoutButton = response.checkout ? response.checkout : '', 10869 value; 10870 10871 Object.keys(response.buttons).forEach((key,index) => { 10872 let buttonObj = response.buttons[key]; 10873 value = buttonObj['name']; 10874 10875 if (buttonObj['timer']) { 10876 value += buttonObj['timer']; 10877 } 10878 buttonHTML += '<button class="' + 'button ' + buttonObj['class'] + '" title="' + buttonObj['name'] + '"><span>' + value + '</span></button>'; 10879 if (!buttonObj.action) { 10880 buttonObj.action = function() {}; 10881 } 10882 }); 10883 10884 let confirmOverlay = document.createElement('div'); 10885 confirmOverlay.id = 'confirmOverlay'; 10886 confirmOverlay.classList = 'items-center justify-center fixed inset-0 z-50 bg-black bg-opacity-20' 10887 10888 let confirmBox = document.createElement('div'); 10889 confirmBox.id = 'confirmBox'; 10890 confirmBox.className = 'amcart-confirm-block max-h-90 text-center z-[9999] rounded overflow-y-auto relative bg-white overflow-hidden'; 10891 10892 switch(response.align) { 10893 case "1": 10894 confirmOverlay.classList.add('am-top'); 10895 break; 10896 case "2": 10897 confirmOverlay.classList.add('am-top-left'); 10898 break; 10899 case "3": 10900 confirmOverlay.classList.add('am-top-right'); 10901 break; 10902 case "4": 10903 confirmOverlay.classList.add('am-left'); 10904 break; 10905 case "5": 10906 confirmOverlay.classList.add('am-right'); 10907 break; 10908 case "0": 10909 default: 10910 confirmOverlay.classList.add('am-center'); 10911 } 10912 10913 confirmOverlay.style.display = 'none'; 10914 document.body.append(confirmOverlay); 10915 10916 // Cross 10917 let cross = document.createElement('span'); 10918 cross.title = "Chiudi"; 10919 cross.className = 'cross absolute top-[5px] right-[10px] z-10 text-black text-opacity-25 cursor-pointer'; 10920 cross.innerHTML = '×'; 10921 cross.addEventListener("click", confirmHideOnClick, false); 10922 confirmBox.append(cross); 10923 10924 // Buttons 10925 let confirmButtons = document.createElement('div'); 10926 confirmButtons.id = 'confirmButtons'; 10927 confirmButtons.className = 'amcart-confirm-buttons flex justify-center flex-wrap mt-5'; 10928 confirmButtons.innerHTML = buttonHTML + checkoutButton; 10929 confirmBox.append(confirmButtons); 10930 10931 // MessageBox 10932 let messageBox = document.createElement('div'); 10933 messageBox.id = 'messageBox'; 10934 messageBox.className = 'amcart-message-box'; 10935 messageBox.innerHTML = response.message; 10936 confirmBox.insertBefore(messageBox, confirmButtons); 10937 10938 // RelatedBox 10939 let relatedBox = document.createElement('div'); 10940 relatedBox.className = 'am-related-box pt-5 max-w-sm '; 10941 relatedBox.innerHTML = response.related; 10942 confirmBox.append(relatedBox); 10943 10944 confirmBox.style.display = 'none'; 10945 confirmOverlay.append(confirmBox); 10946 confirmBox.style.display = 'block'; 10947 confirmOverlay.style.display = 'flex'; 10948 10949 // Loader 10950 let loader = document.createElement('div'); 10951 loader.className = 'ajax-loader absolute inset-0 z-10 bg-black bg-opacity-30 hidden'; 10952 loader.id = 'update-loader'; 10953 confirmBox.append(loader); 10954 let loaderSvg = `<svg version="1.1" class="w-24 h-24 absolute top-2/4 left-2/4 -translate-y-1/2 -translate-x-1/2" id="L9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
10955 viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"> 10956 <path fill="#fff" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"> 10957 <animateTransform 10958 attributeName="transform" 10959 attributeType="XML" 10960 type="rotate" 10961 dur="1s" 10962 from="0 50 50" 10963 to="360 50 50" 10964 repeatCount="indefinite" /> 10965 </path> 10966 </svg>`; 10967 loader.insertAdjacentHTML('beforeend', loaderSvg); 10968 10969 let buttons = document.querySelectorAll('#confirmButtons button'), 10970 i = 0; 10971 10972 Object.keys(response.buttons).forEach((key,index) => { 10973 let currentButton = buttons[i++]; 10974 if (!currentButton) { 10975 return; 10976 } 10977 currentButton.addEventListener('click', function() { 10978 let buttonObj = response.buttons[key]; 10979 buttonObj.action(); 10980 return false; 10981 }); 10982 }); 10983 10984 let itemsPerView = window.innerWidth <= 768 ? 1 : 2; 10985 10986 if (document.querySelector('.am-slider')) { 10987 new Glider(document.querySelector('.am-slider'), { 10988 slidesToShow: itemsPerView, 10989 draggable: true, 10990 arrows: { 10991 prev: '.glider-left', 10992 next: '.glider-right' 10993 } 10994 }); 10995 } 10996 10997 confirmTimer(); 10998 10999 function confirmTimer() { 11000 const elem = document.querySelector('#confirmButtons .timer'), 11001 value = elem.innerText, 11002 sec = parseInt(value.replace(/\D+/g,"")); 11003 if (sec) { 11004 document.timer = setInterval(function () { 11005 oneSec(); 11006 }, 1000); 11007 const btnRight = document.querySelector('.am-btn-right'); 11008 btnRight.addEventListener('click', function() { 11009 clearInterval(document.timer); 11010 }); 11011 } 11012 } 11013 11014 function oneSec() { 11015 const elem = document.querySelector('#confirmButtons .timer'); 11016 let value = elem.innerText; 11017 const sec = parseInt(value.replace(/\D+/g,"")); 11018 if (sec) { 11019 value = value.replace(sec, sec-1); 11020 elem.innerText = value; 11021 if (sec <= 1) { 11022 clearInterval(document.timer); 11023 elem.click(); 11024 } 11025 } else { 11026 clearInterval(document.timer); 11027 } 11028 } 11029 11030 function confirmHideOnClick(event) { 11031 confirmHide(); 11032 } 11033 11034 11035 } 11036 } 11037 } 11038 11039 11040 function confirmHide() { 11041 const confirmBox = document.getElementById('confirmBox'); 11042 const confirmOverlay = document.getElementById('confirmOverlay'); 11043 if (confirmBox) { 11044 confirmBox.remove(); 11045 } 11046 if (confirmOverlay) { 11047 confirmOverlay.remove(); 11048 } 11049 clearInterval(document.timer); 11050 } 11051 11052 function runAjaxCartButtonAction(action) { 11053 if (!action || typeof action !== 'string') { 11054 return; 11055 } 11056 if (action === 'confirmHide();') { 11057 confirmHide(); 11058 return; 11059 } 11060 if (action.indexOf('http') > -1) { 11061 if (window.parent.location != window.location) { 11062 window.parent.location = action; 11063 } else { 11064 document.location = action; 11065 } 11066 return; 11067 } 11068 if (action.indexOf('document.location') > -1 11069 && window.parent.location != window.location 11070 ) { 11071 action = action.replace('document.location', 'window.parent.location'); 11072 } 11073 eval(action); 11074 } 11075</script>
11075<script> 11076 function initConfigurableOptions(productId, optionConfig) { 11077 11078 function findPathParam(key) { 11079 const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; 11080 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 11081 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 11082 for (let i = 0; i < pathParts.length; i += 2) { 11083 if (pathParts[i] === key && pathParts.length > i) { 11084 return pathParts[i + 1]; 11085 } 11086 } 11087 } 11088 11089 return { 11090 optionConfig, 11091 productId, 11092 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 11093 allowedAttributeOptions: [], 11094 selectedValues: [], 11095 init() { 11096 this.buildLookupMap(); 11097 this.findAllowedAttributeOptions(); 11098 this.$nextTick(() => { 11099 if (typeof this.optionConfig.defaultValues === 'object') { 11100 for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) { 11101 this.changeOption(attributeId, value + ''); 11102 } 11103 } 11104 }); 11105 }, 11106 productIndex: 0, 11107 productIndexForPrice: 0, 11108 productIndexesMap: null, 11109 productIndexesKeys: null, 11110 attributeCount: 0, 11111 optionIsActive(attributeId, optionId) { 11112 return !!this.getAllowedAttributeOptions(attributeId).find( 11113 option => option.id === optionId 11114 ) 11115 }, 11116 optionIsEnabled(attributeId, optionId) { 11117 for (const productId in this.optionConfig.index) { 11118 if (this.optionConfig.index[productId][attributeId] === optionId) { 11119 return true; 11120 } 11121 } 11122 return false; 11123 }, 11124 findSimpleIndex() { 11125 this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); 11126 this.productIndexForPrice = this.findCheapestProductForPartialSelection(this.selectedValues); 11127 }, 11128 calculateSimpleIndexForPartialSelection(selectedValues) { 11129 if (selectedValues.length === 0) return 0; 11130 return this.findProductIdsForPartialSelection(selectedValues)[0]; 11131 }, 11132 buildLookupMap() { 11133 this.productIndexesMap = new Map(); 11134 this.attributeCount = Object.keys(this.optionConfig.attributes).length; 11135 for (const id in this.optionConfig.index) { 11136 const options = this.optionConfig.index[id]; 11137 if (! this.productIndexesKeys) { 11138 this.productIndexesKeys = Object.keys(options).sort(); 11139 } 11140 const key = JSON.stringify(options, this.productIndexesKeys); 11141 this.productIndexesMap.set(key, id); 11142 } 11143 }, 11144 calculateSimpleIndexForFullSelection(selectedValues) { 11145 if (! this.isFullSelection(selectedValues)) return false; 11146 11147 const attrKeys = this.productIndexesKeys || []; 11148 const normalised = {}; 11149 for (let i = 0; i < attrKeys.length; i++) { 11150 normalised[attrKeys[i]] = selectedValues[attrKeys[i]]; 11151 } 11152 const queryKey = JSON.stringify(normalised, attrKeys); 11153 return this.productIndexesMap.get(queryKey); 11154 }, 11155 findAllowedAttributeOptions() { 11156 this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); 11157 }, 11158 calculateAllowedAttributeOptions(selectedValues) { 11159 const allAttributes = this.optionConfig.attributes; 11160 const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { 11161 return a.position - b.position 11162 }); 11163 11164 const newAllowedAttributeOptions = []; 11165 11166 allAttributesSorted.forEach(attribute => { 11167 const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id)); 11168 const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr); 11169 newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { 11170 return !!option.products.find(product => { 11171 return availableIndexes.includes(product); 11172 }) 11173 }); 11174 }); 11175 return newAllowedAttributeOptions; 11176 }, 11177 calculateAvailableProductIndexes(selectedOptions) { 11178 if (Object.keys(selectedOptions).length === 0) { 11179 if (Object.values(this.optionConfig.salable || {}).length) { 11180 return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) 11181 } 11182 return Object.keys(this.optionConfig.index); 11183 } 11184 11185 const selectedIds = Object.keys(selectedOptions); 11186 if (Object.values(this.optionConfig.salable || {}).length) { 11187 const selectedOptionIndexes = selectedIds.map(attrId => { 11188 const optionValue = selectedOptions[attrId]; 11189 return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] 11190 }) 11191 return selectedOptionIndexes.reduce((acc, optionIndexes) => { 11192 return acc.filter(index => optionIndexes.includes(index)); 11193 }); 11194 } else { 11195 const productIndexes = this.optionConfig.index; 11196 return Object.keys(productIndexes).filter(index => { 11197 for (const attrId of selectedIds) { 11198 if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false 11199 } 11200 return true 11201 }); 11202 } 11203 }, 11204 findAttributeByOptionId(optionId) { 11205 for (const attributeId in this.optionConfig.attributes) { 11206 const attributeOptions = this.optionConfig.attributes[attributeId].options || []; 11207 if (attributeOptions.find(option => option.id === optionId)) { 11208 return attributeId; 11209 } 11210 } 11211 }, 11212 getAllowedAttributeOptions(attributeId) { 11213 return this.allowedAttributeOptions[attributeId] || [] 11214 }, 11215 getAllAttributeOptions(attributeId) { 11216 return ( 11217 this.optionConfig.attributes[attributeId] && 11218 this.optionConfig.attributes[attributeId].options 11219 ) || [] 11220 }, 11221 getProductIdsForOption(option) { 11222 const attributeId = this.findAttributeByOptionId(option.id); 11223 const allOptions = this.optionConfig.attributes[attributeId]; 11224 const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); 11225 return opt && opt.products 11226 ? opt.products 11227 : []; 11228 }, 11229 findProductIdsForPartialSelection(optionSelection) { 11230 const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { 11231 const newCandidates = this.getProductIdsForOption({id: optionId}); 11232 return candidates === null 11233 ? newCandidates 11234 : candidates.filter(productId => newCandidates.includes(productId)); 11235 }, null); 11236 return candidateProducts || []; 11237 },
11238 findCheapestProductForPartialSelection(optionSelection) { 11239 const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); 11240 return candidateProducts.reduce((cheapest, simpleIdx) => { 11241 // in the first iteration we start with simpleIdx as the currently cheapest product 11242 if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; 11243 const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; 11244 return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount 11245 ? simpleIdx 11246 : cheapest; 11247 }, 0) 11248 }, 11249 findProductIdToUseForOptionPrice(option) { 11250 // try to find a product for a complete selection 11251 const attributeId = this.findAttributeByOptionId(option.id); 11252 const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id}); 11253 const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection); 11254 // if there is no complete selection, use the cheapest product for the option 11255 return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection); 11256 }, 11257 getAttributeOptionLabel(option) { 11258 const optionProduct = this.findProductIdToUseForOptionPrice(option); 11259 11260 if ((! optionProduct) || (optionProduct === this.productIndexForPrice)) { 11261 return option.label; 11262 } 11263 11264 const currentPrice = this.getOptionPriceAdjustmentBasePrice(); 11265 11266 if (this.optionConfig.optionPrices[optionProduct]) { 11267 const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount; 11268 if (optionPrice !== currentPrice){ 11269 return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true); 11270 } 11271 } 11272 return option.label; 11273 }, 11274 getOptionPriceAdjustmentBasePrice() { 11275 if (this.optionConfig.optionPrices[this.productIndexForPrice]) { 11276 return this.optionConfig.optionPrices[this.productIndexForPrice].finalPrice.amount 11277 } 11278 return this.optionConfig.prices.finalPrice.amount; // default price if no option selection 11279 }, 11280 clearOptionIfActive(optionId, value) { 11281 if (this.selectedValues[optionId] === value) { 11282 this.blurLabel() 11283 this.changeOption(optionId, '') 11284 } 11285 }, 11286 removeAttrFromSelection(selectedValues, attributeId) { 11287 attributeId = parseInt(attributeId); 11288 return selectedValues.reduce((newSelection, val, attr) => { 11289 if (attr !== attributeId) { 11290 newSelection[attr] = val; 11291 } 11292 return newSelection; 11293 }, []); 11294 }, 11295 changeOption(attributeId, value) { 11296 if (value === '') { 11297 this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId) 11298 } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) { 11299 this.selectedValues[attributeId] = value; 11300 } 11301 this.findSimpleIndex(); 11302 this.findAllowedAttributeOptions(); 11303 this.updatePrices(); 11304 this.updateGallery(); 11305 11306 const candidates = this.findProductIdsForPartialSelection(this.selectedValues); 11307 11308 window.dispatchEvent( 11309 new CustomEvent( 11310 'configurable-selection-changed', 11311 { 11312 detail: { 11313 productId: this.productId, 11314 optionId: attributeId, 11315 value: value, 11316 productIndex: this.productIndex, 11317 selectedValues: this.selectedValues, 11318 candidates: candidates, 11319 skuCandidates: Object.values(candidates).map(id =>
11319 this.optionConfig.sku?.[id] ?? null).filter(Boolean), 11320 } 11321 } 11322 ) 11323 ); 11324 }, 11325 calculateIsMinimalPrice() { 11326 return ! this.isFullSelection(this.selectedValues); 11327 }, 11328 isFullSelection(selectedValues) { 11329 return Object.keys(selectedValues).length === this.attributeCount; 11330 }, 11331 updatePrices() { 11332 const value = this.optionConfig.optionPrices[this.productIndexForPrice] || this.optionConfig.prices; 11333 window.dispatchEvent( 11334 new CustomEvent( 11335 "update-prices-" + this.productId, 11336 { 11337 detail: Object.assign( 11338 value, 11339 { isMinimalPrice: this.calculateIsMinimalPrice() } 11340 ) 11341 } 11342 ) 11343 ); 11344 }, 11345 updateGallery () { 11346 if (this.productIndex) { 11347 const images = this.optionConfig.images[this.productIndex]; 11348 images && window.dispatchEvent(new CustomEvent( 11349 "update-gallery", 11350 { detail: this.sortImagesByPosition(images) } 11351 )); 11352 } else { 11353 window.dispatchEvent(new Event("reset-gallery")); 11354 } 11355 }, 11356 sortImagesByPosition(images) { 11357 return images.sort((x, y) => { 11358 return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) 11359 }); 11360 }, 11361 onGetCartData(data) { 11362 }, 11363 preselectCartItems(data) { 11364 // pre-select options based on cart data for current (quote) itemId 11365 const cart = data && data.cart; 11366 if (cart && cart.items) { 11367 const cartItem = cart.items.find((item) => { 11368 return ( 11369 item.item_id === this.itemId 11370 && item.product_id === this.productId 11371 ) 11372 }); 11373 if (cartItem && cartItem.options && cartItem.options.length) { 11374 cartItem.options.map(option => { 11375 this.changeOption(option.option_id, option.option_value); 11376 }) 11377 } 11378 } 11379 }, 11380 preselectQuerystringItems() { 11381 // pre-select option like ?size=167 11382 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); 11383 this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); 11384 }, 11385 preselectLocationHashItems() { 11386 // pre-select option like #144=167 11387 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); 11388 this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); 11389 }, 11390 preselectItemsBasedOnLocation(getLocationValue) { 11391 Object.values(this.optionConfig.attributes).map(attribute => { 11392 const v = getLocationValue(attribute); 11393 v && this.changeOption(attribute.id, v) 11394 }); 11395 } 11396 } 11397 } 11398</script>
11398<script> 11399 function initSwatchOptions(swatchConfig) { 11400 return { 11401 swatchConfig, 11402 getAttributeSwatchData(attributeId) { 11403 const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); 11404 swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); 11405 11406 return swatchConfig; 11407 }, 11408 getAllAttributeOptions(attributeId) { 11409 return ( 11410 this.optionConfig.attributes[attributeId] && 11411 this.optionConfig.attributes[attributeId].options 11412 ) || [] 11413 }, 11414 optionIsActive(attributeId, optionId) { 11415 // return true if a product with this option is in stock 11416 return !!this.getAllowedAttributeOptions(attributeId).find( 11417 option => option.id === optionId 11418 ) 11419 }, 11420 optionIsEnabled(attributeId, optionId) { 11421 // return true if a product with this option is enabled 11422 for (const productId in this.optionConfig.index) { 11423 if (this.optionConfig.index[productId][attributeId] === optionId) { 11424 return true; 11425 } 11426 } 11427 return false; 11428 }, 11429 mapSwatchTypeNumberToTypeCode(typeNumber) { 11430 switch ("" + typeNumber) { 11431 case "1": 11432 return "color" 11433 case "2": 11434 return "image" 11435 case "3": 11436 return "empty" 11437 case "0": 11438 default: 11439 return "text" 11440 } 11441 }, 11442 getTypeOfFirstOption(attributeId) { 11443 for (const optionId in this.swatchConfig[attributeId]) { 11444 const option = this.swatchConfig[attributeId][optionId]; 11445 if (typeof option.type !== 'undefined') { 11446 return this.mapSwatchTypeNumberToTypeCode(option.type); 11447 } 11448 } 11449 }, 11450 getVisualSwatchType(attributeId, targetOptionId) { 11451 // If a type configuration is present for the given option id, use it 11452 const config = this.swatchConfig[attributeId]; 11453 if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') { 11454 return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type); 11455 } 11456 11457 // Otherwise - if no config is present for the target option - use the type of the first option 11458 // with a type property from the attribute, thus assuming its the same type as the target option. 11459 // (This edge case condition can occur on single swatch products if some options are not salable) 11460 return this.getTypeOfFirstOption(attributeId); 11461 }, 11462 getSwatchType(attributeId, optionId) { 11463 // Deserialize the attribute details the first time they are used 11464 if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) { 11465 this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId); 11466 } 11467 const type = this.swatchConfig[attributeId] && 11468 this.swatchConfig[attributeId].details && 11469 this.swatchConfig[attributeId].details.swatch_input_type || 11470 "empty"; 11471 return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type; 11472 }, 11473 isTextSwatch(attributeId, optionId) { 11474 return this.getSwatchType(attributeId, optionId) === 'text'; 11475 }, 11476 isVisualSwatch(attributeId, optionId) { 11477 const type = this.getSwatchType(attributeId, optionId); 11478 11479 return ['image', 'color'].includes(type); 11480 }, 11481 getSwatchBackgroundStyle(attributeId, optionId) {
11482 const config = this.getSwatchConfig(attributeId, optionId); 11483 const type = this.getSwatchType(attributeId, optionId); 11484 11485 if (type === "color") { 11486 return 'background-color:' + config.value; 11487 } else if (type === "image") { 11488 return "background: #ffffff url('" + config.value + "') no-repeat center"; 11489 } else { 11490 return ''; 11491 } 11492 }, 11493 getSwatchText(attributeId, optionId) { 11494 const config = this.getSwatchConfig(attributeId, optionId); 11495 /* CUSTOM */ 11496 let translateDiscountText = {}; 11497 translateDiscountText['nl'] = ' (20% korting)'; 11498 translateDiscountText['de'] = ' (20% Rabatt)'; 11499 translateDiscountText['en'] = ' (20% discount)'; 11500 translateDiscountText['fr'] = ' (20% de réduction)'; 11501 translateDiscountText['it'] = ' (Sconto del 20%)'; 11502 translateDiscountText['da'] = ' (20% rabat)'; 11503 translateDiscountText['sv'] = ' (20% rabatt)'; 11504 11505 let re = /\b[+-]?\d+(?:,\d{3})*(?:\.\d+)?\b/; 11506 let m = config.label.match(re); 11507 if (m > 10 && m < 25){ 11508 return config.label + '<br /><strong>' +translateDiscountText[document.getElementsByTagName('html')[0].getAttribute('lang')] + '</strong>'|| config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); 11509 }else{ 11510 return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); 11511 } 11512 /* CUSTOM */ 11513 //return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); 11514 }, 11515 getOptionLabelFromOptionConfig(attributeId, optionId) { 11516 // Fallback if no value is present in swatchConfig data 11517 // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190 11518 const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId); 11519 return option && option[0] && option[0].label ||''; 11520 }, 11521 getSwatchConfig(attributeId, optionId) { 11522 return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId] 11523 ? this.swatchConfig[attributeId][optionId] 11524 : false; 11525 }, 11526 activeTooltipItem: false, 11527 tooltipPositionElement: false, 11528 isTooltipVisible() { 11529 return this.activeTooltipItem &&
11530 this.getSwatchConfig( 11531 this.activeTooltipItem.attribute, 11532 this.activeTooltipItem.item 11533 ); 11534 }, 11535 getTooltipImageStyle(attributeId, optionId) { 11536 const config = this.getSwatchConfig(attributeId, optionId); 11537 const type = this.getSwatchType(attributeId, optionId); 11538 11539 if (type === "color") { 11540 return 'background-color:' + config.value + '; width: 110px; height: 90px;'; 11541 } else if (type === "image") { 11542 return "background: #ffffff url('" + config.thumb + 11543 "') center center no-repeat; width: 110px; height: 90px;"; 11544 } else { 11545 return 'display:none'; 11546 } 11547 }, 11548 getTooltipPosition() { 11549 return this.tooltipPositionElement ? 11550 `top: ${this.tooltipPositionElement.offsetTop}px;` + 11551 `left: ${ 11552 this.tooltipPositionElement.offsetLeft - ( 11553 this.tooltipPositionElement.closest('.snap') && 11554 this.tooltipPositionElement.closest('.snap').scrollLeft || 11555 0 11556 ) 11557 }px;` : '' 11558 }, 11559 getTooltipLabel() { 11560 return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label 11561 }, 11562 focusedLabel: false, 11563 focusLabel(optionId) { 11564 this.focusedLabel = optionId; 11565 }, 11566 blurLabel() { 11567 this.focusedLabel = false; 11568 }, 11569 showSwatches: false, 11570 initShowSwatchesIntersect() { 11571 if ('IntersectionObserver' in window && !window.scrollY) { 11572 let io = new IntersectionObserver( 11573 entries => { 11574 entries.map(entry => { 11575 if (entry.isIntersecting) { 11576 this.showSwatches = true; 11577 io.unobserve(this.$root); 11578 } 11579 }) 11580 } 11581 ); 11582 io.observe(this.$root); 11583 } else { 11584 this.showSwatches = true 11585 } 11586 } 11587 } 11588 } 11589</script>
11589<script> 11590 'use strict'; 11591 11592 const grecaptchaV2LoadCallbacks = []; 11593 11594 function executeRecaptchaLoadCallbacks () { 11595 while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { 11596 const callback = grecaptchaV2LoadCallbacks.pop(); 11597 typeof callback === 'string' ? window[callback]() : callback(); 11598 } 11599 } 11600 11601 (function() { 11602 const loadRecaptchaScript = (event) => { 11603 11604 if (window.grecaptcha || !event.target.form) { 11605 return; 11606 } 11607 11608 const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; 11609 const siteKey = ''; 11610 const script = document.createElement('script'); 11611 script.type = 'text/javascript'; 11612 script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; 11613 script.async = true; 11614 document.head.appendChild(script); 11615 11616 script.addEventListener('load', () => { 11617 Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); 11618 }); 11619 } 11620 11621 window.forceLoadRecaptchaScript = (form) => { 11622 loadRecaptchaScript({target: {form: form || 'dummy'}}); 11623 executeRecaptchaLoadCallbacks(); 11624 }; 11625 11626 document.body.addEventListener('input', loadRecaptchaScript, { once: true }); 11627 document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); 11628 11629 }()); 11630 11631</script>
11631<script> 11632 (function () { 11633 const modals = []; 11634 const excludedFromFocusTrapping = new Set(); 11635 11636 function trapFocusInNextModalWithOverlay() { 11637 for (let idx = modals.length -1; idx >= 0; idx--) { 11638 const nextOnStack = modals[idx]; 11639 const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name]; 11640 if (! isOverlayDisabled(nextDialogElement)) { 11641 hyva.trapFocus(nextDialogElement); 11642 break; 11643 } 11644 } 11645 } 11646 11647 function focusables(dialogElement) { 11648 const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])'; 11649 return Array.from(dialogElement.querySelectorAll(selector)) 11650 .filter(el => !el.hasAttribute('disabled')); 11651 } 11652 11653 function firstVisible(elements) { 11654 const a = Array.from(elements); 11655 for (let i = 0; i < a.length; i++) { 11656 if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i]; 11657 } 11658 return null; 11659 } 11660 11661 function isInViewport(element) { 11662 const rect = element && element.getBoundingClientRect(); 11663 return rect && 11664 rect.top >= 0 && 11665 rect.left >= 0 && 11666 rect.right <= window.innerWidth && 11667 rect.bottom <= window.innerHeight; 11668 } 11669 11670 function setFocusAfterTransition(dialogElement, duration) { 11671 const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]')); 11672 const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]')); 11673 next: for (let candidate of candidates) { 11674 for (let child of nested) { 11675 if (child.contains(candidate)) continue next; 11676 } 11677 setTimeout(() => candidate.focus(), 50); 11678 break; 11679 } 11680 window.setTimeout(() => { 11681 const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || 11682 focusables(dialogElement)[0] || 11683 null; 11684 focusElement && isInViewport(focusElement) && focusElement.focus(); 11685 }, Math.max(1, duration)); 11686 } 11687 11688 function determineTrigger($refs, dialog, trigger) { 11689 if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) { 11690 return dialog.target; 11691 } 11692 if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) { 11693 return trigger.target; 11694 } 11695 if (typeof trigger === 'string') { 11696 try { 11697 return $refs[trigger] || document.querySelector(trigger) 11698 } catch (e) {} 11699 } 11700 if (trigger instanceof Element) { 11701 return trigger; 11702 } 11703 11704 return null; 11705 } 11706 11707 function isOverlayDisabled(dialog) { 11708 return dialog && dialog.hasAttribute('x-no-overlay') 11709 } 11710 11711 function areRemainingModalsWithoutOverlay(modals) 11712 { 11713 const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled); 11714 11715 return overflowDisabled.length === modals.length; 11716 } 11717 11718 window.hyva.modal = function(options = {}) { 11719 if (this.$el && this.$el.dataset && this.$el.dataset.options) { 11720 try { 11721 options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}')); 11722 } catch (e) { 11723 throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON'); 11724 } 11725 } 11726 11727 const config = Object.assign({ 11728 dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', 11729 transitionEnterStart: 'opacity-0', 11730 transitionEnterEnd: 'opacity-100', 11731 transitionLeave: 'transition ease-in duration-300', 11732 transitionLeaveStart: 'opacity-100', 11733 transitionLeaveEnd: 'opacity-0', 11734 }, options); 11735 let lastHide = 0; 11736 11737 return { 11738 opened: {}, 11739 show(dialog, trigger) { 11740 const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger); 11741 const name = typeof dialog === 'string' ? dialog : config.dialog; 11742 const dialogElement = this.$refs[name]; 11743 if (! dialogElement) { 11744 console.error(`Use $modal->getShowJs() in the open trigger, or specify a custom name with\n$modal->withDialogRefName("my-name") and use show("my-name", $event).`); 11745 return; 11746 } 11747 const useOverlay = ! dialogElement.hasAttribute('x-no-overlay'); 11748 11749 dialogElement.scrollTop = 0; 11750 11751 if (this.opened[name]) { 11752 return; 11753 } 11754 11755 if (focusTargetAfterHide) { 11756 focusTargetAfterHide.setAttribute('aria-expanded', 'true'); 11757 } 11758 11759 this.opened[name] = true; 11760 useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement)); 11761 setFocusAfterTransition(dialogElement, config.duration); 11762 11763 const frame = {name, instance: this, focusTarget: focu
11763sTargetAfterHide, time: Date.now()}; 11764 11765 modals.push(frame); 11766 if (useOverlay) { 11767 document.body.classList.add('overflow-hidden'); 11768 } 11769 return new Promise(resolve => frame.resolve = resolve); 11770 }, 11771 cancel() { 11772 this.hide(false); 11773 }, 11774 ok() { 11775 this.hide(true); 11776 }, 11777 hide(value) { 11778 if (Date.now() - lastHide < config.duration) { 11779 return; 11780 } 11781 lastHide = Date.now(); 11782 11783 const modal = modals.pop() || {}; 11784 if (! modal.instance) { 11785 return; 11786 } 11787 11788 const name = modal.name; 11789 this.opened[name] = false; 11790 hyva.releaseFocus(modal.instance.$refs[modal.name]) 11791 trapFocusInNextModalWithOverlay(); 11792 11793 const nextFocusAfterHide = modal.focusTarget; 11794 nextFocusAfterHide && setTimeout(() => { 11795 nextFocusAfterHide.setAttribute('aria-expanded', 'false'); 11796 nextFocusAfterHide.focus() 11797 }, config.duration); 11798 11799 if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) { 11800 document.body.classList.remove('overflow-hidden'); 11801 } 11802 11803 modal.resolve(value); 11804 }, 11805 overlay(dialog) { 11806 dialog = this.$el.dataset.dialogRefName || dialog; 11807 const name = typeof dialog === 'string' ? dialog : config.dialog; 11808 return { 11809 ['x-show']() { 11810 return this.opened[name] 11811 }, 11812 ['x-transition:enter']: config.transitionEnter, 11813 ['x-transition:enter-start']: config.transitionEnterStart, 11814 ['x-transition:enter-end']: config.transitionEnterEnd, 11815 ['x-transition:leave']: config.transitionLeave, 11816 ['x-transition:leave-start']: config.transitionLeaveStart, 11817 ['x-transition:leave-end']: config.transitionLeaveEnd, 11818 ['@hyva-modal-show.window'](event) { 11819 event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide) 11820 } 11821 }; 11822 }, 11823 showDialogOnInit() { 11824 const parent = this.$el.closest('[data-dialog-ref-name]'); 11825 if (parent && parent.dataset.dialogRefName) { 11826 this.$dispatch('hyva-modal-show', {dialog: parent.dataset.dialogRefName}) 11827 } 11828 } 11829 }; 11830 } 11831 11832 window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1] 11833 11834 window.hyva.modal.pop = function () { 11835 if (modals.length > 0) { 11836 const modal = modals[modals.length -1]; 11837 modal.instance.hide(); 11838 } 11839 } 11840 11841 window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) { 11842 typeof selectors === 'string' || selectors instanceof String 11843 ? excludedFromFocusTrapping.add(selectors) 11844 : selectors.map(selector => excludedFromFocusTrapping.add(selector)); 11845 } 11846 11847 window.hyva.modal.eventListeners = { 11848 keydown: event => { 11849 if (event.key === 'Escape') { 11850 window.hyva.modal.pop(); 11851 } 11852 }, 11853 click: event => { 11854 if (modals.length > 0) { 11855 const modal = modals[modals.length -1]; 11856 const dialog = modal.instance.$refs[modal.name]; 11857 if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago 11858 ! isOverlayDisabled(dialog) && // if dialog has overlay 11859 ! dialog.contains(event.target)) { // if click is outside of dialog 11860 modal.instance.hide(); 11861 } 11862 } 11863 } 11864 }; 11865 11866 document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown); 11867 11868 document.addEventListener('click', window.hyva.modal.eventListeners.click); 11869 })(); 11870 window.addEventListener('alpine:init', () => { 11871 Alpine.data('hyvaModal', window.hyva.modal); 11872 }, {once: true}); 11873</script>
11873<script data-cfasync="false"> 11874 'use strict'; 11875 11876 function initCookieBarSettings() { 11877 return { 11878 ...hyva.modal({ 11879 dialog: 'am-cookie-bar-settings' 11880 }), 11881 eventListeners: { 11882 ['@close-am-cookie-bar-settings.window']() { 11883 this.hideHandler(); 11884 }, 11885 ['@open-am-cookie-bar-settings.window']() { 11886 !this.opened['am-cookie-bar-settings'] && 11887 this.show('am-cookie-bar-settings'); 11888 }, 11889 ['@cookiebar-action-accept-finish.window']() { 11890 this.hideHandler(); 11891 } 11892 }, 11893 hideHandler: function () { 11894 !!this.opened['am-cookie-bar-settings'] && 11895 this.hide('am-cookie-bar-settings'); 11896 }, 11897 focusDoneButton: function () { 11898 this.$refs['ambar-settings-done']?.focus(); 11899 }, 11900 focusCloseButton: function () { 11901 this.$refs['ambar-settings-close']?.focus(); 11902 } 11903 } 11904 } 11905 11906 window.addEventListener('alpine:init', () => Alpine.data('initCookieBarSettings', initCookieBarSettings), { once: true }); 11907</script>
11907<script data-cfasync="false"> 11908 'use strict'; 11909 11910 function initCookieGroupInfo_6ab65eefa3dbe() { 11911 return { 11912 ...hyva.modal({ 11913 dialog: 'am-cookie-group-info' 11914 }), 11915 group: null, 11916 eventListeners: { 11917 ['@close-am-cookie-group-info.window']() { 11918 this.closeHandler(); 11919 }, 11920 ['@open-am-cookie-group-info.window'](event) { 11921 this.group = event.detail; 11922 11923 if (!!this.group) { 11924 /* 11925 If modal have big cookies list this can lead to 11926 trigger hide event in hyva.modal.eventListeners.click, 11927 so we should wait till this.group is reassigned 11928 */ 11929 this.$nextTick(() => this.show('am-cookie-group-info')); 11930 } 11931 } 11932 }, 11933 closeHandler: function () { 11934 this.hide('am-cookie-group-info'); 11935 } 11936 } 11937 } 11938 11939 window.addEventListener( 11940 'alpine:init', 11941 () => Alpine.data( 11942 'initCookieGroupInfo_6ab65eefa3dbe', 11943 initCookieGroupInfo_6ab65eefa3dbe ), 11944 {once: true} 11945 ); 11946</script>
11946<script data-cfasync="false"> 11947 'use strict'; 11948 11949 /** 11950 * @typedef {Object} CookieGroupData 11951 * @prop {Boolean} checked 11952 * @prop {[{description: string, lifetime: number|null, name: string, provider: string, type: string}]} cookies 11953 * @prop {String} description 11954 * @prop {string|null} groupId 11955 * @prop {Boolean} isEssential 11956 * @prop {String} name 11957 */ 11958 11959 function initAmastyCookieGroupsStorage() { 11960 return { 11961 /** 11962 * @type {[CookieGroupData]} 11963 */ 11964 groupData: [], 11965 cookiePolicy: undefined, 11966 lastUpdate: undefined, 11967 11968 /** 11969 * @returns {string|number[]} 11970 */ 11971 getEssentialGroupIds: function () { 11972 return this.groupData.reduce(function (essentialGroupIds, group) { 11973 if (group.isEssential) { 11974 essentialGroupIds.push(group.groupId) 11975 } 11976 11977 return essentialGroupIds; 11978 }, []); 11979 }, 11980 11981 /** 11982 * @returns {string|number[]} 11983 */ 11984 getCheckedGroupIds: function () { 11985 return this.groupData.reduce(function (checkedGroupIds, group) { 11986 if (group.checked) { 11987 checkedGroupIds.push(group.groupId); 11988 } 11989 11990 return checkedGroupIds; 11991 }, []); 11992 }, 11993 11994 /** 11995 * @param {string} cookieName 11996 * @returns {boolean} 11997 */ 11998 isCookieEssential: function (cookieName) { 11999 const allEssentialCookies = this.getEssentialCookies(); 12000 12001 return !!allEssentialCookies.find(cookie => cookie.name === cookieName); 12002 }, 12003 12004 /** 12005 * @returns {array} 12006 */ 12007 getEssentialCookies: function () { 12008 return this.groupData 12009 .filter(group => group.isEssential) 12010 .map(group => group.cookies) 12011 .flat(); 12012 }, 12013 12014 /** 12015 * @returns {boolean} 12016 */ 12017 hasGroupData: function () { 12018 return !!this.groupData.length; 12019 }, 12020 12021 /** 12022 * @param {string} cookieName 12023 * @param {string} pattern 12024 * @returns {boolean} 12025 */ 12026 isEssentialByPattern: function (cookieName, pattern) { 12027 const essentialCookiePatterns = this.getEssentialCookiesPattern(pattern); 12028 12029 return essentialCookiePatterns.some((pattern) => !!cookieName.match(this.getCookiePattern(pattern))); 12030 }, 12031 12032 /** 12033 * @param {string} pattern 12034 * @return {Array} 12035 */ 12036 getEssentialCookiesPattern: function (pattern) { 12037 return this.getCookiesByPattern(pattern, this.getEssentialCookies()); 12038 }, 12039 12040 /** 12041 * @param {string} pattern 12042 * @param {Array|undefined} cookies 12043 * @return {Array} 12044 */ 12045 getCookiesByPattern: function (pattern, cookies) { 12046 if (typeof cookie === 'undefined') { 12047 cookies = this.getAllCookies(); 12048 } 12049 12050 return cookies
12051 .map((cookie) => typeof cookie === 'object' ? cookie.name : cookie.split('=')[0].trim()) 12052 .filter((cookie) => cookie.match(pattern) !== null); 12053 }, 12054 12055 /** 12056 * @returns {array} 12057 */ 12058 getDisallowedCookies: function () { 12059 const disallowedCookie = decodeURIComponent(hyva.getCookie('amcookie_disallowed') ?? ''); 12060 if (!disallowedCookie) { 12061 return []; 12062 } 12063 12064 return disallowedCookie.split(','); 12065 }, 12066 12067 /** 12068 * @returns {string} 12069 */ 12070 getCookiePattern: function (pattern) { 12071 return `^${pattern.replaceAll('*', '.*')}$`; 12072 }, 12073 12074 /** 12075 * @returns {array} 12076 */ 12077 getAllCookies: function () { 12078 return document.cookie.split(';'); 12079 }, 12080 12081 /** 12082 * @param {Array} groupData 12083 * @returns {array} 12084 */ 12085 updateGroupDataPermanently: function (groupData) { 12086 this.groupData = [...groupData]; 12087 }, 12088 12089 /** 12090 * @param {boolean} setAcceptance 12091 * @returns {Promise} 12092 */ 12093 updateGroupData: function (setAcceptance = false) { 12094 const cookieFetchUrl = `${BASE_URL}amcookie/cookie/cookies`; 12095 const requestUrl = new URL(cookieFetchUrl, window.location.origin); 12096 12097 requestUrl.searchParams.append('allowed', hyva.getCookie('amcookie_allowed')); 12098 requestUrl.searchParams.append('restriction', hyva.getCookie('amcookie_policy_restriction')); 12099 12100 return fetch(requestUrl.toString(), { 12101 method: "GET", 12102 headers: { 12103 'X-Requested-With': 'XMLHttpRequest' 12104 } 12105 }).then(response => { 12106 if (response.ok) { 12107 return response.json(); 12108 } 12109 12110 return Promise.reject(`${response.status} ${response.statusText}`); 12111 }).then(data => { 12112 this.cookiePolicy = data.cookiePolicy ?? 'allowed'; 12113 this.lastUpdate = data.lastUpdate ?? 0; 12114 this.groupData = [...data.groupData]; 12115 12116 hyva.setCookie('amcookie_policy_restriction', this.cookiePolicy, 10); 12117 if (setAcceptance) { 12118 amastyCookieManager.setLastCookieAcceptance(this.lastUpdate); 12119 } 12120 12121 return data; 12122 }).catch(error => { 12123 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages([ 12124 { 12125 type: "error", 12126 text: error 12127 } 12128 ]); 12129 }).finally(() => window.dispatchEvent(new CustomEvent('amasty-cookie-group-updated'))); 12130 } 12131 } 12132 } 12133 12134 window.addEventListener( 12135 'alpine:init', 12136 () => Alpine.store('AmastyCookieGroups', initAmastyCookieGroupsStorage()), 12137 { once: true } 12138 ); 12139</script>
12139<script data-cfasync="false"> 12140 (function (amastyCookieManager) { 12141 'use strict'; 12142 12143 amastyCookieManager.pattern = '{(?<cookiePattern>.*)}'; 12144 12145 amastyCookieManager.getAmastyCookieGroupStorage = function () { 12146 return Alpine.store('AmastyCookieGroups') ?? {}; 12147 }; 12148 12149 amastyCookieManager.deleteDisallowedCookie = function () { 12150 const amastyCookieGroupStorage = this.getAmastyCookieGroupStorage(); 12151 const disallowedCookies = amastyCookieGroupStorage?.getDisallowedCookies() ?? []; 12152 12153 disallowedCookies.forEach((name) => { 12154 const pattern = name.match(this.pattern); 12155 if (!!pattern && !!amastyCookieGroupStorage) { 12156 const cookiePattern = amastyCookieGroupStorage.getCookiePattern(pattern.groups.cookiePattern) ?? ''; 12157 12158 amastyCookieGroupStorage.getCookiesByPattern(cookiePattern).forEach((cookieName) => { 12159 this.deleteNotEssentialCookie(cookieName); 12160 }); 12161 } else { 12162 this.deleteNotEssentialCookie(name); 12163 } 12164 }); 12165 }; 12166 12167 amastyCookieManager.isCookieAllowed = function (cookieName) { 12168 const allowedGroups = hyva.getCookie('amcookie_allowed'); 12169 const disallowedCookie = this.getAmastyCookieGroupStorage()?.getDisallowedCookies() ?? []; 12170 const isCookiePolicyAllowed = hyva.getCookie('amcookie_policy_restriction') === 'allowed'; 12171 const isCookieEssential = this.getAmastyCookieGroupStorage()?.isCookieEssential(cookieName); 12172 const isCookieEssentialByPattern = this.getAmastyCookieGroupStorage()?.isEssentialByPattern(cookieName, this.pattern); 12173 12174 if (!isCookiePolicyAllowed || isCookieEssential || isCookieEssentialByPattern) { 12175 return true; 12176 } 12177 12178 return !((!allowedGroups && !disallowedCookie) || this.isCookieDisallowed(cookieName)); 12179 }; 12180 12181 amastyCookieManager.isCookieDisallowed = function (cookieName) { 12182 const amastyCookieGroupStorage = this.getAmastyCookieGroupStorage(); 12183 const disallowedCookies = amastyCookieGroupStorage?.getDisallowedCookies() ?? []; 12184 12185 return disallowedCookies.some((cookie) => { 12186 const pattern = cookie.match(this.pattern); 12187 12188 return !!pattern && !!cookieName.match(amastyCookieGroupStorage?.getCookiePattern(pattern.groups.cookiePattern)); 12189 }) || disallowedCookies.indexOf(cookieName) !== -1; 12190 }; 12191 12192 amastyCookieManager.processManageableCookies = function () { 12193 let cookieScripts = document.querySelectorAll('script[data-amcookie-groupid][type="text/plain"]'); 12194 12195 cookieScripts.forEach((elem) => { 12196 if (this.isChecked(elem.dataset['amcookie-groupid'])) { 12197 let elClone = elem.cloneNode(true).setAttribute('type', 'text/javascript'); 12198 12199 elem.remove(); 12200 document.body.appendChild(elClone); 12201 } 12202 }); 12203 }; 12204 12205 amastyCookieManager.deleteNotEssentialCookie = function (cookieName) { 12206 if (!this.getAmastyCookieGroupStorage()?.isCookieEssential(cookieName)) { 12207 hyva.setCookie(cookieName, '', -1, true); 12208 } 12209 }; 12210 12211 amastyCookieManager.setLastCookieAcceptance = function (lastUpdate) { 12212 localStorage.setItem('am-last-cookie-acceptance', lastUpdate); 12213 }; 12214 12215 window.addEventListener('amasty-cookie-group-updated', () => { 12216 amastyCookieManager.deleteDisallowedCookie(); 12217 }); 12218 12219 window.addEventListener('private-content-loaded', () => { 12220 amastyCookieManager.getAmastyCookieGroupStorage()?.hasGroupData() && amastyCookieManager.deleteDisallowedCookie(); 12221 }); 12222 }(window.amastyCookieManager = window.amastyCookieManager || {})); 12223</script>
12223<script data-cfasync="false"> 12224 (function () { 12225 'use strict'; 12226 12227 window.addEventListener('cookiebar-action-accept', (event) => { 12228 const groups = event.detail?.include_checked_groups ? Alpine.store('AmastyCookieGroups').getCheckedGroupIds() : []; 12229 const url = `${BASE_URL}amcookie/cookie/savegroups`; 12230 const urlParams = event.detail?.params ?? {}; 12231 const contentType = 'application/x-www-form-urlencoded; charset=UTF-8'; 12232 const body = new URLSearchParams({ 12233 form_key: hyva.getFormKey() 12234 }); 12235 groups.length && groups.map(groupId => body.append('groups[]', groupId)); 12236 12237 for (const [key, value] of Object.entries(urlParams)) { 12238 body.append(key, value); 12239 } 12240 12241 fetch(url, {method: 'POST', body, headers: {'Content-Type': contentType}}) 12242 .then(response => { 12243 if (response.ok) { 12244 return response.json(); 12245 } 12246 12247 return Promise.reject(`${response.status} ${response.statusText}`); 12248 }) 12249 .then(data => { 12250 !!data.success && Alpine.store('AmastyCookieGroups').updateGroupData(true); 12251 }) 12252 .catch(error => { 12253 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages([ 12254 { 12255 type: "error", 12256 text: error 12257 } 12258 ]); 12259 }) 12260 .finally(() => { 12261 amastyCookieManager.processManageableCookies(); 12262 window.dispatchEvent(new CustomEvent('cookiebar-action-accept-finish')); 12263 window.dispatchEvent(new CustomEvent('amasty-cookie-group-updated')); 12264 // Wait cookiebar close animation 12265 setTimeout(() => { 12266 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 12267 }, 100); 12268 }); 12269 }); 12270 })(); 12271</script>
12271<script data-cfasync="false"> 12272 (function () { 12273 'use strict'; 12274 12275 window.addEventListener('cookiebar-action-allow', () => { 12276 const url = `${BASE_URL}amcookie/cookie/allow`; 12277 const contentType = 'application/x-www-form-urlencoded; charset=UTF-8'; 12278 const body = new URLSearchParams({ 12279 form_key: hyva.getFormKey() 12280 }); 12281 fetch(url, {method: 'POST', body, headers: {'Content-Type': contentType}}) 12282 .then(response => { 12283 if (response.ok) { 12284 return response; 12285 } 12286 12287 return Promise.reject(`${response.status} ${response.statusText}`); 12288 }) 12289 .then(() => { 12290 Alpine.store('AmastyCookieGroups').updateGroupData(true); 12291 }) 12292 .catch(error => { 12293 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages([ 12294 { 12295 type: "error", 12296 text: error 12297 } 12298 ]); 12299 }) 12300 .finally(() => { 12301 amastyCookieManager.processManageableCookies(); 12302 window.dispatchEvent(new CustomEvent('cookiebar-action-allow-finish')); 12303 // Wait cookiebar close animation 12304 setTimeout(() => { 12305 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 12306 }, 100); 12307 }); 12308 }); 12309 })(); 12310</script>
12310<script data-cfasync="false"> 12311 (function () { 12312 'use strict'; 12313 12314 window.addEventListener('cookiebar-action-settings', () => { 12315 window.dispatchEvent(new Event('open-am-cookie-bar-settings')); 12316 }); 12317 })(); 12318</script>
12318<script data-cfasync="false"> 12319 'use strict'; 12320 12321 function initAmCookieActionDispatcherBtn() { 12322 return { 12323 actiondispatchHandler: function (event) { 12324 const { dispatchAction, dispatchPayload } = event.currentTarget.dataset; 12325 this.$dispatch(dispatchAction, this.parsePayload(dispatchPayload)); 12326 }, 12327 parsePayload: function (payload) { 12328 try { 12329 return JSON.parse(payload); 12330 } catch (e) { 12331 return null; 12332 } 12333 } 12334 }; 12335 } 12336 12337 window.addEventListener( 12338 'alpine:init', 12339 () => Alpine.data('initAmCookieActionDispatcherBtn', initAmCookieActionDispatcherBtn), 12340 { once: true } 12341 ); 12342</script>
12342<script data-cfasync="false"> 12343 'use strict'; 12344 12345 function initAmCookieGroups() { 12346 return { 12347 /** 12348 * @withContext x-for: $store.AmastyCookieGroups.groupData 12349 * @returns {string} 12350 */ 12351 getInputGroupId: function () { 12352 return `amcookie-${this.$el.dataset.groupPrefix}group-${this.group.groupId}` 12353 }, 12354 12355 /** 12356 * @withContext x-for: $store.AmastyCookieGroups.groupData 12357 * @returns {{"!bg-gray-400": boolean}} 12358 */ 12359 getInputStyles: function () { 12360 return { 12361 '!bg-gray-400': this.group.isEssential 12362 } 12363 }, 12364 12365 /** 12366 * @withContext x-for: $store.AmastyCookieGroups.groupData 12367 * @returns {void} 12368 */ 12369 toggleGroup: function () { 12370 this.group.checked = !this.group.checked; 12371 }, 12372 12373 /** 12374 * @withContext x-for: $store.AmastyCookieGroups.groupData 12375 * @returns {void} 12376 */ 12377 moreInfoClickHandler: function () { 12378 this.$dispatch(this.$el.dataset.dispatchAction, this.group); 12379 }, 12380 12381 moreInformationAboutCookieGroup: function () { 12382 return hyva.str('About\u0020\u0022\u00251\u0022\u0020Cookie\u0020Group', this.group.name); 12383 } 12384 } 12385 } 12386 12387 window.addEventListener( 12388 'alpine:init', 12389 () => Alpine.data('initAmCookieGroups', initAmCookieGroups), 12390 {once: true} 12391 ); 12392</script>
12392<script> 12393 if (window.AmFB) { 12394 (() => { 12395 const gdprListeners = [ 12396 { 12397 event: 'cookiebar-action-accept-finish', 12398 callback: () => window.AmFB.initPixels(), 12399 options: { once: true } 12400 }, 12401 { 12402 event: 'cookiebar-action-allow-finish', 12403 callback: () => window.AmFB.initPixels(), 12404 options: { once: true } 12405 } 12406 ]; 12407 12408 const isAllowedToRunScript = function () { 12409 const facebookPixelCookieName = '_fbp'; 12410 const allowedCookies = hyva.getCookie('amcookie_allowed') || ''; 12411 const disallowedCookies = hyva.getCookie('amcookie_disallowed') || ''; 12412 return !!allowedCookies.length 12413 && (!disallowedCookies || disallowedCookies.indexOf(facebookPixelCookieName) === -1); 12414 }; 12415 12416 window.AmFB.setDataToSection = new Proxy(window.AmFB.setDataToSection, { 12417 apply(target, thisArg, argArray) { 12418 if (isAllowedToRunScript()) { 12419 return target.apply(thisArg, argArray); 12420 } 12421 12422 return { 12423 then: () => {} 12424 } 12425 } 12426 }); 12427 12428 window.AmFB.initPixels = new Proxy(window.AmFB.initPixels, { 12429 apply(target, thisArg, argArray) { 12430 if (isAllowedToRunScript()) { 12431 return target.apply(thisArg, argArray); 12432 } 12433 } 12434 }); 12435 12436 window.AmFB = new Proxy(window.AmFB, { 12437 get(target, prop, receiver) { 12438 if (prop === 'listeners') { 12439 return [...Reflect.get(...arguments), ...(gdprListeners)]; 12440 } 12441 12442 return Reflect.get(...arguments); 12443 } 12444 }); 12445 })(); 12446 } 12447</script>
12447<script> 12448 'use strict'; 12449 12450 (function () { 12451 document.querySelectorAll('[data-amcookie-js="footer-link"]').forEach(link => { 12452 link.addEventListener('click', function (event) { 12453 event.preventDefault(); 12454 window.dispatchEvent(new CustomEvent('cookiebar-action-settings')); 12455 }); 12456 }); 12457 })(); 12458</script>
12458<script data-cfasync="false"> 12459 'use strict'; 12460 12461 function initAmastyCookieBar() { 12462 return { 12463 ...hyva.modal({ 12464 duration: 150, 12465 transitionEnter: 'transform duration-150', 12466 transitionLeave: 'transform duration-150' 12467 }), 12468 eventListeners: { 12469 ['@close-cookie-bar']() { 12470 this.hide('am-cookie-bar'); 12471 }, 12472 ['@open-cookie-bar']() { 12473 this.show('am-cookie-bar'); 12474 this.$nextTick(() => hyva.trapFocus(this.modalElement)); 12475 }, 12476 ['@amasty-cookie-group-updated.window']() { 12477 const lastUpdate = Alpine.store('AmastyCookieGroups').lastUpdate; 12478 12479 if (this.isShowNotificationBar(this.firstShowProcess, lastUpdate)) { 12480 if (!this.opened['am-cookie-bar']) { 12481 this.show('am-cookie-bar'); 12482 window.dispatchEvent(new CustomEvent('amcookie-show-notification-bar')); 12483 } 12484 this.$nextTick(() => hyva.trapFocus(this.modalElement)); 12485 } else { 12486 !!this.opened['am-cookie-bar'] && 12487 this.hide('am-cookie-bar'); 12488 } 12489 } 12490 }, 12491 12492 firstShowProcess: '0', 12493 12494 /** 12495 * @returns {void} 12496 */ 12497 init: function () { 12498 window.isGdprCookieEnabled = true; 12499 Alpine.store('AmastyCookieGroups').updateGroupData(); 12500 this.modalElement = this.$refs['am-cookie-bar']; 12501 this.modalElement.setAttribute('aria-describedby', 'amcookie-bar-content'); 12502 }, 12503 12504 /** 12505 * @param {string|number} firstShowProcess 12506 * @param {number} lastUpdate 12507 * @returns {boolean} 12508 */ 12509 isShowNotificationBar: function (firstShowProcess, lastUpdate) { 12510 return (this.isNeedFirstShow(firstShowProcess, lastUpdate) && !hyva.getCookie('amcookie_allowed') 12511 || this.isNeedShowOnUpdate(lastUpdate)); 12512 }, 12513 12514 /** 12515 * @param {string|number} firstShowProcess 12516 * @param {number} lastUpdate 12517 * @returns {boolean} 12518 */ 12519 isNeedFirstShow: function (firstShowProcess, lastUpdate) { 12520 hyva.getBrowserStorage().setItem('amCookieBarFirstShowTime', lastUpdate); 12521 12522 if (firstShowProcess === '0') { 12523 return true; 12524 } 12525 12526 if (hyva.getBrowserStorage().getItem('amCookieBarFirstShow') !== '1') { 12527 hyva.getBrowserStorage().setItem('amCookieBarFirstShow', '1'); 12528 12529 return true; 12530 } 12531 12532 return false; 12533 }, 12534 12535 /** 12536 * @param {number} lastUpdate 12537 * @returns {boolean} 12538 */ 12539 isNeedShowOnUpdate: function (lastUpdate) { 12540 if (!lastUpdate) { 12541 return false; 12542 } 12543 12544 return this.isNeedShowAfterLastVisit(lastUpdate) || this.isNeedShowAfterLastAccept(lastUpdate); 12545 }, 12546 12547 /** 12548 * @param {number} lastUpdate 12549 * @returns {boolean} 12550 */ 12551 isNeedShowAfterLastVisit: function (lastUpdate) { 12552 let needToShowAfterLastVisit = 12553 lastUpdate > hyva.getBrowserStorage().getItem('amCookieBarFirstShowTime'); 12554 12555 if (needToShowAfterLastVisit) { 12556 hyva.getBrowserStorage().setItem('amCookieBarFirstShow', null); 12557 this.clearAmCookieAllowed(); 12558 } 12559 12560 return needToShowAfterLastVisit; 12561 }, 12562 12563 /** 12564 * @param {number} lastUpdate 12565 * @returns {boolean} 12566 */ 12567 isNeedShowAfterLastAccept: function (lastUpdate) { 12568 let needToShowAfterLastAccept = false;
12569 12570 if (hyva.getBrowserStorage().getItem('am-last-cookie-acceptance')) { 12571 needToShowAfterLastAccept = 12572 lastUpdate > hyva.getBrowserStorage().getItem('am-last-cookie-acceptance'); 12573 } 12574 12575 if (needToShowAfterLastAccept) { 12576 this.clearAmCookieAllowed(needToShowAfterLastAccept); 12577 } 12578 12579 return needToShowAfterLastAccept; 12580 }, 12581 12582 /** 12583 * @returns {void} 12584 */ 12585 closeCookieBarHandler: function () { 12586 this.$dispatch('close-cookie-bar'); 12587 }, 12588 12589 /** 12590 * @param {boolean} needToShowAfterLastAccept 12591 * @returns {void} 12592 */ 12593 clearAmCookieAllowed: function (needToShowAfterLastAccept = false) { 12594 hyva.setCookie('amcookie_allowed', '', -1, true); 12595 12596 const amastyCookieManager = window.amastyCookieManager ?? {}; 12597 const groupData = amastyCookieManager.getAmastyCookieGroupStorage?.()?.groupData ?? []; 12598 12599 if (needToShowAfterLastAccept && !!groupData.length) { 12600 const disallowedCookies = groupData 12601 .filter(group => !group.isEssential) 12602 .flatMap(group => group.cookies?.map(cookie => cookie.name) ?? []); 12603 12604 hyva.setCookie('amcookie_disallowed', disallowedCookies.join(',')); 12605 12606 amastyCookieManager.deleteDisallowedCookie?.(); 12607 amastyCookieManager.getAmastyCookieGroupStorage?.()?.updateGroupDataPermanently( 12608 groupData.map((group) => { 12609 return { 12610 ...group, 12611 checked: group.isEssential 12612 } 12613 }) 12614 ); 12615 } 12616 } 12617 }; 12618 } 12619 12620 window.addEventListener('alpine:init', () => Alpine.data('initAmastyCookieBar', initAmastyCookieBar), {once: true}); 12621</script>
12621<script data-cfasync="false"> 12622 'use strict'; 12623 12624 function initCookieGroupInfo_6ab65eefa5204() { 12625 return { 12626 ...hyva.modal({ 12627 dialog: 'popup-am-cookie-group-info' 12628 }), 12629 group: null, 12630 eventListeners: { 12631 ['@popup-close-am-cookie-group-info.window']() { 12632 this.closeHandler(); 12633 }, 12634 ['@popup-open-am-cookie-group-info.window'](event) { 12635 this.group = event.detail; 12636 12637 if (!!this.group) { 12638 /* 12639 If modal have big cookies list this can lead to 12640 trigger hide event in hyva.modal.eventListeners.click, 12641 so we should wait till this.group is reassigned 12642 */ 12643 this.$nextTick(() => this.show('popup-am-cookie-group-info')); 12644 } 12645 } 12646 }, 12647 closeHandler: function () { 12648 this.hide('popup-am-cookie-group-info'); 12649 } 12650 } 12651 } 12652 12653 window.addEventListener( 12654 'alpine:init', 12655 () => Alpine.data( 12656 'initCookieGroupInfo_6ab65eefa5204', 12657 initCookieGroupInfo_6ab65eefa5204 ), 12658 {once: true} 12659 ); 12660</script>
12660<script type="text/json" id="default-section-data"> 12661 {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"AT":{"name":"Austria","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00e4rnten"},"96":{"code":"NO","name":"Nieder\u00f6sterreich"},"97":{"code":"OO","name":"Ober\u00f6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"AU":{"name":"Australia","regions":{"521":{"code":"ACT","name":"Australian Capital Territory"},"522":{"code":"NSW","name":"New South Wales"},"528":{"code":"NT","name":"Northern Territory"},"524":{"code":"QLD","name":"Queensland"},"525":{"code":"SA","name":"South Australia"},"526":{"code":"TAS","name":"Tasmania"},"523":{"code":"VIC","name":"Victoria"},"527":{"code":"WA","name":"Western Australia"}}},"BA":{"name":"Bosnia ed Erzegovina"},"BE":{"name":"Belgio","regions":{"529":{"code":"VAN","name":"Antwerpen"},"530":{"code":"WBR","name":"Brabant wallon"},"531":{"code":"BRU","name":"Brussels-Capital Region"},"532":{"code":"WHT","name":"Hainaut"},"534":{"code":"WLG","name":"Li\u00e8ge"},"533":{"code":"VLI","name":"Limburg"},"535":{"code":"WLX","name":"Luxembourg"},"536":{"code":"WNA","name":"Namur"},"537":{"code":"VOV","name":"Oost-Vlaanderen"},"538":{"code":"VBR","name":"Vlaams-Brabant"},"539":{"code":"VWV","name":"West-Vlaanderen"}}},"BG":{"name":"Bulgaria","regions":{"540":{"code":"BG-01","name":"Blagoevgrad"},"541":{"code":"BG-02","name":"Burgas"},"547":{"code":"BG-08","name":"Dobrich"},"546":{"code":"BG-07","name":"Gabrovo"},"565":{"code":"BG-26","name":"Haskovo"},"548":{"code":"BG-09","name":"Kardzhali"},"549":{"code":"BG-10","name":"Kyustendil"},"550":{"code":"BG-11","name":"Lovech"},"551":{"code":"BG-12","name":"Montana"},"552":{"code":"BG-13","name":"Pazardzhik"},"553":{"code":"BG-14","name":"Pernik"},"554":{"code":"BG-15","name":"Pleven"},"555":{"code":"BG-16","name":"Plovdiv"},"556":{"code":"BG-17","name":"Razgrad"},"557":{"code":"BG-18","name":"Ruse"},"566":{"code":"BG-27","name":"Shumen"},"558":{"code":"BG-19","name":"Silistra"},"559":{"code":"BG-20","name":"Sliven"},"560":{"code":"BG-21","name":"Smolyan"},"561":{"code":"BG-22","name":"Sofia City"},"562":{"code":"BG-23","name":"Sofia Province"},"563":{"code":"BG-24","name":"Stara Zagora"},"564":{"code":"BG-25","name":"Targovishte"},"542":{"code":"BG-03","name":"Varna"},"543":{"code":"BG-04","name":"Veliko Tarnovo"},"544":{"code":"BG-05","name":"Vidin"},"545":{"code":"BG-06","name":"Vratsa"},"567":{"code":"BG-28","name":"Yambol"}}},"CH":{"name":"Svizzera","regions":{"104":{"code":"AG","name":"Aargau"},"106":{"code":"AR","name":"Appenzell Ausserrhoden"},"105":{"code":"AI","name":"Appenzell Innerrhoden"},"108":{"code":"BL","name":"Basel-Landschaft"},"109":{"code":"BS","name":"Basel-Stadt"},"107":{"code":"BE","name":"Bern"},"110":{"code":"FR","name":"Friburg"},"111":{"code":"GE","name":"Geneva"},"112":{"code":"GL","name":"Glarus"},"113":{"code":"GR","name":"Graub\u00fcnden"},"114":{"code":"JU","name":"Jura"},"115":{"code":"LU","name":"Lucerne"},"116":{"code":"NE","name":"Neuch\u00e2tel"},"117":{"code":"NW","name":"Nidwalden"},"118":{"code":"OW","name":"Obwalden"},"120":{"code":"SH","name":"Schaffhausen"},"122":{"code":"SZ","name":"Schwyz"},"121":{"code":"SO","name":"Solothurn"},"119":{"code":"SG","name":"St. Gallen"},"123":{"code":"TG","name":"Thurgau"},"124":{"code":"TI","name":"Ticino"},"125":{"code":"UR","name":"Uri"},"126":{"code":"VD","name":"Vaud"},"127":{"code":"VS","name":"Wallis"},"128":{"code":"ZG","name":"Zug"},"129":{"code":"ZH","name":"Z\u00fcrich"}}},"CZ":{"name":"Cechia","regions":{"888":{"code":"CZ-31","name":"Jiho\u010desk\u00fd kraj"},"896":{"code":"CZ-64","name":"Jihomoravsk\u00fd kraj"},"890":{"code":"CZ-41","name":"Karlovarsk\u00fd kraj"},"895":{"code":"CZ-63","name":"Kraj Vyso\u010dina"},"893":{"code":"CZ-52","name":"Kr\u00e1lov\u00e9hradeck\u00fd kraj"},"892":{"code":"CZ-51","name":"Libereck\u00fd kraj"},"899":{"code":"CZ-80","name":"Moravskoslezsk\u00fd kraj"}
12661,"897":{"code":"CZ-71","name":"Olomouck\u00fd kraj"},"894":{"code":"CZ-53","name":"Pardubick\u00fd kraj"},"889":{"code":"CZ-32","name":"Plze\u0148sk\u00fd kraj"},"886":{"code":"CZ-10","name":"Praha, Hlavn\u00ed m\u011bsto"},"887":{"code":"CZ-20","name":"St\u0159edo\u010desk\u00fd kraj"},"891":{"code":"CZ-42","name":"\u00dasteck\u00fd kraj"},"898":{"code":"CZ-72","name":"Zl\u00ednsk\u00fd kraj"}}},"DE":{"name":"Germania","regions":{"80":{"code":"BAW","name":"Baden-W\u00fcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00fcringen"}}},"DK":{"name":"Danimarca","regions":{"900":{"code":"DK-84","name":"Hovedstaden"},"901":{"code":"DK-82","name":"Midtjylland"},"902":{"code":"DK-81","name":"Nordjylland"},"903":{"code":"DK-85","name":"Sj\u00e6lland"},"904":{"code":"DK-83","name":"Syddanmark"}}},"EE":{"name":"Estonia","regions":{"340":{"code":"EE-37","name":"Harjumaa"},"341":{"code":"EE-39","name":"Hiiumaa"},"342":{"code":"EE-44","name":"Ida-Virumaa"},"344":{"code":"EE-51","name":"J\u00e4rvamaa"},"343":{"code":"EE-49","name":"J\u00f5gevamaa"},"346":{"code":"EE-59","name":"L\u00e4\u00e4ne-Virumaa"},"345":{"code":"EE-57","name":"L\u00e4\u00e4nemaa"},"348":{"code":"EE-67","name":"P\u00e4rnumaa"},"347":{"code":"EE-65","name":"P\u00f5lvamaa"},"349":{"code":"EE-70","name":"Raplamaa"},"350":{"code":"EE-74","name":"Saaremaa"},"351":{"code":"EE-78","name":"Tartumaa"},"352":{"code":"EE-82","name":"Valgamaa"},"353":{"code":"EE-84","name":"Viljandimaa"},"354":{"code":"EE-86","name":"V\u00f5rumaa"}}},"ES":{"name":"Spagna","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"}
12661,"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"FR":{"name":"Francia","regions":{"182":{"code":"01","name":"Ain"},"183":{"code":"02","name":"Aisne"},"184":{"code":"03","name":"Allier"},"185":{"code":"04","name":"Alpes-de-Haute-Provence"},"187":{"code":"06","name":"Alpes-Maritimes"},"188":{"code":"07","name":"Ard\u00e8che"},"189":{"code":"08","name":"Ardennes"},"190":{"code":"09","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"05","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"},"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"HR":{"name":"Croazia"},"HU":{"name":"Ungheria"},"IE":{"name":"Irlanda"},"IT":{"name":"Italia","regions":{"634":{"code":"AG","name":"Agrigento"},"635":{"code":"AL","name":"Alessandria"},"636":{"code":"AN","name":"Ancona"},"637":{"code":"AO","name":"Aosta"},"639":{"code":"AR","name":"Arezzo"},"640":{"code":"AP","name":"Ascoli-Piceno"},"641":{"code":"AT","name":"Asti"},"642":{"code":"AV","name":"Avellino"},"643":{"code":"BA","name":"Bari"},"644":{"code":"BT","name":"Barletta-Andria-Trani"},"645":{"code":"BL","name":"Belluno"},"646":{"code":"BN","name":"Benevento"},"647":{"code":"BG","name":"Bergamo"},"648":{"code":"BI","name":"Biella"},"649":{"code":"BO","name":"Bologna"},"650":{"code":"BZ","name":"Bolzano"},"651":{"code":"BS","name":"Brescia"},"652":{"code":"BR","name":"Brindisi"},"653":{"code":"CA","name":"Cagliari"},"654":{"code":"CL","name":"Caltanissetta"},"655":{"code":"CB","name":"Campobasso"},"656":{"code":"CI","name":"Carbonia Iglesias"},"657":{"code":"CE","name":"Caserta"},"658":{"code":"CT","name":"Catania"},"659":{"code":"CZ","name":"Catanzaro"},"660":{"code":"CH","name":"Chieti"},"661":{"code":"CO","name":"Como"},"662":{"code":"CS","name":"Cosenza"},"663":{"code":"CR","name":"Cremona"},"664":{"code":"KR","name":"Crotone"},"665":{"code":"CN","name":"Cuneo"},"666":{"code":"EN","name":"Enna"},"667":{"code":"FM","name":"Fermo"},"668":{"code":"FE","name":"Ferrara"},"669":{"code":"FI","name":"Firenze"},"670":{"code":"FG","name":"Foggia"},"671":{"code":"FC","name":"Forli-Cesena"},"672":{"code":"FR","name":"Frosinone"},"673":{"code":"GE","name":"Genova"},"674":{"code":"GO","name":"Gorizia"},"675":{"code":"GR","name":"Grosseto"},"676":{"code":"IM","name":"Imperia"},"677":{"code":"IS","name":"Isernia"},"638":{"code":"AQ","name":"L'Aquila"},"678":{"code":"SP","name":"La-Spezia"},"679":{"code":"LT","name":"Latina"},"680":{"code":"LE","name":"Lecce"},"681":{"code":"LC","name":"Lecco"},"682":{"code":"LI","name":"Livorno"},"683":{"code":"LO","name":"Lodi"},"684":{"code":"LU","name":"Lucca"},"685":{"code":"MC","name":"Macerata"},"686":{"code":"MN","name":"Mantova"},"687":{"code":"MS","name":"Massa-Carrara"},"688":{"code":"MT","name":"Matera"},"689":{"code":"VS","name":"Medio Campidano"},"690":{"code":"ME","name":"Messina"},"691":{"code":"MI","name":"Milano"},"692":{"code":"MO","name":"Modena"},"693":{"code":"MB","name":"Monza-Brianza"},"694":{"code":"NA","name":"Napoli"},"695":{"code":"NO","name":"Novara"},"696":{"code":"NU","name":"Nuoro"},"697":{"code":"OG","name":"Ogliastra"},"698":{"code":"OT","name":"Olbia Tempio"},"699":{"code":"OR","name":"Oristano"},"700":{"code":"PD","name":"Padova"},"701":{"code":"PA","name":"Palermo"},"702":{"code":"PR","name":"Parma"},"703":{"code":"PV","name":"Pavia"},"704":{"code":"PG","name":"Perugia"},"705":{"code":"PU","name":"Pesaro-Urbino"},"706":{"code":"PE","name":"Pescara"},"707":{"code":"PC","name":"Piacenza"},"708":{"code":"PI","name":"Pisa"},"709":{"code":"PT","name":"Pistoia"},"710":{"code":"PN","name":"Pordenone"},"711":{"code":"PZ","name":"Potenza"},"712":{"code":"PO","name":"Prato"},"713":{"code":"RG","name":"Ragusa"},"714":{"code":"RA","name":"Ravenna"},"715":{"code":"RC","name":"Reggio-Calabria"},"716":{"code":"RE","name":"Reggio-Emilia"},"717":{"code":"RI","name":"Rieti"},"718":{"code":"RN","name":"Rimini"},"719":{"code":"RM","name":"Roma"},"720":{"code":"RO","name":"Rovigo"},"721":{"code":"SA","name":"Salerno"},"722":{"code":"SS","name":"Sassari"},"723":{"code":"SV","name":"Savona"},"724":{"code":"SI","name":"Siena"},"725":{"code":"SR","name":"Siracusa"},"726":{"code":"SO","name":"Sondrio"},"727":{"code":"TA","name":"Taranto"},"728":{"code":"TE","name":"Teramo"},"729":{"code":"TR","name":"Terni"},"730":{"code":"TO","name":"Torino"},"731":{"code":"TP","name":"Trapani"},"732":{"code":"TN","name":"Trento"},"733":{"code":"TV","name":"Treviso"},"734":{"code":"TS","name":"Trieste"},"735":{"code":"UD","name":"Udine"},"736":{"code":"VA","name":"Varese"},"737":{"code":"VE","name":"Venezia"},"738":{"code":"VB","name":"Verbania"},"739":{"code":"VC","name":"Vercelli"},"740":{"code":"VR","name":"Verona"}
12661,"741":{"code":"VV","name":"Vibo-Valentia"},"742":{"code":"VI","name":"Vicenza"},"743":{"code":"VT","name":"Viterbo"}}},"LI":{"name":"Liechtenstein"},"LT":{"name":"Lituania","regions":{"475":{"code":"LT-AL","name":"Alytaus Apskritis"},"476":{"code":"LT-KU","name":"Kauno Apskritis"},"477":{"code":"LT-KL","name":"Klaip\u0117dos Apskritis"},"478":{"code":"LT-MR","name":"Marijampol\u0117s Apskritis"},"479":{"code":"LT-PN","name":"Panev\u0117\u017eio Apskritis"},"480":{"code":"LT-SA","name":"\u0160iauli\u0173 Apskritis"},"481":{"code":"LT-TA","name":"Taurag\u0117s Apskritis"},"482":{"code":"LT-TE","name":"Tel\u0161i\u0173 Apskritis"},"483":{"code":"LT-UT","name":"Utenos Apskritis"},"484":{"code":"LT-VL","name":"Vilniaus Apskritis"}}},"LU":{"name":"Lussemburgo"},"LV":{"name":"Lettonia","regions":{"471":{"code":"\u0100da\u017eu novads","name":"\u0100da\u017eu novads"},"366":{"code":"Aglonas novads","name":"Aglonas novads"},"367":{"code":"LV-AI","name":"Aizkraukles novads"},"368":{"code":"Aizputes novads","name":"Aizputes novads"},"369":{"code":"Akn\u012bstes novads","name":"Akn\u012bstes novads"},"370":{"code":"Alojas novads","name":"Alojas novads"},"371":{"code":"Alsungas novads","name":"Alsungas novads"},"372":{"code":"LV-AL","name":"Al\u016bksnes novads"},"373":{"code":"Amatas novads","name":"Amatas novads"},"374":{"code":"Apes novads","name":"Apes novads"},"375":{"code":"Auces novads","name":"Auces novads"},"376":{"code":"Bab\u012btes novads","name":"Bab\u012btes novads"},"377":{"code":"Baldones novads","name":"Baldones novads"},"378":{"code":"Baltinavas novads","name":"Baltinavas novads"},"379":{"code":"LV-BL","name":"Balvu novads"},"380":{"code":"LV-BU","name":"Bauskas novads"},"381":{"code":"Bever\u012bnas novads","name":"Bever\u012bnas novads"},"382":{"code":"Broc\u0113nu novads","name":"Broc\u0113nu novads"},"383":{"code":"Burtnieku novads","name":"Burtnieku novads"},"384":{"code":"Carnikavas novads","name":"Carnikavas novads"},"387":{"code":"LV-CE","name":"C\u0113su novads"},"385":{"code":"Cesvaines novads","name":"Cesvaines novads"},"386":{"code":"Ciblas novads","name":"Ciblas novads"},"388":{"code":"Dagdas novads","name":"Dagdas novads"},"355":{"code":"LV-DGV","name":"Daugavpils"},"389":{"code":"LV-DA","name":"Daugavpils novads"},"390":{"code":"LV-DO","name":"Dobeles novads"},"391":{"code":"Dundagas novads","name":"Dundagas novads"},"392":{"code":"Durbes novads","name":"Durbes novads"},"393":{"code":"Engures novads","name":"Engures novads"},"472":{"code":"\u0112rg\u013cu novads","name":"\u0112rg\u013cu novads"},"394":{"code":"Garkalnes novads","name":"Garkalnes novads"},"395":{"code":"Grobi\u0146as novads","name":"Grobi\u0146as novads"},"396":{"code":"LV-GU","name":"Gulbenes novads"},"397":{"code":"Iecavas novads","name":"Iecavas novads"},"398":{"code":"Ik\u0161\u0137iles novads","name":"Ik\u0161\u0137iles novads"},"399":{"code":"Il\u016bkstes novads","name":"Il\u016bkstes novads"},"400":{"code":"In\u010dukalna novads","name":"In\u010dukalna novads"},"401":{"code":"Jaunjelgavas novads","name":"Jaunjelgavas novads"},"402":{"code":"Jaunpiebalgas novads","name":"Jaunpiebalgas novads"},"403":{"code":"Jaunpils novads","name":"Jaunpils novads"},"357":{"code":"J\u0113kabpils","name":"J\u0113kabpils"},"405":{"code":"LV-JK","name":"J\u0113kabpils novads"},"356":{"code":"LV-JEL","name":"Jelgava"},"404":{"code":"LV-JL","name":"Jelgavas novads"},"358":{"code":"LV-JUR","name":"J\u016brmala"},"406":{"code":"Kandavas novads","name":"Kandavas novads"},"412":{"code":"K\u0101rsavas novads","name":"K\u0101rsavas novads"},"473":{"code":"\u0136eguma novads","name":"\u0136eguma novads"},"474":{"code":"\u0136ekavas novads","name":"\u0136ekavas novads"},"407":{"code":"Kokneses novads","name":"Kokneses novads"},"410":{"code":"LV-KR","name":"Kr\u0101slavas novads"},"408":{"code":"Krimuldas novads","name":"Krimuldas novads"},"409":{"code":"Krustpils novads","name":"Krustpils novads"},"411":{"code":"LV-KU","name":"Kuld\u012bgas novads"},"413":{"code":"Lielv\u0101rdes novads","name":"Lielv\u0101rdes novads"},"359":{"code":"LV-LPX","name":"Liep\u0101ja"},"360":{"code":"LV-LE","name":"Liep\u0101jas novads"},"417":{"code":"L\u012bgatnes novads","name":"L\u012bgatnes novads"},"414":{"code":"LV-LM","name":"Limba\u017eu novads"},"418":{"code":"L\u012bv\u0101nu novads","name":"L\u012bv\u0101nu novads"},"415":{"code":"Lub\u0101nas novads","name":"Lub\u0101nas novads"},"416":{"code":"LV-LU","name":"Ludzas novads"},"419":{"code":"LV-MA","name":"Madonas novads"},"421":{"code":"M\u0101lpils novads","name":"M\u0101lpils novads"},"422":{"code":"M\u0101rupes novads","name":"M\u0101rupes novads"},"420":{"code":"Mazsalacas novads","name":"Mazsalacas novads"},"423":{"code":"Nauk\u0161\u0113nu novads","name":"Nauk\u0161\u0113nu novads"},"424":{"code":"Neretas novads","name":"Neretas novads"},"425":{"code":"N\u012bcas novads","name":"N\u012bcas novads"},"426":{"code":"LV-OG","name":"Ogres novads"},"427":{"code":"Olaines novads","name":"Olaines novads"},"428":{"code":"Ozolnieku novads","name":"Ozolnieku novads"},"432":{"code":"P\u0101rgaujas novads","name":"P\u0101rgaujas novads"},"433":{"code":"P\u0101vilostas novads","name":"P\u0101vilostas novads"},"434":{"code":"P\u013cavi\u0146u novads","name":"P\u013cavi\u0146u novads"},"429":{"code":"LV-PR","name":"Prei\u013cu novads"},"430":{"code":"Priekules novads","name":"Priekules novads"},"431":{"code":"Prieku\u013cu novads","name":"Prieku\u013cu novads"},"435":{"code":"Raunas novads","name":"Raunas novads"},"361":{"code":"LV-REZ","name":"R\u0113zekne"},"442":{"code":"LV-RE","name":"R\u0113zeknes novads"},"436":{"code":"Riebi\u0146u novads","name":"Riebi\u0146u novads"},"362":{"code":"LV-RIX","name":"R\u012bga"},"363":{"code":"LV-RI","name":"R\u012bgas novads"},"437":{"code":"Rojas novads","name":"Rojas novads"},"438":{"code":"Ropa\u017eu novads","name":"Ropa\u017eu novads"},"439":{"code":"Rucavas novads","name":"Rucavas novads"},"440":{"code":"Rug\u0101ju novads","name":"Rug\u0101ju novads"},"443":{"code":"R\u016bjienas novads","name":"R\u016bjienas novads"},"441":{"code":"Rund\u0101les novads","name":"Rund\u0101les novads"},"444":{"code":"Salacgr\u012bvas novads","name":"Salacgr\u012bvas novads"},"445":{"code":"Salas novads","name":"Salas novads"},"446":{"code":"Salaspils novads","name":"Salaspils novads"},"447":{"code":"LV-SA","name":"Saldus novads"},"448":{"code":"Saulkrastu novads","name":"Saulkrastu novads"},"455":{"code":"S\u0113jas novads","name":"S\u0113jas novads"},"449":{"code":"Siguldas novads","name":"Siguldas novads"}
12661,"451":{"code":"Skr\u012bveru novads","name":"Skr\u012bveru novads"},"450":{"code":"Skrundas novads","name":"Skrundas novads"},"452":{"code":"Smiltenes novads","name":"Smiltenes novads"},"453":{"code":"Stopi\u0146u novads","name":"Stopi\u0146u novads"},"454":{"code":"Stren\u010du novads","name":"Stren\u010du novads"},"456":{"code":"LV-TA","name":"Talsu novads"},"458":{"code":"T\u0113rvetes novads","name":"T\u0113rvetes novads"},"457":{"code":"LV-TU","name":"Tukuma novads"},"459":{"code":"Vai\u0146odes novads","name":"Vai\u0146odes novads"},"460":{"code":"LV-VK","name":"Valkas novads"},"364":{"code":"Valmiera","name":"Valmiera"},"461":{"code":"LV-VM","name":"Valmieras novads"},"462":{"code":"Varak\u013c\u0101nu novads","name":"Varak\u013c\u0101nu novads"},"469":{"code":"V\u0101rkavas novads","name":"V\u0101rkavas novads"},"463":{"code":"Vecpiebalgas novads","name":"Vecpiebalgas novads"},"464":{"code":"Vecumnieku novads","name":"Vecumnieku novads"},"365":{"code":"LV-VEN","name":"Ventspils"},"465":{"code":"LV-VE","name":"Ventspils novads"},"466":{"code":"Vies\u012btes novads","name":"Vies\u012btes novads"},"467":{"code":"Vi\u013cakas novads","name":"Vi\u013cakas novads"},"468":{"code":"Vi\u013c\u0101nu novads","name":"Vi\u013c\u0101nu novads"},"470":{"code":"Zilupes novads","name":"Zilupes novads"}}},"MC":{"name":"Monaco"},"NL":{"name":"Paesi Bassi"},"PL":{"name":"Polonia","regions":{"776":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"777":{"code":"PL-04","name":"kujawsko-pomorskie"},"778":{"code":"PL-06","name":"lubelskie"},"779":{"code":"PL-08","name":"lubuskie"},"782":{"code":"PL-14","name":"mazowieckie"},"781":{"code":"PL-12","name":"ma\u0142opolskie"},"783":{"code":"PL-16","name":"opolskie"},"784":{"code":"PL-18","name":"podkarpackie"},"785":{"code":"PL-20","name":"podlaskie"},"786":{"code":"PL-22","name":"pomorskie"},"787":{"code":"PL-24","name":"\u015bl\u0105skie"},"788":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"789":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"790":{"code":"PL-30","name":"wielkopolskie"},"791":{"code":"PL-32","name":"zachodniopomorskie"},"780":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"PT":{"name":"Portogallo","regions":{"1005":{"code":"PT-01","name":"Aveiro"},"1006":{"code":"PT-02","name":"Beja"},"1007":{"code":"PT-03","name":"Braga"},"1008":{"code":"PT-04","name":"Bragan\u00e7a"},"1009":{"code":"PT-05","name":"Castelo Branco"},"1010":{"code":"PT-06","name":"Coimbra"},"1011":{"code":"PT-07","name":"\u00c9vora"},"1012":{"code":"PT-08","name":"Faro"},"1013":{"code":"PT-09","name":"Guarda"},"1014":{"code":"PT-10","name":"Leiria"},"1015":{"code":"PT-11","name":"Lisboa"},"1016":{"code":"PT-12","name":"Portalegre"},"1017":{"code":"PT-13","name":"Porto"},"1024":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"1023":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"1018":{"code":"PT-14","name":"Santar\u00e9m"},"1019":{"code":"PT-15","name":"Set\u00fabal"},"1020":{"code":"PT-16","name":"Viana do Castelo"},"1021":{"code":"PT-17","name":"Vila Real"},"1022":{"code":"PT-18","name":"Viseu"}}},"RO":{"name":"Romania","regions":{"278":{"code":"AB","name":"Alba"},"279":{"code":"AR","name":"Arad"},"280":{"code":"AG","name":"Arge\u015f"},"281":{"code":"BC","name":"Bac\u0103u"},"282":{"code":"BH","name":"Bihor"},"283":{"code":"BN","name":"Bistri\u0163a-N\u0103s\u0103ud"},"284":{"code":"BT","name":"Boto\u015fani"},"286":{"code":"BR","name":"Br\u0103ila"},"285":{"code":"BV","name":"Bra\u015fov"},"287":{"code":"B","name":"Bucure\u015fti"},"288":{"code":"BZ","name":"Buz\u0103u"},"290":{"code":"CL","name":"C\u0103l\u0103ra\u015fi"},"289":{"code":"CS","name":"Cara\u015f-Severin"},"291":{"code":"CJ","name":"Cluj"},"292":{"code":"CT","name":"Constan\u0163a"},"293":{"code":"CV","name":"Covasna"},"294":{"code":"DB","name":"D\u00e2mbovi\u0163a"},"295":{"code":"DJ","name":"Dolj"},"296":{"code":"GL","name":"Gala\u0163i"},"297":{"code":"GR","name":"Giurgiu"},"298":{"code":"GJ","name":"Gorj"},"299":{"code":"HR","name":"Harghita"},"300":{"code":"HD","name":"Hunedoara"},"301":{"code":"IL","name":"Ialomi\u0163a"},"302":{"code":"IS","name":"Ia\u015fi"},"303":{"code":"IF","name":"Ilfov"},"304":{"code":"MM","name":"Maramure\u015f"},"305":{"code":"MH","name":"Mehedin\u0163i"},"306":{"code":"MS","name":"Mure\u015f"},"307":{"code":"NT","name":"Neam\u0163"},"308":{"code":"OT","name":"Olt"},"309":{"code":"PH","name":"Prahova"},"311":{"code":"SJ","name":"S\u0103laj"},"310":{"code":"SM","name":"Satu-Mare"},"312":{"code":"SB","name":"Sibiu"},"313":{"code":"SV","name":"Suceava"},"314":{"code":"TR","name":"Teleorman"},"315":{"code":"TM","name":"Timi\u015f"},"316":{"code":"TL","name":"Tulcea"},"318":{"code":"VL","name":"V\u00e2lcea"},"317":{"code":"VS","name":"Vaslui"},"319":{"code":"VN","name":"Vrancea"}}},"RS":{"name":"Serbia"},"SE":{"name":"Svezia","regions":{"1035":{"code":"SE-K","name":"Blekinge l\u00e4n"}
12661,"1036":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1038":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1037":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1039":{"code":"SE-N","name":"Hallands l\u00e4n"},"1040":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1041":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1042":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1043":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1044":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1054":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1055":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1045":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1047":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1046":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1048":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1049":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1050":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1051":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1052":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1053":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"SI":{"name":"Slovenia"},"SK":{"name":"Slovacchia"},"VA":{"name":"Citt\u00e0 del Vaticano"},"data_id":1790336751},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"hyva_checkout":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[],"paypal-buyer-country":[]}</script>
12661<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a409c8f57ad0eac3',t:'MTc5MDMzNjc1MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
12661</body> 12662</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.