PageSourceSearch

https://www.goudaformaggioshop.it/about-us

html goudaformaggioshop.it collected 2026-09-25 11:45:52 UTC 691,408 bytes, 12,662 lines download raw bytes

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&#x20;mio&#x20;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&#x20;formaggio&#x20;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&#x20;formaggio&#x20;online"
203             alt="Acquista&#x20;formaggio&#x20;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&#x20;nell&#x27;intero&#x20;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 &amp; Raclette"
744            >
745                <span class="text-base text-gray-700 hover:underline level-0 category-name">Fondue &amp; 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 &amp;&amp; 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&#x20;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&#x20;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&#x20;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&#x20;di&#x20;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&#x20;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&#x20;-&#x20;Maasdammer&#x20;-&#x20;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&#x20;alle&#x20;erbe&#x20;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&#x20;Gouda&#x20;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&#x20;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&#x20;Holland&#x20;formaggio&#x20;Gouda&#x20;-&#x20;Red&#x20;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&#x20;formaggi&#x20;in&#x20;base&#x20;alla&#x20;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&#x20;formaggi&#x20;in&#x20;base&#x20;alla&#x20;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&#x20;giovane&#x20;&#x28;&#x2B;&#x2F;-&#x20;stagionato&#x20;per&#x20;4&#x20;settimane&#x29;">
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&#x20;stagionato&#x20;&#x28;&#x2B;&#x2F;-&#x20;8-10&#x20;settimane&#x29;">
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&#x20;&#x28;&#x2B;&#x2F;-&#x20;16-18&#x20;settimane&#x29;">
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&#x20;stagionato&#x20;&#x28;&#x2B;&#x2F;-&#x20;7-8&#x20;mesi&#x29;">
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&#x20;stagionato&#x20;&#x28;&#x2B;&#x2F;-&#x20;10-12&#x20;mesi&#x29;">
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&#x20;vecchio&#x20;&#x28;&#x2B;&#x2F;-&#x20;1-2&#x20;anni&#x29;">
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&#x20;friabile&#x20;&#x28;&#x2B;&#x2F;-&#x20;2-4&#x20;anni&#x29;">
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&#x20;Olandesi&#x20;Pi&#xF9;&#x20;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&#x20;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&#x20;al&#x20;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&#x20;alla&#x20;birra&#x20;-&#x20;formaggio&#x20;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&#x20;al&#x20;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&#x20;al&#x20;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&#x20;di&#x20;Gouda&#x20;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&#x20;di&#x20;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&#x20;di&#x20;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&#x20;di&#x20;formaggio&#x20;di&#x20;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&#x20;di&#x20;capra&#x20;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&#x20;di&#x20;formaggio&#x20;di&#x20;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&#x20;di&#x20;capra&#x20;di&#x20;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&#x20;Formaggio&#x20;Di&#x20;Capra&#x20;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&#x20;en&#x20;Trots&#x20;formaggio&#x20;di&#x20;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&#x20;di&#x20;capra&#x20;M&#xE8;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&#x20;di&#x20;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&#x20;di&#x20;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&#x20;di&#x20;formaggio&#x20;di&#x20;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&#x20;di&#x20;pecora&#x20;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&#x20;di&#x20;pecora&#x20;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&#x20;formaggio&#x20;di&#x20;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&#x20;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&#x20;biologico&#x20;-&#x20;Formaggio&#x20;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&#x20;biologico&#x20;-&#x20;Formaggio&#x20;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&#x20;Gouda&#x20;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&#x20;alle&#x20;erbe&#x20;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&#x20;di&#x20;capra&#x20;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&#x20;di&#x20;pecora&#x20;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&#x20;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&#x20;di&#x20;capra&#x20;M&#xE8;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&#x20;Biologico&#x20;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&#x20;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&#x20;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&#x20;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&#x20;Bunker&#x20;di&#x20;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&#x20;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&#x20;dinamico&#x20;biologico&#x20;-&#x20;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&#x20;dinamico&#x20;biologico&#x20;-&#x20;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&#x20;Formaggio&#x20;biologico&#x20;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&#x20;Zuivel&#x20;Formaggio&#x20;biodinamico&#x20;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&#x20;con&#x20;caglio&#x20;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&#x20;Gouda&#x20;al&#x20;cumino&#x20;e&#x20;chiodi&#x20;di&#x20;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&#x20;Gouda&#x20;al&#x20;cumino&#x20;e&#x20;chiodi&#x20;di&#x20;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&#x20;Gouda&#x20;al&#x20;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&#x20;al&#x20;chiodo&#x20;di&#x20;garofano&#x20;di&#x20;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&#x20;Gouda&#x20;di&#x20;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&#x20;e&#x20;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&#x20;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&#x20;van&#x20;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&#x20;Gouda&#x20;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&#x20;Gouda&#x20;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&#x20;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&#x20;olandesi&#x20;-&#x20;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&#x20;speciali&#x20;di&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;Petit&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;senza&#x20;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&#x20;Gouda&#x20;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&#x20;Gouda&#x20;30&#x2B;">
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&#x20;Gouda&#x20;20&#x2B;">
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&#x20;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&#x20;delle&#x20;Isole&#x20;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&#x20;delle&#x20;Isole&#x20;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&#x20;di&#x20;Texel&#x20;-&#x20;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&#x20;Bunker&#x20;di&#x20;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&#x20;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&#x20;Skylger&#x20;di&#x20;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&#x20;Schier&#x20;-&#x20;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&#x20;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&#x20;a&#x20;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&#x20;Di&#x20;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&#x20;olandese&#x20;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&#x20;di&#x20;formaggio&#x20;-&#x20;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&#x20;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&#x20;a&#x20;buccia&#x20;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&#x20;un&#x20;po&#x27;&#x20;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&#039; 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&#x20;per&#x20;il&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#xE9;">
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&#x20;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&#xE4;ndle&#x20;K&#xE4;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&#x20;-&#x20;Parmigiano&#x20;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&#x20;Occelli&#x20;&#x28;Esclusivo&#x29;">
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&#x20;T&#xEA;te&#x20;de&#x20;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&#x20;Europei&#x20;Pi&#xF9;&#x20;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&#x20;alla&#x20;birra&#x20;-&#x20;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&#x20;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&#x20;al&#x20;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&#x20;al&#x20;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&#x20;al&#x20;caff&#xE8;">
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&#x20;di&#x20;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&#x20;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&#x20;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&#x20;interi&#x20;-&#x20;12&#x20;chili&#x20;&#x28;Sconto&#x20;del&#x20;20&#x25;&#x29;">
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="&#x2B;&#x2F;-&#x20;4&#x20;Kilo&#x20;Formaggi&#x20;modello&#x20;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&#x20;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&#x20;forme&#x20;di&#x20;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&#x20;formaggio&#x20;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&#x20;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&#x20;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&#x20;Cheese&#x20;Awards&#x20;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&#x20;Cheese&#x20;Awards&#x20;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&#x20;&amp;amp&#x3B;&#x20;Raclette">
4288                            <span class="mr-2 hover:underline category-name">Fondue &amp; 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 &amp; 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&#x20;di&#x20;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&#x20;per&#x20;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&#x20;combustibile&#x20;-&#x20;pasta&#x20;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&#x20;-&#x20;pentole&#x20;per&#x20;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&#x20;per&#x20;fonduta&#x20;-&#x20;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&#x20;per&#x20;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&#x20;per&#x20;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&#x20;in&#x20;pietra&#x20;e&#x20;set&#x20;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&#x20;per&#x20;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&#x20;da&#x20;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&#x20;da&#x20;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&#x20;per&#x20;formaggi&#x20;a&#x20;pasta&#x20;molle&#x20;e&#x20;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&#x20;da&#x20;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&#x20;di&#x20;coltelli&#x20;da&#x20;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&#x20;da&#x20;formaggio&#x20;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&#x20;per&#x20;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&#x20;da&#x20;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&#x20;di&#x20;cera&#x20;d&#x27;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&#039;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&#x20;per&#x20;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&#x20;per&#x20;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&#xEA;te&#x20;de&#x20;Moine&#x20;-&#x20;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&#x20;di&#x20;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&#x20;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&#x20;per&#x20;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&#x20;termoretraibile&#x20;e&#x20;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&#x20;per&#x20;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&#x20;per&#x20;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&#xE0;">
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&#x20;Secca&#x20;&#x2013;&#x20;Fresca&#x20;dal&#x20;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&#x20;Secca&#x20;&#x2013;&#x20;Fresca&#x20;dal&#x20;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&#x20;la&#x20;frutta&#x20;secca&#x20;e&#x20;i&#x20;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&#x20;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&#x20;di&#x20;frutta&#x20;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&#x20;di&#x20;frutta&#x20;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&#x20;secca&#x20;non&#x20;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&#x20;e&#x20;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&#x20;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&#x20;di&#x20;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&#x20;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&#x20;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&#x20;olandesi&#x20;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&#x20;olandesi&#x20;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&#x20;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&#x20;di&#x20;Cioccolato&#x20;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&#x20;di&#x20;arachidi&#x20;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&#x20;di&#x20;marca&#x20;del&#x20;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&#x20;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&#x20;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&#x20;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&#x20;Affumicata&#x20;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&#x20;dall&#x27;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&#039;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&#039;Olanda</span>
5662        </a>
5663        <a href="https://www.goudaformaggioshop.it/prodotti-olandesi-tipici/dolci-da-olanda.html"
5664           title="Dolci&#x20;dall&#x27;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&#x20;per&#x20;la&#x20;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&#x20;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&#x20;per&#x20;caff&#xE8;&#x20;o&#x20;t&#xE8;">
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&#x20;biscottate&#x20;e&#x20;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&#x20;in&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;e&#x20;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&#x20;to&#x20;nibble&#x20;on&#x21;">
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&#x20;al&#x20;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&#x20;e&#x20;salsa&#x20;per&#x20;patatine&#x20;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&#x20;e&#x20;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&#x20;di&#x20;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&#x20;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&#x20;di&#x20;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&#x20;e&#x20;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&#x20;e&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#xE8;&#x20;-&#x20;T&#xE8;">
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&#xE8;&#x20;-&#x20;T&#xE8;"
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&#xE8;">
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&#xE8;">
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&#x20;per&#x20;il&#x20;caff&#xE8;">
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&#x20;alla&#x20;Home&#x20;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 &amp; 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 &rarr;
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&#160;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&#x20;to&#x20;Wish&#x20;List&#x20;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 &amp; 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>&copy; 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='&#x7B;&quot;include_checked_groups&quot;&#x3A;true&#x7D;'
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&#x20;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&#039;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&#x20;ambar-action-btn&#x20;w-full&#x20;justify-center&#x20;md&#x3A;max-w-&#x5B;30&#x25;&#x5D;&#x20;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&#x20;ambar-action-btn&#x20;w-full&#x20;justify-center&#x20;md&#x3A;max-w-&#x5B;30&#x25;&#x5D;&#x20;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&#x20;Cookie&#x20;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&#x3A;&#x2F;&#x2F;helloretailcdn.com&#x2F;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 = '&times;';
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.