PageSourceSearch

https://procaccini.com/en/policies/contact-information

html procaccini.com collected 2026-10-06 19:14:01 UTC 177,490 bytes, 4,626 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head><link
7        rel="icon"
8        type="image/png"
9        href="//procaccini.com/cdn/shop/files/Favicon_Procaccini_Milano.jpg?crop=center&height=32&v=1785335190&width=32"
10      >
11    
12      <link
13        rel="expect"
14        href="#MainContent"
15        blocking="render"
16        id="view-transition-render-blocker"
17      >
18    
19
20
21<meta charset="utf-8">
22<meta
23  http-equiv="X-UA-Compatible"
24  content="IE=edge"
25>
26<meta
27  name="viewport"
28  content="width=device-width,initial-scale=1"
29>
30<meta
31  name="view-transition"
32  content="same-origin"
33>
34<meta
35  name="theme-color"
36  content=""
37>
38
39<meta
40  property="og:site_name"
41  content="Procaccini Milano"
42>
43<meta
44  property="og:url"
45  content="https://procaccini.com/en/policies/contact-information"
46>
47<meta
48  property="og:title"
49  content="Contact information"
50>
51<meta
52  property="og:type"
53  content="website"
54>
55<meta
56  property="og:description"
57  content="Star-rated restaurant in the heart of Milan led by Chef Emin Haziri, who embraces simple cuisine, made with a few ingredients that create a unique culinary experience. Choose between tasting menus or à la carte menus to enjoy a special evening, with piano and live music."
58><meta
59    property="og:image"
60    content="http://procaccini.com/cdn/shop/files/Procaccini_Milano_-_Ristorante_Stella_Michelin_2_5b52886a-0af9-4c66-a4e2-a15a4ee727c0.webp?v=1783584418"
61  >
62  <meta
63    property="og:image:secure_url"
64    content="https://procaccini.com/cdn/shop/files/Procaccini_Milano_-_Ristorante_Stella_Michelin_2_5b52886a-0af9-4c66-a4e2-a15a4ee727c0.webp?v=1783584418"
65  >
66  <meta
67    property="og:image:width"
68    content="1080"
69  >
70  <meta
71    property="og:image:height"
72    content="608"
73  ><meta
74  name="twitter:card"
75  content="summary_large_image"
76>
77<meta
78  name="twitter:title"
79  content="Contact information"
80>
81<meta
82  name="twitter:description"
83  content="Star-rated restaurant in the heart of Milan led by Chef Emin Haziri, who embraces simple cuisine, made with a few ingredients that create a unique culinary experience. Choose between tasting menus or à la carte menus to enjoy a special evening, with piano and live music."
84>
85
86<title>
87  Contact information
88 &ndash; Procaccini Milano</title>
89
90<link
91  rel="canonical"
92  href="https://procaccini.com/en/policies/contact-information"
93>
94
95
96<link href="//procaccini.com/cdn/shop/t/4/assets/overflow-list.css?v=16727044177065489451782288532" as="style" rel="preload">
97<link href="//procaccini.com/cdn/shop/t/4/assets/base.css?v=14320065099553879401782288532" rel="stylesheet" type="text/css" media="all" />
98<link href="//procaccini.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
99<link href="//procaccini.com/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
100<link href="//procaccini.com/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
101<link href="//procaccini.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
102
103
104<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 104
104
105<script type="importmap">
106  {
107    "imports": {
108      "@theme/overflow-list": "//procaccini.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511782288532",
109      "@theme/component": "//procaccini.com/cdn/shop/t/4/assets/component.js?v=175690430936884589731782288532",
110      "@theme/dialog": "//procaccini.com/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281782288532",
111      "@theme/events": "//procaccini.com/cdn/shop/t/4/assets/events.js?v=99399773727497444581782288532",
112      "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js",
113      "@theme/view-event-elements": "//procaccini.com/cdn/shop/t/4/assets/view-event-elements.js?v=34258756885466567141782288532",
114      "@theme/focus": "//procaccini.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401782288532",
115      "@theme/morph": "//procaccini.com/cdn/shop/t/4/assets/morph.js?v=182601902166245204061782288532",
116      "@theme/paginated-list": "//procaccini.com/cdn/shop/t/4/assets/paginated-list.js?v=71290058904108491691782288532",
117      "@theme/performance": "//procaccini.com/cdn/shop/t/4/assets/performance.js?v=171015751390534793081782288532",
118      "@theme/product-form": "//procaccini.com/cdn/shop/t/4/assets/product-form.js?v=75424241456978697291782288532",
119      "@theme/recently-viewed-products": "//procaccini.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651782288532",
120      "@theme/scrolling": "//procaccini.com/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011782288532",
121      "@theme/section-renderer": "//procaccini.com/cdn/shop/t/4/assets/section-renderer.js?v=44511745960026958271782288532",
122      "@theme/section-hydration": "//procaccini.com/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311782288532",
123      "@theme/money-formatting": "//procaccini.com/cdn/shop/t/4/assets/money-formatting.js?v=160151249720534550011782288532",
124      "@theme/utilities": "//procaccini.com/cdn/shop/t/4/assets/utilities.js?v=86469562398914351581782288532",
125      "@theme/variant-picker": "//procaccini.com/cdn/shop/t/4/assets/variant-picker.js?v=21977969907998071131782288532",
126      "@theme/media-gallery": "//procaccini.com/cdn/shop/t/4/assets/media-gallery.js?v=154207211298275592001782288532",
127      "@theme/quick-add": "//procaccini.com/cdn/shop/t/4/assets/quick-add.js?v=43065342542833269571782288532",
128      "@theme/paginated-list-aspect-ratio": "//procaccini.com/cdn/shop/t/4/assets/paginated-list-aspect-ratio.js?v=25254270272143792451782288532",
129      "@theme/popover-polyfill": "//procaccini.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201782288532",
130      "@theme/component-quantity-selector": "//procaccini.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641782288532",
131      "@theme/comparison-slider": "//procaccini.com/cdn/shop/t/4/assets/comparison-slider.js?v=106705562947035711941782288532",
132      "@theme/sticky-add-to-cart": "//procaccini.com/cdn/shop/t/4/assets/sticky-add-to-cart.js?v=130489688094345781431782288532",
133      "@theme/fly-to-cart": "//procaccini.com/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081782288532",
134      "@theme/scroll-container": "//procaccini.com/cdn/shop/t/4/assets/scroll-container.js?v=127018149358875384221782288532",
135      "@theme/theme-drawer": "//procaccini.com/cdn/shop/t/4/assets/theme-drawer.js?v=155110645205299884131782288532"
136    }
137  }
138</script>
138<script
139  src="//procaccini.com/cdn/shop/t/4/assets/standard-actions-override.js?v=171683365447094389611782288532"
140  type="module"
141></script>
141
142
143<script
144  src="//procaccini.com/cdn/shop/t/4/assets/page-view-event.js?v=12823247316348680231782288532"
145  type="module"
146  defer
147></script>
147
148
149<script
150  src="//procaccini.com/cdn/shop/t/4/assets/view-transitions.js?v=5297208939214537721782288532"
151  async
152  
153    blocking="render"
154  
155></script>
155
156
157<link
158  rel="modulepreload"
159  href="//procaccini.com/cdn/shop/t/4/assets/utilities.js?v=86469562398914351581782288532"
160  fetchpriority="low"
161>
162<link
163  rel="modulepreload"
164  href="//procaccini.com/cdn/shop/t/4/assets/component.js?v=175690430936884589731782288532"
165  fetchpriority="low"
166>
167<link
168  rel="modulepreload"
169  href="//procaccini.com/cdn/shop/t/4/assets/section-renderer.js?v=44511745960026958271782288532"
170  fetchpriority="low"
171>
172<link
173  rel="modulepreload"
174  href="//procaccini.com/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311782288532"
175  fetchpriority="low"
176>
177<link
178  rel="modulepreload"
179  href="//procaccini.com/cdn/shop/t/4/assets/morph.js?v=182601902166245204061782288532"
180  fetchpriority="low"
181>
182
183
184
185<link
186  rel="modulepreload"
187  href="//procaccini.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401782288532"
188  fetchpriority="low"
189>
190<link
191  rel="modulepreload"
192  href="//procaccini.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651782288532"
193  fetchpriority="low"
194>
195<link
196  rel="modulepreload"
197  href="//procaccini.com/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011782288532"
198  fetchpriority="low"
199>
200<link
201  rel="modulepreload"
202  href="//procaccini.com/cdn/shop/t/4/assets/events.js?v=99399773727497444581782288532"
203  fetchpriority="low"
204>
205<script
206  src="//procaccini.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201782288532"
207  type="module"
208  fetchpriority="low"
209></script>
vendor: 1 bytes, line 209
209
210<script
211  src="//procaccini.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511782288532"
212  type="module"
213  fetchpriority="low"
214></script>
vendor: 1 bytes, line 214
214
215<script
216  src="//procaccini.com/cdn/shop/t/4/assets/quick-add.js?v=43065342542833269571782288532"
217  type="module"
218  fetchpriority="low"
219></script>
219
220
221
222<script
223  src="//procaccini.com/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281782288532"
224  type="module"
225  fetchpriority="low"
226></script>
vendor: 1 bytes, line 226
226
227<script
228  src="//procaccini.com/cdn/shop/t/4/assets/variant-picker.js?v=21977969907998071131782288532"
229  type="module"
230  fetchpriority="low"
231></script>
vendor: 1 bytes, line 231
231
232<script
233  src="//procaccini.com/cdn/shop/t/4/assets/product-card.js?v=37238785082130356571782288532"
234  type="module"
235  fetchpriority="low"
236></script>
vendor: 1 bytes, line 236
236
237<script
238  src="//procaccini.com/cdn/shop/t/4/assets/product-form.js?v=75424241456978697291782288532"
239  type="module"
240  fetchpriority="low"
241></script>
vendor: 1 bytes, line 241
241
242<script
243  src="//procaccini.com/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081782288532"
244  type="module"
245  fetchpriority="low"
246></script>
vendor: 1 bytes, line 246
246
247<script
248  src="//procaccini.com/cdn/shop/t/4/assets/accordion-custom.js?v=105323356731531709191782288532"
249  type="module"
250  fetchpriority="low"
251></script>
vendor: 1 bytes, line 251
251
252<script
253  src="//procaccini.com/cdn/shop/t/4/assets/media.js?v=37825095869491791421782288532"
254  type="module"
255  fetchpriority="low"
256></script>
vendor: 1 bytes, line 256
256
257<script
258  src="//procaccini.com/cdn/shop/t/4/assets/product-price.js?v=179333985604099329921782288532"
259  type="module"
260  fetchpriority="low"
261></script>
vendor: 1 bytes, line 261
261
262<script
263  src="//procaccini.com/cdn/shop/t/4/assets/product-sku.js?v=28741104639155857071782288532"
264  type="module"
265  fetchpriority="low"
266></script>
vendor: 1 bytes, line 266
266
267<script
268  src="//procaccini.com/cdn/shop/t/4/assets/product-inventory.js?v=7173209571153411411782288532"
269  type="module"
270  fetchpriority="low"
271></script>
vendor: 1 bytes, line 271
271
272<script
273  src="//procaccini.com/cdn/shop/t/4/assets/show-more.js?v=94563802205717136101782288532"
274  type="module"
275  fetchpriority="low"
276></script>
vendor: 1 bytes, line 276
276
277<script
278  src="//procaccini.com/cdn/shop/t/4/assets/slideshow.js?v=28306258147874261831782288532"
279  type="module"
280  fetchpriority="low"
281></script>
vendor: 1 bytes, line 281
281
282<script
283  src="//procaccini.com/cdn/shop/t/4/assets/layered-slideshow.js?v=30135417790894624731782288532"
284  type="module"
285  fetchpriority="low"
286></script>
vendor: 1 bytes, line 286
286
287<script
288  src="//procaccini.com/cdn/shop/t/4/assets/anchored-popover.js?v=143987075196095667371782288532"
289  type="module"
290  fetchpriority="low"
291></script>
vendor: 1 bytes, line 291
291
292<script
293  src="//procaccini.com/cdn/shop/t/4/assets/floating-panel.js?v=151277338116891310371782288532"
294  type="module"
295  fetchpriority="low"
296></script>
vendor: 1 bytes, line 296
296
297<script
298  src="//procaccini.com/cdn/shop/t/4/assets/video-background.js?v=25237992823806706551782288532"
299  type="module"
300  fetchpriority="low"
301></script>
vendor: 1 bytes, line 301
301
302<script
303  src="//procaccini.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641782288532"
304  type="module"
305  fetchpriority="low"
306></script>
vendor: 1 bytes, line 306
306
307<script
308  src="//procaccini.com/cdn/shop/t/4/assets/media-gallery.js?v=154207211298275592001782288532"
309  type="module"
310  fetchpriority="low"
311></script>
vendor: 1 bytes, line 311
311
312<script
313  src="//procaccini.com/cdn/shop/t/4/assets/rte-formatter.js?v=40306132146590816021782288532"
314  type="module"
315  fetchpriority="low"
316></script>
vendor: 1 bytes, line 316
316
317<script
318  src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing.js?v=15442793518842484731782288532"
319  type="module"
320  fetchpriority="low"
321></script>
vendor: 1 bytes, line 321
321
322<script
323  src="//procaccini.com/cdn/shop/t/4/assets/price-per-item.js?v=115937180292451397851782288532"
324  type="module"
325  fetchpriority="low"
326></script>
vendor: 1 bytes, line 326
326
327<script
328  src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661782288532"
329  type="module"
330  fetchpriority="low"
331></script>
331
332
333
334  
334<script
335    src="//procaccini.com/cdn/shop/t/4/assets/localization.js?v=15585934801240115691782288532"
336    type="module"
337    fetchpriority="low"
338  ></script>
338
339
340
341
342
343<script
344  src="//procaccini.com/cdn/shop/t/4/assets/auto-close-details.js?v=58350291535404441581782288532"
345  defer="defer"
346></script>
346
347
348<script>
349  const Theme = {
350    translations: {
351      placeholder_image: `Placeholder image`,
352      added: `Added`,
353      recipient_form_fields_visible: `Recipient form fields are now visible`,
354      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
355      recipient_form_error: `There was an error with the form submission`,
356      items_added_to_cart_one: `1 item added to cart`,
357      items_added_to_cart_other: `{{ count }} items added to cart`,
358      cart_count: `Total items in cart`,
359    },
360    routes: {
361      cart_add_url: '/en/cart/add.js',
362      cart_change_url: '/en/cart/change',
363      cart_update_url: '/en/cart/update',
364      cart_url: '/en/cart',
365      predictive_search_url: '/en/search/suggest',
366      search_url: '/en/search',
367    },
368    template: {
369      name: '',
370    },
371  };
372</script>
372
373<style data-shopify>
374@font-face {
375  font-family: Poppins;
376  font-weight: 400;
377  font-style: normal;
378  font-display: swap;
379  src: url("//procaccini.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
380       url("//procaccini.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
381}
382@font-face {
383  font-family: Poppins;
384  font-weight: 700;
385  font-style: normal;
386  font-display: swap;
387  src: url("//procaccini.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"),
388       url("//procaccini.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff");
389}
390@font-face {
391  font-family: Poppins;
392  font-weight: 400;
393  font-style: italic;
394  font-display: swap;
395  src: url("//procaccini.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
396       url("//procaccini.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
397}
398@font-face {
399  font-family: Poppins;
400  font-weight: 700;
401  font-style: italic;
402  font-display: swap;
403  src: url("//procaccini.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"),
404       url("//procaccini.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff");
405}
406@font-face {
407  font-family: Cormorant;
408  font-weight: 400;
409  font-style: normal;
410  font-display: swap;
411  src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2") format("woff2"),
412       url("//procaccini.com/cdn/fonts/cormorant/cormorant_n4.e5604516683cb4cc166c001f2ff5f387255e3b45.woff") format("woff");
413}
414@font-face {
415  font-family: Cormorant;
416  font-weight: 700;
417  font-style: normal;
418  font-display: swap;
419  src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_n7.c51184f59f7d2caf4999bcef8df2fc4fc4444aec.woff2") format("woff2"),
420       url("//procaccini.com/cdn/fonts/cormorant/cormorant_n7.c9ca63ec9e4d37ba28b9518c6b06672c0f43cd49.woff") format("woff");
421}
422@font-face {
423  font-family: Cormorant;
424  font-weight: 400;
425  font-style: italic;
426  font-display: swap;
427  src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_i4.0b95f138bb9694e184a2ebaf079dd59cf448e2d3.woff2") format("woff2"),
428       url("//procaccini.com/cdn/fonts/cormorant/cormorant_i4.75684eb0a368d69688996f5f8e72c62747e6c249.woff") format("woff");
429}
430@font-face {
431  font-family: Cormorant;
432  font-weight: 700;
433  font-style: italic;
434  font-display: swap;
435  src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_i7.fa6e55789218717259c80e332e32b03d0c0e36e1.woff2") format("woff2"),
436       url("//procaccini.com/cdn/fonts/cormorant/cormorant_i7.b5766b6262212587af58cec3328f4ffbc7c29531.woff") format("woff");
437}
438@font-face {
439  font-family: Poppins;
440  font-weight: 600;
441  font-style: normal;
442  font-display: swap;
443  src: url("//procaccini.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2") format("woff2"),
444       url("//procaccini.com/cdn/fonts/poppins/poppins_n6.5f815d845fe073750885d5b7e619ee00e8111208.woff") format("woff");
445}
446@font-face {
447  font-family: Poppins;
448  font-weight: 600;
449  font-style: italic;
450  font-display: swap;
451  src: url("//procaccini.com/cdn/fonts/poppins/poppins_i6.bb8044d6203f492888d626dafda3c2999253e8e9.woff2") format("woff2"),
452       url("//procaccini.com/cdn/fonts/poppins/poppins_i6.e233dec1a61b1e7dead9f920159eda42280a02c3.woff") format("woff");
453}
454
455
456  :root {
457    /* Page Layout */
458    --sidebar-width: 25rem;
459    --theme-drawer-width: 30rem;
460    --narrow-content-width: 36rem;
461    --normal-content-width: 42rem;
462    --wide-content-width: 46rem;
463    --narrow-page-width: 90rem;
464    --normal-page-width: 120rem;
465    --wide-page-width: 150rem;
466
467    /* Section Heights */
468    --section-height-small: 15rem;
469    --section-height-medium: 25rem;
470    --section-height-large: 35rem;
471
472    @media screen and (min-width: 40em) {
473      --section-height-small: 40svh;
474      --section-height-medium: 55svh;
475      --section-height-large: 70svh;
476    }
477
478    @media screen and (min-width: 60em) {
479      --section-height-small: 50svh;
480      --section-height-medium: 65svh;
481      --section-height-large: 80svh;
482    }
483
484    /* Letter spacing */
485    --letter-spacing-sm: 0.06em;
486    --letter-spacing-md: 0.13em;
487
488    /* Font families */
489    --font-body--family: Poppins, sans-serif;
490    --font-body--style: normal;
491    --font-body--weight: 400;
492    --font-subheading--family: Cormorant, serif;
493    --font-subheading--style: normal;
494    --font-subheading--weight: 400;
495    --font-heading--family: Cormorant, serif;
496    --font-heading--style: normal;
497    --font-heading--weight: 400;
498    --font-accent--family: Poppins, sans-serif;
499    --font-accent--style: normal;
500    --font-accent--weight: 600;
501
502    /* Margin sizes */
503    --font-heading--spacing: 0.25em;
504    --font-h1--spacing: var(--font-heading--spacing);
505    --font-h2--spacing: var(--font-heading--spacing);
506    --font-h3--spacing: var(--font-heading--spacing);
507    --font-h4--spacing: var(--font-heading--spacing);
508    --font-h5--spacing: var(--font-heading--spacing);
509    --font-h6--spacing: var(--font-heading--spacing);
510    --font-paragraph--spacing: 0.5em;
511
512    /** Z-Index / Layering */
513    --layer-section-background: -2;
514    --layer-lowest: -1;
515    --layer-base: 0;
516    --layer-flat: 1;
517    --layer-raised: 2;
518    --layer-heightened: 4;
519    --layer-sticky: 8;
520    --layer-window-overlay: 10;
521    --layer-header-menu: 12;
522    --layer-overlay: 16;
523    --layer-menu-drawer: 18;
524    --layer-temporary: 20;
525
526    /* Max-width / Measure */
527    --max-width--body-normal: 32.5em;
528    --max-width--body-narrow: 22.75em;
529
530    --max-width--heading-normal: 32.5em;
531    --max-width--heading-narrow: 19.5em;
532
533    --max-width--display-normal: 13em;
534    --max-width--display-narrow: 9.75em;
535    --max-width--display-tight: 3.25em;
536
537    /* Letter-spacing / Tracking */
538    --letter-spacing--display-tight: -0.03em;
539    --letter-spacing--display-normal: 0em;
540    --letter-spacing--display-loose: 0.03em;
541
542    --letter-spacing--heading-tight: -0.03em;
543    --letter-spacing--heading-normal: 0em;
544    --letter-spacing--heading-loose: 0.03em;
545
546    --letter-spacing--body-tight: -0.03em;
547    --letter-spacing--body-normal: 0em;
548    --letter-spacing--body-loose: 0.03em;
549
550    /* Line height / Leading */
551    --line-height: 1;
552
553    --line-height--display-tight: 1;
554    --line-height--display-normal: 1.1;
555    --line-height--display-loose: 1.2;
556
557    --line-height--heading-tight: 1.15;
558    --line-height--heading-normal: 1.25;
559    --line-height--heading-loose: 1.35;
560
561    --line-height--body-tight: 1.2;
562    --line-height--body-normal: 1.4;
563    --line-height--body-loose: 1.6;
564
565    /* Typography presets */
566    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(4.5rem, 12.0vw, 7.5rem);--font-size--h2: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h3: clamp(1.75rem, 4.8vw, 3.0rem);--font-size--h4: 1.5rem;--font-size--h5: 0.75rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-tight);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-body--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-body--family);--font-h5--style: var(--font-body--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-loose);
567
568    /* Hardcoded font sizes */
569    --font-size--3xs: 0.625rem;
570    --font-size--2xs: 0.75rem;
571    --font-size--xs: 0.8125rem;
572    --font-size--sm: 0.875rem;
573    --font-size--md: 1rem;
574    --font-size--lg: 1.125rem;
575    --font-size--xl: 1.25rem;
576    --font-size--2xl: 1.5rem;
577    --font-size--3xl: 2rem;
578    --font-size--4xl: 2.5rem;
579    --font-size--5xl: 3rem;
580    --font-size--6xl: 3.5rem;
581
582    /* Menu font sizes */
583    --menu-font-sm--size: 0.875rem;
584    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
585    --menu-font-md--size: 1rem;
586    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
587    --menu-font-lg--size: 1.125rem;
588    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
589    --menu-font-xl--size: 1.25rem;
590    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
591    --menu-font-2xl--size: 1.75rem;
592    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
593
594    /* Colors */
595    --color-error: #8B0000;
596    --color-success: #006400;
597    --color-white: #FFFFFF;
598    --color-white-rgb: 255 255 255;
599    --color-black: #000000;
600    --color-instock: #3ED660;
601    --color-lowstock: #EE9441;
602    --color-outofstock: #C8C8C8;
603
604    /* Opacity */
605    --opacity-5: 0.05;
606    --opacity-8: 0.08;
607    --opacity-10: 0.1;
608    --opacity-15: 0.15;
609    --opacity-20: 0.2;
610    --opacity-25: 0.25;
611    --opacity-30: 0.3;
612    --opacity-40: 0.4;
613    --opacity-50: 0.5;
614    --opacity-60: 0.6;
615    --opacity-70: 0.7;
616    --opacity-80: 0.8;
617    --opacity-85: 0.85;
618    --opacity-90: 0.9;
619    --opacity-subdued-text: 0.8;
620    --opacity-muted-text: 0.6;
621
622    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
623    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
624
625    /* Spacing */
626    --margin-3xs: 0.125rem;
627    --margin-2xs: 0.3rem;
628    --margin-xs: 0.5rem;
629    --margin-sm: 0.7rem;
630    --margin-md: 0.8rem;
631    --margin-lg: 1rem;
632    --margin-xl: 1.25rem;
633    --margin-2xl: 1.5rem;
634    --margin-3xl: 1.75rem;
635    --margin-4xl: 2rem;
636    --margin-5xl: 3rem;
637    --margin-6xl: 5rem;
638
639    --scroll-margin: 50px;
640
641    --padding-3xs: 0.125rem;
642    --padding-2xs: 0.25rem;
643    --padding-xs: 0.5rem;
644    --padding-sm: 0.7rem;
645    --padding-md: 0.8rem;
646    --padding-lg: 1rem;
647    --padding-xl: 1.25rem;
648    --padding-2xl: 1.5rem;
649    --padding-3xl: 1.75rem;
650    --padding-4xl: 2rem;
651    --padding-5xl: 3rem;
652    --padding-6xl: 4rem;
653
654    --gap-3xs: 0.125rem;
655    --gap-2xs: 0.3rem;
656    --gap-xs: 0.5rem;
657    --gap-sm: 0.7rem;
658    --gap-md: 0.9rem;
659    --gap-lg: 1rem;
660    --gap-xl: 1.25rem;
661    --gap-2xl: 2rem;
662    --gap-3xl: 3rem;
663
664    --spacing-scale-sm: 0.6;
665    --spacing-scale-md: 0.7;
666    --spacing-scale-default: 1.0;
667
668    /* Checkout buttons gap */
669    --checkout-button-gap: 10px;
670
671    /* Borders */
672    --style-border-width: 1px;
673    --style-border-radius-xs: 0.2rem;
674    --style-border-radius-sm: 0.6rem;
675    --style-border-radius-md: 0.8rem;
676    --style-border-radius-50: 50%;
677    --style-border-radius-lg: 1rem;
678    --style-border-radius-pills: 40px;
679    --style-border-radius-inputs: 0px;
680    --style-border-radius-buttons-primary: 0px;
681    --style-border-radius-buttons-secondary: 0px;
682    --style-border-width-primary: 0px;
683    --style-border-width-secondary: 1px;
684    --style-border-width-inputs: 1px;
685    --style-border-radius-popover: 0px;
686    --style-border-popover: 0px solid #000000;
687    --style-border-drawer: 1px solid ;
688    --style-border-swatch-opacity: 10%;
689    --style-border-swatch-width: 1px;
690    --style-border-swatch-style: solid;
691
692    /* Animation */
693    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
694    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
695    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
696    --animation-speed-fast: 0.0625s;
697    --animation-speed: 0.125s;
698    --animation-speed-slow: 0.2s;
699    --animation-speed-medium: 0.15s;
700    --animation-easing: ease-in-out;
701    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
702    --drawer-animation-speed: 0.2s;
703    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
704    --animation-values: var(--animation-speed) var(--animation-easing);
705    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
706    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
707    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
708    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
709    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
710    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
711    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
712    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
713    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
714    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
715    --spring-d300-b0-duration: 0.4980s;
716    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
717    --spring-d280-b0-duration: 0.4648s;
718    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
719    --spring-d260-b0-duration: 0.4316s;
720    --spring-d220-b0-easing: linear(
721      0,
722      0.0093 1.37%,
723      0.0696 4.12%,
724      0.4667 15.09%,
725      0.6322 20.58%,
726      0.6986 23.32%,
727      0.7793 27.44%,
728      0.8219 30.18%,
729      0.8721,
730      0.9089 38.42%,
731      0.9427,
732      0.9644,
733      0.978 54.88%,
734      0.9881 61.74%,
735      0.9944 69.97%,
736      0.998 80.95%,
737      0.9996 98.78%
738    );
739    --spring-d220-b0-duration: 0.3818s;
740    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
741    --spring-d180-b0-duration: 0.2988s;
742
743    /* View transitions */
744    /* View transition old */
745    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
746
747    /* View transition new */
748    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
749
750    /* Focus */
751    --focus-outline-width: 0.09375rem;
752    --focus-outline-offset: 0.2em;
753
754    /* Badges */
755    --badge-blob-padding-block: 1px;
756    --badge-blob-padding-inline: 12px 8px;
757    --badge-rectangle-padding-block: 1px;
758    --badge-rectangle-padding-inline: 6px;
759    @media screen and (min-width: 750px) {
760      --badge-blob-padding-block: 4px;
761      --badge-blob-padding-inline: 16px 12px;
762      --badge-rectangle-padding-block: 4px;
763      --badge-rectangle-padding-inline: 10px;
764    }
765
766    /* Icons */
767    --icon-size-2xs: 0.6rem;
768    --icon-size-xs: 0.85rem;
769    --icon-size-sm: 1.25rem;
770    --icon-size-md: 1.375rem;
771    --icon-size-lg: 1.5rem;
772    --icon-stroke-width: 1px;
773
774    /* Input */
775    --input-email-min-width: 200px;
776    --input-search-max-width: 650px;
777    --input-padding-y: 0.8rem;
778    --input-padding-x: 0.8rem;
779    --input-padding: var(--input-padding-y) var(--input-padding-x);
780    --input-box-shadow-width: var(--style-border-width-inputs);
781    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
782    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
783    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
784    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
785    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
786    --input-textarea-min-height: 55px;
787
788    /* Checkbox */
789    --checkbox-size: 22px;
790    --checkbox-border-radius: 7px;
791    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
792    --checkbox-label-padding: 8px;
793
794    @media screen and (min-width: 750px) {
795      --checkbox-size: 16px;
796      --checkbox-border-radius: 5px;
797      --checkbox-label-padding: 6px;
798    }
799
800    /* Button size */
801    --button-size-sm: 30px;
802    --button-size-md: 36px;
803    --button-size: var(--minimum-touch-target);
804    --button-padding-inline: 24px;
805    --button-padding-block: 16px;
806
807    /* Button font-family */
808    --button-font-family-primary: var(--font-body--family);
809    --button-font-family-secondary: var(--font-body--family);
810
811    /* Button text case */
812    --button-text-case: ;
813    --button-text-case-primary: uppercase;
814    --button-text-case-secondary: uppercase;
815
816    /* Borders */
817    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
818    --border-width-sm: 1px;
819    --border-width-md: 2px;
820    --border-width-lg: 5px;
821    --border-radius-sm: 0.25rem;
822
823    /* Drawers */
824    --drawer-inline-padding: 25px;
825    --drawer-menu-inline-padding: 2.5rem;
826    --drawer-header-block-padding: 20px;
827    --drawer-content-block-padding: 10px;
828    --drawer-header-desktop-top: 0rem;
829    --drawer-padding: calc(var(--padding-sm) + 7px);
830    --drawer-height: 100dvh;
831    --drawer-width: 95vw;
832    --drawer-max-width: 500px;
833
834    /* Variant Picker Swatches */
835    --variant-picker-swatch-width-unitless: 18;
836    --variant-picker-swatch-height-unitless: 18;
837    --variant-picker-swatch-width: 18px;
838    --variant-picker-swatch-height: 18px;
839    --variant-picker-swatch-radius: 0px;
840    --variant-picker-border-width: 1px;
841    --variant-picker-border-style: solid;
842    --variant-picker-border-opacity: 10%;
843
844    /* Variant Picker Buttons */
845    --variant-picker-button-radius: 0px;
846    --variant-picker-button-border-width: 1px;
847    --variant-option-label-color: var(--color, var(--color-foreground));
848
849    /* Slideshow */
850    --slideshow-controls-size: 3.5rem;
851    --slideshow-controls-icon: 2rem;
852    --peek-next-slide-size: 3rem;
853
854    /* Utilities */
855    --backdrop-opacity: 0.15;
856    --backdrop-color-rgb: var(--color-shadow-rgb);
857    --minimum-touch-target: 44px;
858    --disabled-opacity: 0.5;
859    --skeleton-opacity: 0.025;
860
861    /* Shapes */
862    --shape--circle: circle(50% at center);
863    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
864    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
865    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
865% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
866
867    /* Buy buttons */
868    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
869
870    /* Card image width and height variables */
871    --card-width-small: 10rem;
872
873    --height-small: 10rem;
874    --height-medium: 11.5rem;
875    --height-large: 13rem;
876    --height-full: 100vh;
877
878    @media screen and (min-width: 750px) {
879      --height-small: 17.5rem;
880      --height-medium: 21.25rem;
881      --height-large: 25rem;
882    }
883
884    /* Modal */
885    --modal-max-height: 65dvh;
886    --quick-add-modal-height: min(38.5rem, 96vh);
887    --quick-add-modal-width: min(54rem, 96vw);
888    --quick-add-modal-gallery-width: 24rem;
889
890    /* Card styles for search */
891    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
892    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
893    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
894
895    /* Cart */
896    --cart-primary-font-family: var(--font-body--family);
897    --cart-primary-font-style: var(--font-body--style);
898    --cart-primary-font-weight: var(--font-body--weight);
899    --cart-secondary-font-family: var(--font-primary--family);
900    --cart-secondary-font-style: var(--font-primary--style);
901    --cart-secondary-font-weight: var(--font-primary--weight);
902  }
903</style>
904
905
906
907
908
909
910  <style data-shopify>
911    .color-custom-popover,
912    .color-custom-popover .text-block {
913      /* Background */
914      --color-background: #ffffff;
915      --color-background-rgb: 255 255 255;
916
917      /* Opacity values adjusted for background brightness */
918      
919--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9200.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
921
922
923      
924        /* Foreground / text — explicit or smart-contrasted */
925        --color: #000000;
926        --color-rgb: 0 0 0;
927        --color-foreground: #000000;
928        --color-foreground-rgb: 0 0 0;
929        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
930        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
931        --color-border: #000000;
932        --color-border-rgb: 0 0 0;
933      
934    }
935
936    
937      .color-custom-popover {
938        /* Form-related tokens stay on .color-custom only — .text-block is a prose
939           container (text/announcement/inline-text/blog-post-description/
940           collection-link/price/sku) and never holds form inputs. */
941        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
942        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
943        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
944        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
945      }
946    
947
948    .color-custom-popover {
949      color: var(--color, var(--color-foreground));
950      background-color: var(--color-background);
951    }
952  </style>
953
954
955
956
957
958
959
960
961  <style data-shopify>
962    .color-custom-drawer,
963    .color-custom-drawer .text-block {
964      /* Background */
965      --color-background: #ffffff;
966      --color-background-rgb: 255 255 255;
967
968      /* Opacity values adjusted for background brightness */
969      
970--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9710.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
972
973
974      
975        /* Foreground / text — explicit or smart-contrasted */
976        --color: #000000;
977        --color-rgb: 0 0 0;
978        --color-foreground: #000000;
979        --color-foreground-rgb: 0 0 0;
980        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
981        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
982        --color-border: #000000;
983        --color-border-rgb: 0 0 0;
984      
985    }
986
987    
988      .color-custom-drawer {
989        /* Form-related tokens stay on .color-custom only — .text-block is a prose
990           container (text/announcement/inline-text/blog-post-description/
991           collection-link/price/sku) and never holds form inputs. */
992        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
993        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
994        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
995        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
996      }
997    
998
999    .color-custom-drawer {
1000      color: var(--color, var(--color-foreground));
1001      background-color: var(--color-background);
1002    }
1003  </style>
1004
1005
1006
1007
1008
1009
1010
1011
1012  
1013  <style data-shopify>
1014    .color-custom-badge-sale,
1015    .color-custom-badge-sale .text-block {
1016      --color: #ffffff;
1017      --color-rgb: 255 255 255;
1018      --color-foreground: #ffffff;
1019      --color-foreground-rgb: 255 255 255;
1020      --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
1021      --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
1022
1023      
1024        --color-border: #ffffff;
1025        --color-border-rgb: 255 255 255;
1026      
1027
1028    }
1029
1030    .color-custom-badge-sale {
1031      /* Form-related tokens stay on .color-custom only. */
1032      --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
1033      --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
1034      --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
1035      --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
1036    }
1037
1038    
1039      .color-custom-badge-sale {
1040        color: #ffffff;
1041      }
1042    
1043  </style>
1044
1045
1046
1047
1048
1049
1050
1051
1052  <style data-shopify>
1053    .color-custom-badge-sold-out,
1054    .color-custom-badge-sold-out .text-block {
1055      /* Background */
1056      --color-background: #000000;
1057      --color-background-rgb: 0 0 0;
1058
1059      /* Opacity values adjusted for background brightness */
1060      
1061--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
10620.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
1063
1064
1065      
1066        /* Foreground / text — explicit or smart-contrasted */
1067        --color: #ffffff;
1068        --color-rgb: 255 255 255;
1069        --color-foreground: #ffffff;
1070        --color-foreground-rgb: 255 255 255;
1071        --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
1072        --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
1073        --color-border: #ffffff;
1074        --color-border-rgb: 255 255 255;
1075      
1076    }
1077
1078    
1079      .color-custom-badge-sold-out {
1080        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1081           container (text/announcement/inline-text/blog-post-description/
1082           collection-link/price/sku) and never holds form inputs. */
1083        --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
1084        --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
1085        --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
1086        --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
1087      }
1088    
1089
1090    .color-custom-badge-sold-out {
1091      color: var(--color, var(--color-foreground));
1092      background-color: var(--color-background);
1093    }
1094  </style>
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113<style data-shopify>
1114  /* Palette colors */
1115  :root {
1116    --color-background: #ffffff;
1117    --color-background-rgb: 255 255 255;
1118    --color-foreground: #000000;
1119    --color-foreground-rgb: 0 0 0;
1120    --color-border: #000000;
1121    --color-border-rgb: 0 0 0;
1122    --palette-lightest: #ffffff;
1123    --palette-lightest-rgb: 255 255 255;
1124    --palette-darkest: #000000;
1125    --palette-darkest-rgb: 0 0 0;
1126    
1127--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
11280.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1129
1130
1131    --color-primary-button-text: rgb(255 255 255 / 1.0);
1132    --color-primary-button-background: rgb(23 33 35 / 1.0);
1133    --color-primary-button-border: rgb(0 0 0 / 1.0);
1134    --color-primary-button-focus-outline: rgb(23 33 35);
1135    --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1136    --color-primary-button-hover-background: #354d51;
1137    --color-primary-button-hover-border: #262626;
1138
1139    --color-secondary-button-text: rgb(0 0 0 / 1.0);
1140    --color-secondary-button-background: rgb(255 255 255 / 1.0);
1141    --color-secondary-button-border: rgb(255 255 255 / 1.0);
1142    --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1143    --color-secondary-button-hover-background: #f2f2f2;
1144    --color-secondary-button-hover-border: #f2f2f2;
1145
1146    --color-input-background: rgb(255 255 255 / 1.0);
1147    --color-input-text: rgb(0 0 0 / 1.0);
1148    --color-input-text-rgb: 0 0 0;
1149    --color-input-border: rgb();
1150
1151    --color-variant-background: rgb(255 255 255 / 1.0);
1152    --color-variant-border: rgb();
1153    --color-variant-text: rgb(0 0 0 / 1.0);
1154    --color-variant-text-rgb: 0 0 0;
1155    --color-variant-hover-background: #f2f2f2;
1156    --color-variant-hover-text: rgb(0 0 0 / 1.0);
1157    --color-variant-hover-border: ;
1158
1159    --color-selected-variant-background: rgb(0 0 0 / 1.0);
1160    --color-selected-variant-border: rgb(0 0 0 / 1.0);
1161    --color-selected-variant-text: rgb(255 255 255 / 1.0);
1162    --color-selected-variant-hover-background: #262626;
1163    --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1164    --color-selected-variant-hover-border: #262626;
1165
1166    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1167    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1168    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1169    --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
1170    --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
1171    --color-drawer-shadow-rgb: ;
1172    --color-popover-shadow-rgb: 0 0 0;
1173
1174    /* Shadows */
1175    
1176    
1177      --shadow-blur: 20px;
1178      --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
1179    
1180  }
1181
1182  body {
1183    color: var(--color-foreground);
1184    background-color: var(--color-background);
1185  }
1186</style>
1187
1188
1189    
1189<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1189<link rel="stylesheet" media="all" integrity="sha256-GMqAlzvTzb8alrxTLK1RvtjcJtzdJN2F4H81HSM1TeE=" crossorigin="anonymous" href="//procaccini.com/cdn/shopifycloud/storefront/assets/storefront/policy-0e156355.css">
1190<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/97879621965/digital_wallets/dialog">
1191<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://procaccini.com/policies/contact-information">
1192<link rel="alternate" hreflang="it" href="https://procaccini.com/policies/contact-information">
1193<link rel="alternate" hreflang="en" href="https://procaccini.com/en/policies/contact-information">
1194<script async="async" src="/checkouts/internal/preloads.js?locale=en-IT"></script>
1194
1195<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1196<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-IT&shop_id=97879621965" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1196
1196
1197<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":97879621965,"countryCode":"IT","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/97879621965","merchantName":"Procaccini Milano","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Procaccini Milano","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1197
1197
1198<script id="shopify-features" type="application/json">{"accessToken":"4abb93449d0cc81775055608d70b92e8","betas":["rich-media-storefront-analytics"],"domain":"procaccini.com","predictiveSearch":true,"shopId":97879621965,"locale":"en"}</script>
vendor: 1 bytes, line 1198
1198
1199<script>var Shopify = Shopify || {};
1200Shopify.shop = "w9ce8j-7j.myshopify.com";
1201Shopify.locale = "en";
1202Shopify.currency = {"active":"EUR","rate":"1.0"};
1203Shopify.country = "IT";
1204Shopify.theme = {"name":"Atelier","id":192663126349,"schema_name":"Atelier","schema_version":"4.1.0","theme_store_id":3621,"role":"main"};
1205Shopify.theme.handle = "null";
1206Shopify.theme.style = {"id":null,"handle":null};
1207Shopify.cdnHost = "procaccini.com/cdn";
1208Shopify.routes = Shopify.routes || {};
1209Shopify.routes.root = "/en/";
1210Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1211Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1212Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1213Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1213
1213
1214<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1214
1214
1215<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1215
1215
1216<script>
1217  window.ShopifyPay = window.ShopifyPay || {};
1218  window.ShopifyPay.apiHost = "shop.app\/pay";
1219  window.ShopifyPay.redirectState = null;
1220</script>
vendor: 1 bytes, line 1220
1220
1221<script>
1222  window.Shopify = window.Shopify || {};
1223  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1224  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1225  window.Shopify.SignInWithShop.eligible = true;
1226</script>
vendor: 1 bytes, line 1226
1226
1227<script id="shop-js-analytics" type="application/json">{"pageType":"policy"}</script>
vendor: 1 bytes, line 1227
1227
1228<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1228
1228
1229<script type="module">
1230  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1231
1232  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1233
1234</script>
vendor: 1 bytes, line 1234
1234
1235<script>
1236  window.Shopify = window.Shopify || {};
1237  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1238  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
1239</script>
vendor: 1 bytes, line 1239
1239
1240<script id="__st">var __st={"a":97879621965,"offset":7200,"reqid":"5b7fb1c5-55dd-4104-bc93-c835e53e4bbf-1791314041","pageurl":"procaccini.com\/en\/policies\/contact-information","u":"f6c6eeaf8ad7"};</script>
vendor: 1 bytes, line 1240
1240
1241<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1241
1241
1242<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1242
1242
1243<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//procaccini.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1243
1243
1244<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//procaccini.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1244<script crossorigin="anonymous" defer="defer" src="//procaccini.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1244
1244
1245<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1245
1245
1246<script>
1247  window.Shopify = window.Shopify || {};
1248  window.Shopify.MCP = window.Shopify.MCP || {};
1249  window.Shopify.MCP.enabled = true;
1250  window.Shopify.MCP.shop = "w9ce8j-7j.myshopify.com";
1251  window.Shopify.MCP.mcpEndpoint = "https:\/\/procaccini.com\/api\/mcp";
1252  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1253</script>
vendor: 1 bytes, line 1253
1253
1254<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/procaccini.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1255</script>
vendor: 1 bytes, line 1255
1255
1256<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://procaccini.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1257</script>
vendor: 1 bytes, line 1257
1257
1258<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1259  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
1260</script>
vendor: 1 bytes, line 1260
1260
1261<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1262</script>
vendor: 1 bytes, line 1262
1262
1263<script id='scb4127' type='text/javascript' async='' src='https://procaccini.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1263<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://procaccini.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1264<style id="shopify-accelerated-checkout-cart">
1265        #shopify-buyer-consent {
1266  margin-top: 1em;
1267  display: inline-block;
1268  width: 100%;
1269}
1270
1271#shopify-buyer-consent.hidden {
1272  display: none;
1273}
1274
1275#shopify-subscription-policy-button {
1276  background: none;
1277  border: none;
1278  padding: 0;
1279  text-decoration: underline;
1280  font-size: inherit;
1281  cursor: pointer;
1282}
1283
1284#shopify-subscription-policy-button::before {
1285  box-shadow: none;
1286}
1287
1288      </style>
1289<link rel="compression-dictionary" href="//procaccini.com/cdn/shop/t/4/compiled_assets/styles.css?v=44760935978152708521784207515" crossorigin="anonymous">
1290<link rel="stylesheet" media="screen" href="//procaccini.com/cdn/shop/t/4/compiled_assets/styles.css?v=44760935978152708521784207515&subset=ACwAAAAAAACAAQAAAAAAxDAAECRAFwDgAAIgECFMEEAB" crossorigin="anonymous">
1291<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1291
1292  <!-- BEGIN app block: shopify://apps/smart-seo/blocks/smartseo/7b0a6064-ca2e-4392-9a1d-8c43c942357b --><meta name="smart-seo-integrated" content="true" /><!-- metatagsSavedToSEOFields: true --><!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1293<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 97879621965,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "policy"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1293
1293
1294<script>
1295  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1296</script>
vendor: 1 bytes, line 1296
1296
1297<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1297).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 97879621965,storefrontBaseUrl: "https://procaccini.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://procaccini.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Procaccini Milano","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"w9ce8j-7j.myshopify.com","countryCode":"IT","storefrontUrl":"https:\/\/procaccini.com\/en"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
129710745197232461","handle":"champagne-brut-delamotte","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54266250101069","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10719475106125","handle":"olio-procaccini-by-emin-haziri","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54155716002125","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://procaccini.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"192663126349","themeStoreId":"3621","themePublished":"true","eventMetadataId":"f77908c0-3fbd-4462-9cce-1f5f5bfeea46","shopId":"97879621965","storefrontBaseUrl":"https:\/\/procaccini.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1297<script>
1298  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1299  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1300  window.ShopifyAnalytics.meta.currency = 'EUR';
1301  var meta = {"page":{"requestId":"5b7fb1c5-55dd-4104-bc93-c835e53e4bbf-1791314041"}};
1302  for (var attr in meta) {
1303    window.ShopifyAnalytics.meta[attr] = meta[attr];
1304  }
1305</script>
vendor: 1 bytes, line 1305
1305
1306<script class="analytics">
1307  (function () {
1308    var customDocumentWrite = function(content) {
1309      var jquery = null;
1310
1311      if (window.jQuery) {
1312        jquery = window.jQuery;
1313      } else if (window.Checkout && window.Checkout.$) {
1314        jquery = window.Checkout.$;
1315      }
1316
1317      if (jquery) {
1318        jquery('body').append(content);
1319      }
1320    };
1321
1322    var hasLoggedConversion = function(token) {
1323      if (token) {
1324        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1325      }
1326      return false;
1327    }
1328
1329    var setCookieIfConversion = function(token) {
1330      if (token) {
1331        var twoMonthsFromNow = new Date(Date.now());
1332        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1333
1334        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1335      }
1336    }
1337
1338    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1339    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1340    if (trekkie.integrations) {
1341      return;
1342    }
1343    trekkie.methods = [
1344      'identify',
1345      'page',
1346      'ready',
1347      'track',
1348      'trackForm',
1349      'trackLink'
1350    ];
1351    trekkie.factory = function(method) {
1352      return function() {
1353        var args = Array.prototype.slice.call(arguments);
1354        args.unshift(method);
1355        trekkie.push(args);
1356        if (method == 'track' || method == 'page') {
1357          var pageUrl;
1358          try {
1359            pageUrl = window.location.href;
1360          } catch (e) {}
1361          var pageReferrer;
1362          try {
1363            pageReferrer = document.referrer;
1364          } catch (e) {}
1365          try {
1366            if (window.__TREKKIE_SHIM_QUEUE == null) {
1367              window.__TREKKIE_SHIM_QUEUE = [];
1368            }
1369            window.__TREKKIE_SHIM_QUEUE.push({
1370              from: 'trekkie-stub',
1371              method: method,
1372              args: args.slice(1),
1373              pageContext: {
1374                url: pageUrl,
1375                referrer: pageReferrer
1376              }
1377            });
1378          } catch (e) {
1379            // no-op
1380          }
1381        }
1382        return trekkie;
1383      };
1384    };
1385    for (var i = 0; i < trekkie.methods.length; i++) {
1386      var key = trekkie.methods[i];
1387      trekkie[key] = trekkie.factory(key);
1388    }
1389    trekkie.load = function(config) {
1390      trekkie.config = config || {};
1391      trekkie.config.initialDocumentCookie = document.cookie;
1392      var first = document.getElementsByTagName('script')[0];
1393var script = document.createElement('script');
1394script.type = 'text/javascript';
1395script.onerror = function(e) {
1396  var scriptFallback = document.createElement('script');
1397  scriptFallback.type = 'text/javascript';
1398  scriptFallback.onerror = function(error) {
1399          var Monorail = {
1400      produce: function produce(monorailDomain, schemaId, payload) {
1401        var currentMs = new Date().getTime();
1402        var event = {
1403          schema_id: schemaId,
1404          payload: payload,
1405          metadata: {
1406            event_created_at_ms: currentMs,
1407            event_sent_at_ms: currentMs
1408          }
1409        };
1410        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1411      },
1412      sendRequest: function sendRequest(endpointUrl, payload) {
1413        // Try the sendBeacon API
1414        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1415          var blobData = new window.Blob([payload], {
1416            type: 'text/plain'
1417          });
1418
1419          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1420            return true;
1421          } // sendBeacon was not successful
1422
1423        } // XHR beacon
1424
1425        var xhr = new XMLHttpRequest();
1426
1427        try {
1428          xhr.open('POST', endpointUrl);
1429          xhr.setRequestHeader('Content-Type', 'text/plain');
1430          xhr.send(payload);
1431        } catch (e) {
1432          console.log(e);
1433        }
1434
1435        return false;
1436      },
1437      isIos12: function isIos12() {
1438        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1439      }
1440    };
1441    Monorail.produce('monorail-edge.shopifysvc.com',
1442      'trekkie_storefront_load_errors/1.1',
1443      {shop_id: 97879621965,
1444      theme_id: 192663126349,
1445      app_name: "storefront",
1446      context_url: window.location.href,
1447      source_url: "//procaccini.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1448
1449  };
1450  scriptFallback.async = true;
1451  scriptFallback.src = '//procaccini.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1452  first.parentNode.insertBefore(scriptFallback, first);
1453};
1454script.async = true;
1455script.src = '//procaccini.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1456first.parentNode.insertBefore(script, first);
1457
1458    };
1459    trekkie.load(
1460      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":97879621965,"isMerchantRequest":null,"themeId":192663126349,"themeCityHash":"8709819045432205906","contentLanguage":"en","currency":"EUR","eventMetadataId":"f77908c0-3fbd-4462-9cce-1f5f5bfeea46"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1461    );
1462
1463    var loaded = false;
1464    trekkie.ready(function() {
1465      if (loaded) return;
1466      loaded = true;
1467
1468      window.ShopifyAnalytics.lib = window.trekkie;
1469
1470      var originalDocumentWrite = document.write;
1471      document.write = customDocumentWrite;
1472      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1473      document.write = originalDocumentWrite;
1474
1475      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1476      var token = match? match[1]: undefined;
1477      if (!hasLoggedConversion(token)) {
1478        setCookieIfConversion(token);
1479        
1480      }
1481    });
1482
1483    window.ShopifyAnalytics.lib.page(null,{"requestId":"5b7fb1c5-55dd-4104-bc93-c835e53e4bbf-1791314041","shopifyEmitted":true});
1484
1485    var eventsListenerScript = document.createElement('script');
1486    eventsListenerScript.async = true;
1487    eventsListenerScript.src = "//procaccini.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1488    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1489})();</script>
vendor: 1 bytes, line 1489
1489
1490<script
1491  defer
1492  src="https://procaccini.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
1493  data-application="storefront-renderer"
1494  data-shop-id="97879621965"
1495  data-render-region="gcp-europe-west1"
1496  data-page-type="policy"
1497  data-theme-instance-id="192663126349"
1498  data-theme-name="Atelier"
1499  data-theme-version="4.1.0"
1500  data-monorail-region="shop_domain"
1501  data-resource-timing-sampling-rate="10"
1502  data-shs="true"
1503  data-shs-beacon="true"
1504  data-shs-export-with-fetch="true"
1505  data-shs-logs-sample-rate="1"
1506  data-shs-beacon-endpoint="https://procaccini.com/api/collect"
1507></script>
vendor: 1 bytes, line 1507
1507
1508<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1508<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"97879621965","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"IT","language":"en"}}</script>
1508
1509<meta name="shopify-y" content="76d15f30-8814-4b66-b6b7-2fbe53ed2456" data-expiration="1822871641000"><meta name="shopify-s" content="f7c01d2a-6692-485b-8b6f-e78e02b0c905" data-expiration="1791315841000"><meta name="new-cookie-storage-activated" content="t">
1510</head>
1511
1512  <body class="page-width-wide card-hover-effect-subtle-zoom">
1513    <a
1514  class="skip-to-content-link button-secondary"
1515  href="#MainContent"
1516>
1517  Skip to content
1518</a>
1519
1520
1521
1522
1523    
1524
1525<theme-drawer id="chat-drawer">
1526  <dialog
1527    ref="panel"
1528    class="theme-drawer__dialog chat-drawer"
1529  >
1530    <shopify-chat
1531      mode="standalone"
1532      mode-switch
1533    ></shopify-chat>
1534  </dialog>
1535</theme-drawer>
1536
1537<script type="module">
1538  const chatDrawer = document.querySelector('#chat-drawer');
1539  const shopifyChat = document.querySelector('shopify-chat');
1540
1541  document.addEventListener('theme-drawer:open', (event) => {
1542    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
1543    shopifyChat?.setAttribute('mode', 'managed');
1544  });
1545
1546  document.addEventListener('theme-drawer:close', (event) => {
1547    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
1548    // If mode is still managed, this is a theme-initiated close (backdrop /
1549    // Escape) — close the chat so the FAB appears. If mode is already
1550    // standalone, the close was triggered by an undock (enter-standalone sets
1551    // mode before closing the drawer) — leave the chat open as a floating panel.
1552    if (shopifyChat?.getAttribute('mode') === 'managed') {
1553      shopifyChat?.removeAttribute('open');
1554    }
1555    shopifyChat?.setAttribute('mode', 'standalone');
1556  });
1557
1558  document.addEventListener('shopify-chat:enter-managed', () => {
1559    // Captured at event-fire time — the dock-transition animation hint below
1560    // depends on state as it was when the event was dispatched.
1561    const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
1562
1563    // The activator-click path (FAB click on desktop with stored
1564    // preferredMode=managed) dispatches enter-managed *before* calling show(),
1565    // so the chat's `open` attribute at event time understates the imminent
1566    // outcome. Defer to a microtask: by then show() (if any) has run, and we
1567    // can distinguish the viewport-driven mobile→desktop transition that left
1568    // a minimized FAB (chat stays closed → don't open an empty drawer) from
1569    // an activator click (chat just opened → open the drawer).
1570    queueMicrotask(() => {
1571      if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
1572        return;
1573      }
1574      chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
1575    });
1576  });
1577
1578  document.addEventListener('shopify-chat:enter-standalone', () => {
1579    shopifyChat?.setAttribute('mode', 'standalone');
1580    chatDrawer?.close?.();
1581  });
1582
1583  document.addEventListener('shopify-chat:close', () => {
1584    if (shopifyChat?.getAttribute('mode') === 'managed') {
1585      chatDrawer?.close?.();
1586    }
1587  });
1588
1589  document.addEventListener('megaMenu:hover', () => {
1590    if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
1591      shopifyChat?.removeAttribute('open');
1592    }
1593  });
1594
1595  // After the chat upgrades it self-restores its preferred mode from
1596  // sessionStorage. Reconcile any mismatch with the theme-drawer's state
1597  // — the drawer is the source of truth for which mode the chat should
1598  // be in (open → managed, closed → standalone).
1599  customElements.whenDefined('shopify-chat').then(() => {
1600    const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
1601    if (shopifyChat?.getAttribute('mode') !== mode) {
1602      // When switching managed → standalone (e.g. narrow viewport skipped
1603      // drawer restore), also close the chat so it renders as the FAB
1604      // rather than an open standalone panel.
1605      if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
1606        shopifyChat?.removeAttribute('open');
1607      }
1608      shopifyChat?.setAttribute('mode', mode);
1609    }
1610  });
1611</script>
1611
1612
1613
1614
1615
1616    <div class="page-wrapper">
1617      <div id="header-group">
1618        <!-- BEGIN sections: header-group -->
1619<header id="shopify-section-sections--28769422901581__header_section" class="shopify-section shopify-section-group-header-group header-section">
1620
1621
1622
1623
1624
1625
1626<script type="application/ld+json">
1627  {
1628    "@context": "http://schema.org",
1629    "@type": "Organization",
1630    "name": "Procaccini Milano",
1631    
1632      "logo": "https:\/\/procaccini.com\/cdn\/shop\/files\/Procaccini_Milano_logo_1.png?v=1782304919\u0026width=500",
1633    
1634    "url": "https:\/\/procaccini.com"
1635  }
1636</script>
1636
1637
1638<header-component
1639  id="header-component"
1640  class="header"
1641  data-theme-color="rgb(255 255 255)"
1642  data-bubble-style="default"
1643  
1644  
1645    sticky="always"
1646  
1647  data-skip-node-update
1648  data-scroll-direction="none"
1649  
1650  
1651    data-transparent-background="bottom"
1652  
1653  style="
1654    --color-background-top-row: rgba(255 255 255 / 1.0);
1655    --color-background-bottom-row: rgba(255 255 255 / 1.0);
1656    
1657    
1658      --cart-bubble-background: var(--palette-darkest);
1659      --cart-bubble-text: #ffffff;
1660    
1661    
1662  "
1663>
1664  <div class="header__underlay header__underlay-closed"></div>
1665  <div
1666    class="header__underlay header__underlay-open"
1667  ></div>
1668    
1669
1670    
1671
1672    
1673    
1674      <div
1675        class="header__row header__row--top color-#ffffff section section--full-width-margin section--page-width color-custom-top-sections--28769422901581__header_section"
1676        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);">
1677        <div class="header__columns spacing-style">
1678          <style data-shopify>
1679    .color-custom-top-sections--28769422901581__header_section,
1680    .color-custom-top-sections--28769422901581__header_section .text-block {
1681      /* Background */
1682      --color-background: #ffffff;
1683      --color-background-rgb: 255 255 255;
1684
1685      /* Opacity values adjusted for background brightness */
1686      
1687--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
16880.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1689
1690
1691      
1692        /* Foreground / text — explicit or smart-contrasted */
1693        --color: #000000;
1694        --color-rgb: 0 0 0;
1695        --color-foreground: #000000;
1696        --color-foreground-rgb: 0 0 0;
1697        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
1698        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
1699        --color-border: var(--palette-darkest);
1700        --color-border-rgb: var(--palette-darkest-rgb);
1701      
1702    }
1703
1704    
1705      .color-custom-top-sections--28769422901581__header_section {
1706        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1707           container (text/announcement/inline-text/blog-post-description/
1708           collection-link/price/sku) and never holds form inputs. */
1709        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
1710        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
1711        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
1712        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
1713      }
1714    
1715
1716    .color-custom-top-sections--28769422901581__header_section {
1717      color: var(--color, var(--color-foreground));
1718      background-color: var(--color-background);
1719    }
1720  </style>
1721
1722
1723      
1724      
1725<div
1726      class="header__column header__column--left"
1727      data-testid="header-top-left"
1728    >
1729      
1730        
1731          
1732              
1733
1734
1735
1736    <div
1737      class="header__drawer"
1738      ref="headerDrawerContainer"
1739      data-hydration-key="header-drawer-mobile"
1740      
1741    >
1742      
1743
1744
1745
1746
1747  <style data-shopify>
1748    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1,
1749    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1 .text-block {
1750      /* Background */
1751      --color-background: #f7f7f8;
1752      --color-background-rgb: 247 247 248;
1753
1754      /* Opacity values adjusted for background brightness */
1755      
1756--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
17570.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1758
1759
1760      
1761        /* Foreground / text — explicit or smart-contrasted */
1762        --color: #000000;
1763        --color-rgb: 0 0 0;
1764        --color-foreground: #000000;
1765        --color-foreground-rgb: 0 0 0;
1766        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
1767        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
1768        --color-border: var(--palette-darkest);
1769        --color-border-rgb: var(--palette-darkest-rgb);
1770      
1771    }
1772
1773    
1774      .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1 {
1775        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1776           container (text/announcement/inline-text/blog-post-description/
1777           collection-link/price/sku) and never holds form inputs. */
1778        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
1779        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
1780        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
1781        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
1782      }
1783    
1784
1785    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1 {
1786      color: var(--color, var(--color-foreground));
1787      background-color: var(--color-background);
1788    }
1789  </style>
1790
1791
1792
1793<script
1794  src="//procaccini.com/cdn/shop/t/4/assets/header-drawer.js?v=121243031541024704371782288532"
1795  type="module"
1796  fetchpriority="low"
1797></script>
1797
1798
1799<header-drawer
1800  class="header-drawer "
1801  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1802>
1803  <details
1804    id="Details-menu-drawer-container"
1805    data-skip-node-update="true"
1806    class="menu-drawer-container"
1807    ref="details"
1808    scroll-lock
1809  >
1810    <summary
1811      class="header__icon header__icon--menu header__icon--summary"
1812      aria-label="Menu"
1813      on:click="/toggle"
1814    >
1815      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1816  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1817  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1818</svg>
1819</span>
1820      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1821<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
1822</svg>
1823</span>
1824    </summary>
1825    <div
1826      ref="menuDrawer"
1827      class="
1828        menu-drawer
1829        
1830          color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1
1831        
1832      "
1833    >
1834      <button
1835        class="button close-button menu-drawer__close-button focus-inset"
1836        type="button"
1837        aria-label="Close"
1838        on:click="/close"
1839      >
1840        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1841<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
1842</svg>
1843</span>
1844      </button>
1845      <nav
1846        class="menu-drawer__navigation"
1847        style="--menu-top-level-font-family: var(--font-primary--family);
1848--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:uppercase;
1849
1850  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
1851  var(--menu-font-2xl--line-height);
1852
1853--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
1854
1855--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
1856var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
1857uppercase;
1858
1859    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
1860    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
1861    --menu-parent-active-font-color: var(--color-foreground-subdued);
1862  
1863--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
1864uppercase;
1865
1866    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
1867    --menu-child-font-color: var(--color-foreground-subdued); --menu-child-active-font-color: var(--color-foreground);
1868  
1869
1870        "
1871        aria-label="Primary"
1872      >
1873        <ul
1874          class="menu-drawer__menu has-submenu"
1875          role="list"
1876        >
1877            
1878            
1879
1880              <li
1881                style="--menu-drawer-animation-index: 1;"
1882                class="menu-drawer__list-item--flat"
1883              >
1884                
1885<a
1886                    id="HeaderDrawer-il-ristorante"
1887                    href="/en/pages/il-ristorante-procaccini-milano"
1888                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1889                    
1890                  >
1891                    <span class="menu-drawer__menu-item-text wrap-text">Restaurant</span>
1892                  </a>
1893                  
1894                  <ul
1895                    class="menu-drawer__menu menu-drawer__menu--childlist"
1896                    role="list"
1897                    tabindex="-1"
1898                  ><li
1899                        class="menu-drawer__list-item"
1900                        style="--menu-drawer-animation-index: 1;"
1901                      >
1902                        <a
1903                          href="/en/pages/il-ristorante-procaccini-milano#shopify-section-template--28772365369677__media_with_content_MPgA9e"
1904                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
1905                          
1906                        >
1907                          
1908                          <span class="menu-drawer__menu-item-text wrap-text">The Chef</span>
1909                        </a>
1910                      </li><li
1911                        class="menu-drawer__list-item"
1912                        style="--menu-drawer-animation-index: 1;"
1913                      >
1914                        <a
1915                          href="/en/pages/menu-procaccini-milano"
1916                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
1917                          
1918                        >
1919                          
1920                          <span class="menu-drawer__menu-item-text wrap-text">Menu</span>
1921                        </a>
1922                      </li><li
1923                        class="menu-drawer__list-item"
1924                        style="--menu-drawer-animation-index: 1;"
1925                      >
1926                        <a
1927                          href="/en/pages/prenota-un-tavolo"
1928                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
1929                          
1930                        >
1931                          
1932                          <span class="menu-drawer__menu-item-text wrap-text">Book a table</span>
1933                        </a>
1934                      </li><li
1935                        class="menu-drawer__list-item"
1936                        style="--menu-drawer-animation-index: 1;"
1937                      >
1938                        <a
1939                          href="https://procaccini.shop.bonkdo.com/it/buoni-regalo"
1940                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
1941                          
1942                        >
1943                          
1944                          <span class="menu-drawer__menu-item-text wrap-text">Give an experience</span>
1945                        </a>
1946                      </li></ul>
1947                
1948              </li>
1949              <li
1950                style="--menu-drawer-animation-index: 2;"
1951                class="menu-drawer__list-item--flat"
1952              >
1953                
1954<a
1955                    id="HeaderDrawer-shop"
1956                    href="/en/collections/all"
1957                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1958                    
1959                  >
1960                    <span class="menu-drawer__menu-item-text wrap-text">Shop</span>
1961                  </a>
1962                
1963              </li>
1964              <li
1965                style="--menu-drawer-animation-index: 3;"
1966                class="menu-drawer__list-item--flat"
1967              >
1968                
1969<a
1970                    id="HeaderDrawer-dicono-di-noi"
1971                    href="/en/pages/dicono-di-noi"
1972                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1973                    
1974                  >
1975                    <span class="menu-drawer__menu-item-text wrap-text">About us</span>
1976                  </a>
1977                
1978              </li>
1979              <li
1980                style="--menu-drawer-animation-index: 4;"
1981                class="menu-drawer__list-item--flat"
1982              >
1983                
1984<a
1985                    id="HeaderDrawer-contatti"
1986                    href="/en/pages/contatti-procaccini-milano"
1987                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1988                    
1989                  >
1990                    <span class="menu-drawer__menu-item-text wrap-text">Contacts</span>
1991                  </a>
1992                
1993              </li>
1994        </ul>
1995      </nav>
1996      <div
1997        class="menu-drawer__utility-links menu-drawer__animated-element"
1998        style="--menu-drawer-animation-index: 4;"
1999      >
2000        
2001        
2002          
2003          
2004            <div class="menu-drawer__localization color-custom-popover">
2005              
2006<localization-form-component
2007  ref="localizationForm"
2008  data-label-results-count="[count] results"
2009  data-show-filter="false"
2010  style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2011>
2012  
2013<form method="post" action="/en/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
2014
2015    
2016      <div class="language-selector language-selector--collapse-space h5">
2017        <h2
2018          class="visually-hidden"
2019          id="drawer-LanguageLabel"
2020        >
2021          Language
2022        </h2>
2023        
2024        <select
2025          id="drawerSelect"
2026          class="localization-form__select"
2027          name="language_code"
2028          aria-label="Language"
2029          ref="languageInput"
2030          on:change="/changeLanguage"
2031        ><option
2032              value="it"
2033              lang="it"
2034              
2035            >
2036              Italiano
2037            </option><option
2038              value="en"
2039              lang="en"
2040              
2041                selected
2042              
2043            >
2044              English
2045            </option></select>
2046        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2047  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2048</svg>
2049</span>
2050      </div>
2051    
2052</form></localization-form-component>
2053
2054
2055
2056            </div>
2057          
2058</div>
2059
2060      
2061    </div>
2062    <div
2063      class="menu-drawer__backdrop"
2064      on:click="header-drawer/close"
2065    ></div>
2066  </details>
2067</header-drawer>
2068
2069
2070
2071    </div>
2072
2073  
2074
2075<style data-shopify>
2076  .header__underlay {
2077    --color-submenu: rgb(247 247 248);
2078  }
2079</style>
2080
2081
2082
2083
2084            
2085        
2086      
2087        
2088          
2089              
2090  <search-button
2091    class="search-action search-action--hidden-on-menu"
2092  >
2093    <button
2094      on:click="#search-modal/showDialog"
2095      class="button-unstyled header-actions__action"
2096      aria-label="Search"
2097      aria-haspopup="dialog"
2098    >
2099      <span class="hidden">
2100        Search
2101      </span>
2102
2103      <span class="svg-wrapper ">
2104        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
2105
2106      </span>
2107    </button>
2108  </search-button>
2109
2110
2111
2112
2113            
2114        
2115      
2116        
2117          
2118              
2119
2120
2121
2122    
2123
2124
2125
2126
2127  <style data-shopify>
2128    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu,
2129    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu .text-block {
2130      /* Background */
2131      --color-background: #f7f7f8;
2132      --color-background-rgb: 247 247 248;
2133
2134      /* Opacity values adjusted for background brightness */
2135      
2136--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
21370.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2138
2139
2140      
2141        /* Foreground / text — explicit or smart-contrasted */
2142        --color: #000000;
2143        --color-rgb: 0 0 0;
2144        --color-foreground: #000000;
2145        --color-foreground-rgb: 0 0 0;
2146        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
2147        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
2148        --color-border: var(--palette-darkest);
2149        --color-border-rgb: var(--palette-darkest-rgb);
2150      
2151    }
2152
2153    
2154      .color-custom-ANXV0V1NjYUtIa3NsY__header-menu {
2155        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2156           container (text/announcement/inline-text/blog-post-description/
2157           collection-link/price/sku) and never holds form inputs. */
2158        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
2159        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
2160        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
2161        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
2162      }
2163    
2164
2165    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu {
2166      color: var(--color, var(--color-foreground));
2167      background-color: var(--color-background);
2168    }
2169  </style>
2170
2171
2172
2173    
2174
2175    <header-menu
2176      ref="headerMenu"
2177      class="header-menu"
2178      
2179      data-hydration-key="header-menu"
2180    >
2181      <div class="header-menu__inner">
2182        <nav
2183          class="menu-list"
2184          aria-label="Primary"
2185          style="--menu-top-level-font-family: var(--font-primary--family);
2186--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-primary--style);
2186 --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:uppercase;
2187
2188  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2189  var(--menu-font-sm--line-height);
2190
2191--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2192"
2193        >
2194          
2195          <overflow-list
2196  
2197    ref="overflowMenu"
2198  
2199  
2200    class="overflow-menu color-custom-ANXV0V1NjYUtIa3NsY__header-menu"
2201  
2202  
2203    minimum-items="2"
2204  
2205  
2206    data-testid="header-menu-overflow-list"
2207  
2208  
2209    data-skip-node-update
2210  
2211>
2212  <template shadowrootmode="open">
2213    <link href="//procaccini.com/cdn/shop/t/4/assets/overflow-list.css?v=16727044177065489451782288532" rel="stylesheet" type="text/css" media="all" />
2214
2215    <ul part="list">
2216      <slot></slot>
2217      <slot
2218        name="more"
2219        part="more"
2220        hidden
2221        
2222      >
2223        <li
2224          part="more"
2225        >
2226          <button
2227            class="button"
2228            type="button"
2229            tabindex="0"
2230            
2231          >
2232            More
2233          </button>
2234        </li>
2235      </slot>
2236      <li
2237        part="placeholder"
2238        hidden
2239      ></li>
2240    </ul>
2241
2242    <div part="overflow">
2243      <ul part="overflow-list">
2244        <slot name="overflow"></slot>
2245      </ul>
2246    </div>
2247  </template>
2248
2249  
2250      
2251        <li
2252          role="presentation"
2253          class="menu-list__list-item"
2254          on:focus="/activate"
2255          on:blur="/deactivate"
2256          on:pointerenter="/activate"
2257          on:pointerleave="/deactivate"
2258        >
2259          <a
2260            href="/en/pages/il-ristorante-procaccini-milano"
2261            data-skip-node-update="true"
2262            class="menu-list__link"aria-controls="submenu-1"
2263              aria-haspopup="true"
2264              aria-expanded="false"
2265            ref="menuitem"
2266          >
2267            <span class="menu-list__link-title">Restaurant</span>
2268          </a><div class="menu-list__submenu color-custom-ANXV0V1NjYUtIa3NsY__header-menu" ref="submenu[]">
2269              <div
2270                id="submenu-1"
2271                class="menu-list__submenu-inner"
2272                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
2273var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
2274uppercase;
2275
2276    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
2277    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
2278    --menu-parent-active-font-color: var(--color-foreground-subdued);
2279  
2280--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
2281uppercase;
2282
2283    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
2284    --menu-child-font-color: var(--color-foreground-subdued); --menu-child-active-font-color: var(--color-foreground);
2285  
2286"
2287              >
2288                
2289                <div class="mega-menu section section--full-width-margin section--page-width">
2290                  <div
2291                    class="mega-menu__grid"
2292                    data-menu-grid-id="MegaMenuList-1"
2293                  >
2294                    
2295<ul
2296  data-menu-list-id="MegaMenuList-1"
2297  class="mega-menu__list list-unstyled"
2298  style="--menu-image-border-radius: 0px;"
2299>
2300  
2301    <li class="mega-menu__column mega-menu__column--span-1">
2302    <div>
2303      <a
2304        href="/en/pages/il-ristorante-procaccini-milano#shopify-section-template--28772365369677__media_with_content_MPgA9e"
2305        class="mega-menu__link "
2306      >
2307        
2308        <span class="wrap-text">The Chef</span>
2309      </a>
2310      
2311    </div>
2312
2313    
2314  
2315    
2316    <div>
2317      <a
2318        href="/en/pages/menu-procaccini-milano"
2319        class="mega-menu__link "
2320      >
2321        
2322        <span class="wrap-text">Menu</span>
2323      </a>
2324      
2325    </div>
2326
2327    
2328  
2329    
2330    <div>
2331      <a
2332        href="/en/pages/prenota-un-tavolo"
2333        class="mega-menu__link "
2334      >
2335        
2336        <span class="wrap-text">Book a table</span>
2337      </a>
2338      
2339    </div>
2340
2341    
2342  
2343    
2344    <div>
2345      <a
2346        href="https://procaccini.shop.bonkdo.com/it/buoni-regalo"
2347        class="mega-menu__link "
2348      >
2349        
2350        <span class="wrap-text">Give an experience</span>
2351      </a>
2352      
2353    </div>
2354
2355    </li>
2356  
2357</ul>
2358
2359
2360
2361<style data-shopify>
2362  [data-menu-grid-id="MegaMenuList-1"] {
2363    
2364      --menu-columns-desktop: 6;
2365      --menu-columns-tablet: 4;
2366    
2367  }
2368
2369  [data-menu-list-id="MegaMenuList-1"] {
2370    
2371      --menu-columns-desktop: 6;
2372      --menu-columns-tablet: 4;
2373    
2374  }
2375</style>
2376
2377
2378
2379                  </div>
2380                </div>
2381              </div>
2382            </div></li>
2383      
2384        <li
2385          role="presentation"
2386          class="menu-list__list-item"
2387          on:focus="/activate"
2388          on:blur="/deactivate"
2389          on:pointerenter="/activate"
2390          on:pointerleave="/deactivate"
2391        >
2392          <a
2393            href="/en/collections/all"
2394            data-skip-node-update="true"
2395            class="menu-list__link"
2396            ref="menuitem"
2397          >
2398            <span class="menu-list__link-title">Shop</span>
2399          </a></li>
2400      
2401        <li
2402          role="presentation"
2403          class="menu-list__list-item"
2404          on:focus="/activate"
2405          on:blur="/deactivate"
2406          on:pointerenter="/activate"
2407          on:pointerleave="/deactivate"
2408        >
2409          <a
2410            href="/en/pages/dicono-di-noi"
2411            data-skip-node-update="true"
2412            class="menu-list__link"
2413            ref="menuitem"
2414          >
2415            <span class="menu-list__link-title">About us</span>
2416          </a></li>
2417      
2418        <li
2419          role="presentation"
2420          class="menu-list__list-item"
2421          on:focus="/activate"
2422          on:blur="/deactivate"
2423          on:pointerenter="/activate"
2424          on:pointerleave="/deactivate"
2425        >
2426          <a
2427            href="/en/pages/contatti-procaccini-milano"
2428            data-skip-node-update="true"
2429            class="menu-list__link"
2430            ref="menuitem"
2431          >
2432            <span class="menu-list__link-title">Contacts</span>
2433          </a></li>
2434      
2435      <li
2436        class="menu-list__list-item"
2437        role="presentation"
2438        slot="more"
2439        on:focus="/activate"
2440        on:blur="/deactivate"
2441        on:pointerenter="/activate"
2442        on:pointerleave="/deactivate"
2443      >
2444        <button role="listitem" class="menu-list__link button-unstyled">
2445          <span class="menu-list__link-title">More</span>
2446        </button>
2447      </li>
2448    
2449</overflow-list>
2450
2451        </nav>
2452      </div>
2453
2454      
2454<script
2455        src="//procaccini.com/cdn/shop/t/4/assets/header-menu.js?v=95929844569485293131782288532"
2456        type="module"
2457        fetchpriority="low"
2458      ></script>
2458
2459    </header-menu>
2460
2461
2462<style data-shopify>
2463  .header__underlay {
2464    --color-submenu: rgb(247 247 248);
2465  }
2466</style>
2467
2468
2469
2470
2471            
2472        
2473      
2474    </div><div
2475      class="header__column header__column--center"
2476      data-testid="header-top-center"
2477    >
2478      
2479        
2480          
2481              
2482
2483
2484<a
2485  
2486  href="/en"
2487  class="size-style spacing-style header-logo"
2488  style="
2489    --size-style-width: ;--size-style-height: ;
2490    --padding-block-start: 10px;--padding-block-end: 0px;
2491    --font-family: var(--font-body--family);
2492    --font-style: var(--font-body--style);
2493    --font-weight: 600;
2494  "
2495  
2496>
2497  
2498
2499  <span
2500    class="header-logo__image-container header-logo__image-container--original"
2501    data-testid="header-logo"
2502  >
2503    
2504  
2505  
2506  
2507  
2508
2509  
2510
2511  
2512
2513  
2514
2515  <img src="//procaccini.com/cdn/shop/files/Procaccini_Milano_logo_1.png?height=36&amp;v=1782304919" alt="Procaccini Milano - Home" width="149" height="36" class="header-logo__image" srcset="//procaccini.com/cdn/shop/files/Procaccini_Milano_logo_1.png?height=36&amp;v=1782304919 1x, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_1.png?height=72&amp;v=1782304919 2x, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_1.png?height=108&amp;v=1782304919 3x" style="--header-logo-image-width: 150px;--header-logo-image-width-mobile: 117px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
2516
2517
2518  </span>
2519
2520  
2521</a>
2522
2523
2524
2525
2526
2527            
2528        
2529      
2530    </div><div
2531      class="header__column header__column--right"
2532      data-testid="header-top-right"
2533    >
2534      
2535        
2536          
2537              
2538  
2539  
2540    <div class="dropdown-localization mobile:hidden">
2541      
2542<localization-form-component
2543  ref="localizationForm"
2544  data-label-results-count="[count] results"
2545  data-show-filter="false"
2546  style="--menu-localization-font: var(--font-body--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2547>
2548  
2549<form method="post" action="/en/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
2550
2551    
2552      <div class="language-selector language-selector--collapse-space">
2553        <h2
2554          class="visually-hidden"
2555          id="dropdown-LanguageLabel"
2556        >
2557          Language
2558        </h2>
2559        
2560        <select
2561          id="dropdownSelect"
2562          class="localization-form__select"
2563          name="language_code"
2564          aria-label="Language"
2565          ref="languageInput"
2566          on:change="/changeLanguage"
2567        ><option
2568              value="it"
2569              lang="it"
2570              
2571            >
2572              Italiano
2573            </option><option
2574              value="en"
2575              lang="en"
2576              
2577                selected
2578              
2579            >
2580              English
2581            </option></select>
2582        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2583  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2584</svg>
2585</span>
2586      </div>
2587    
2588</form></localization-form-component>
2589
2590
2591
2592    </div>
2593  
2594
2595            
2596        
2597      
2598        
2599          
2600              
2601  <search-button
2602    class="search-action search-action--hidden-on-drawer"
2603  >
2604    <button
2605      on:click="#search-modal/showDialog"
2606      class="button-unstyled header-actions__action"
2607      aria-label="Search"
2608      aria-haspopup="dialog"
2609    >
2610      <span class="hidden">
2611        Search
2612      </span>
2613
2614      <span class="svg-wrapper ">
2615        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
2616
2617      </span>
2618    </button>
2619  </search-button>
2619
2620
2621
2622
2623
2624            
2625        
2626      
2627        
2628          
2629              
2630
2631<script
2632  type="module"
2633  src="//procaccini.com/cdn/shop/t/4/assets/cart-icon.js?v=109428858171217037751782288532"
2634  fetchpriority="low"
2635></script>
2635
2636
2637
2638
2639
2640
2641<header-actions
2642  
2643>
2644  
2645    
2646    <div
2647      class="account-button header-actions__action color-custom-popover"
2648    >
2649      <shopify-store store-domain="https://procaccini.com" country="IT" language="en"></shopify-store>
2650<shopify-account
2651        menu="customer-account-main-menu"
2652        
2653      >
2654        
2655          <span
2656            slot="signed-out-avatar"
2657            class="account-button__text header-actions__text-style hidden"
2658          >
2659            Account
2660          </span>
2661
2662          <span
2663            slot="signed-out-avatar"
2664            class=""
2665            aria-hidden="true"
2666          >
2667            
2668  <svg
2669    xmlns="http://www.w3.org/2000/svg"
2670    width="15"
2671    height="17"
2672    viewBox="0 0 15 17"
2673    fill="none"
2674    slot="signed-out-avatar"
2675    class="account-button__icon"
2676  >
2677    <path
2678      stroke="currentColor"
2679      stroke-linejoin="round"
2680      stroke-width="var(--icon-stroke-width)"
2681      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
2682    />
2683  </svg>
2684
2685          </span>
2686        
2687      </shopify-account>
2688    </div>
2689  
2690
2691  
2692    <button
2693      class="header-actions__action button-unstyled"
2694      on:click="#cart-drawer/toggle"
2695      aria-haspopup="dialog"
2696      aria-expanded="false"
2697      aria-controls="cart-drawer"
2698      aria-label="Cart"
2699      aria-describedby="cart-bubble-text"
2700      data-testid="cart-drawer-trigger"
2701    >
2702      
2703  <cart-icon
2704    class="header-actions__cart-icon"
2705    data-testid="cart-icon"
2706  >
2707    <span class="hidden">
2708      Cart
2709    </span>
2710
2711    <span
2712      class="svg-wrapper "
2713      aria-hidden="true"
2714    >
2715      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
2716
2717    </span>
2718
2719    
2720
2721<div
2722  ref="cartBubble"
2723  class="cart-bubble visually-hidden"
2724  style="--cart-bubble-background-fallback: #000000; --cart-bubble-text-fallback: #ffffff;"
2725  
2726  
2727    data-maintain-ratio
2728  
2729>
2730  <span class="cart-bubble__background"></span>
2731  <span
2732    ref="cartBubbleText"
2733    id="cart-bubble-text"
2734    class="cart-bubble__text"
2735  >
2736    <span
2737      class="cart-bubble__text-count hidden"
2738      ref="cartBubbleCount"
2739      aria-hidden="true"
2740      data-testid="cart-bubble"
2741    >
27420</span>
2743  </span>
2744</div>
2745
2746
2747
2748  </cart-icon>
2749
2750    </button>
2751  
2752
2753  <span
2754    ref="liveRegion"
2755    class="visually-hidden"
2756    role="status"
2757    data-testid="cart-count-live-region"
2758  ></span>
2759</header-actions>
2760
2761<script
2762  type="module"
2763  src="//procaccini.com/cdn/shop/t/4/assets/header-actions.js?v=157135685635924702181782288532"
2764  fetchpriority="low"
2765></script>
2765
2766
2767
2768
2769          
2770        
2771      
2772    </div>
2773        </div>
2774      </div>
2775    
2776  
2777    
2778
2779    
2780
2781    
2782    
2783  
2784
2785  
2786    <div class="header__row header__navigation-bar-row">
2787      
2788
2789
2790
2791    
2792  
2793
2794<style data-shopify>
2795  .header__underlay {
2796    --color-submenu: rgb(247 247 248);
2797  }
2798</style>
2799
2800
2801
2802
2803    </div>
2804  
2805</header-component>
2806
2807<script
2808  src="//procaccini.com/cdn/shop/t/4/assets/header.js?v=183210491532312943441782288532"
2809  type="module"
2810></script>
2810
2811
2812
2813
2814
2815  
2815<script type="module">
2816    import { hydrate } from '@theme/section-hydration';
2817    const url = new URL(window.location.href);
2818    url.searchParams.delete('page');
2819    hydrate('sections--28769422901581__header_section', url);
2820  </script>
2820
2821
2822
2823
2824</header>
2825<!-- END sections: header-group -->
2826      </div>
2827
2828      
2828<script>
2829        (function setHeaderHeighCustomProperties() {
2830          const header = document.querySelector('header-component');
2831          const headerGroup = document.querySelector('#header-group');
2832          const hasHeaderSection = headerGroup?.querySelector('.header-section');
2833
2834          if (!header || !headerGroup) return;
2835
2836          const headerTopRow = header.querySelector('.header__row--top');
2837          const headerHeight = header.offsetHeight;
2838
2839          let headerGroupHeight = 0;
2840          const children = headerGroup.children;
2841
2842          for (let i = 0; i < children.length; i++) {
2843            const element = children[i];
2844
2845            if (element === header || !(element instanceof HTMLElement)) continue;
2846
2847            headerGroupHeight += element.offsetHeight;
2848          }
2849
2850          if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
2851            headerGroupHeight += headerHeight;
2852          }
2853
2854          document.body.style.setProperty('--header-height', `${headerHeight}px`);
2855          document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
2856
2857          if (headerTopRow) {
2858            window.requestAnimationFrame(function () {
2859              document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
2860            });
2861          }
2862
2863          if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
2864            document.body.style.setProperty('--transparent-header-offset-boolean', '0');
2865            return;
2866          }
2867
2868          const hasImmediateSection =
2869            hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
2870
2871          const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
2872
2873          document.body.style.setProperty(
2874            '--transparent-header-offset-boolean',
2875            shouldApplyOffset
2876          );
2877        })();
2878
2879        (function setHeaderMenuStyle() {
2880          const headerComponent = document.querySelector('#header-component');
2881
2882          if (headerComponent) {
2883            const isTouchDevice =
2884              'ontouchstart' in window && navigator.maxTouchPoints > 0;
2885
2886            const overflowList = headerComponent?.querySelector('overflow-list');
2887
2888            const hasReachedMinimum =
2889              overflowList && overflowList.hasAttribute('minimum-reached');
2890
2891            headerComponent.dataset.menuStyle =
2892              isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
2893          }
2894        })();
2895      </script>
2895
2896
2897      <main
2898        id="MainContent"
2899        class="content-for-layout"
2900        role="main"
2901        data-page-transition-enabled="true"
2902        data-product-transition="true"
2903        data-template=""
2904      >
2905        <div class="shopify-policy__container">
2906  <div class="shopify-policy__title">
2907    <h1>Contact information</h1>
2908  </div>
2909
2910  <div class="shopify-policy__body">
2911    <div class="rte">
2912        <p>Nome commerciale: Procaccini Milano</p>
2913<p>Numero di telefono: <a href="https://www.google.com/search?client=safari&amp;rls=en&amp;q=procaccini+milano&amp;ie=UTF-8&amp;oe=UTF-8#"><span>02 7709 1277</span></a></p>
2914<p>Email: [email protected]</p>
2915<p>Indirizzo fisico: Via Giulio Cesare Procaccini 33, 20154 MI, Italia</p>
2916<p>Partita IVA: <span>13304680963</span></p>
2917    </div>
2918  </div>
2919</div>
2920
2921      </main>
2922
2923      <footer>
2924        <!-- BEGIN sections: footer-group -->
2925<div id="shopify-section-sections--28769422934349__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
2926
2927
2928
2929
2930
2931
2932  <style data-shopify>
2933    .color-custom-sections--28769422934349__footer,
2934    .color-custom-sections--28769422934349__footer .text-block {
2935      /* Background */
2936      --color-background: #172123;
2937      --color-background-rgb: 23 33 35;
2938
2939      /* Opacity values adjusted for background brightness */
2940      
2941--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
29420.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
2943
2944
2945      
2946        /* Foreground / text — explicit or smart-contrasted */
2947        --color: var(--palette-lightest);
2948        --color-rgb: var(--palette-lightest-rgb);
2949        --color-foreground: var(--palette-lightest);
2950        --color-foreground-rgb: var(--palette-lightest-rgb);
2951        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
2952        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
2953        --color-border: var(--palette-lightest);
2954        --color-border-rgb: var(--palette-lightest-rgb);
2955      
2956    }
2957
2958    
2959      .color-custom-sections--28769422934349__footer {
2960        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2961           container (text/announcement/inline-text/blog-post-description/
2962           collection-link/price/sku) and never holds form inputs. */
2963        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
2964        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
2965        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
2966        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
2967      }
2968    
2969
2970    .color-custom-sections--28769422934349__footer {
2971      color: var(--color, var(--color-foreground));
2972      background-color: var(--color-background);
2973    }
2974  </style>
2975
2976
2977
2978<div
2979  class="section-background color-custom-sections--28769422934349__footer"
2980></div>
2981<div
2982  class="section section--page-width color-custom-sections--28769422934349__footer"
2983>
2984  
2985  <div
2986    class="
2987      footer-content
2988      spacing-style
2989      
2990      
2991    "
2992    style="
2993      --padding-block-start: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px));
2994      --footer-gap: 0px;
2995      --grid-columns: 1;
2996      --last-row-count: 1;
2997      --tablet-last-row-count: 1;
2998    "
2999  >
3000    
3001
3002
3003
3004
3005
3006
3007
3008
3009
3010
3011<div
3012  class="
3013    group-block
3014    group-block--height-fit
3015    group-block--width-custom
3016    border-style
3017    spacing-style
3018    size-style
3019    
3020    
3021  "
3022  style="
3023    
3024--border-width: 1px; --border-style: none; --border-color:
3025rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
3026
3027    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3028    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3029    
3030  "
3031  
3032  data-testid="group-block"
3033><div class="group-block__media-wrapper">
3034    
3035
3036
3037
3038    
3039  </div>
3040
3041  <div
3042    class="
3043      group-block-content
3044      
3045      layout-panel-flex
3046      layout-panel-flex--row
3047       mobile-column
3048    "
3049    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3050
3051--gap: 12px;
3052
3053--horizontal-alignment: space-between;
3053 --vertical-alignment: flex-start;
3054--vertical-alignment-mobile: flex-start;
3055"
3056  >
3057  
3058
3059
3060<div
3061  class="
3062    logo-block
3063    spacing-style
3064  "
3065  style="
3066    
3067      
3068        --logo-width: 365.12446351931334px;
3069      
3070    
3071
3072    
3073      
3074        --logo-width-mobile: 35%;
3075        --logo-height-mobile: auto;
3076      
3077    
3078    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: max(20px, calc(var(--spacing-scale) * 100px));
3079  "
3080  
3081>
3082  
3083    <div class="logo-block__image-wrapper">
3084      
3085<img src="//procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&amp;width=3840" alt="Procaccini Milano" srcset="//procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&amp;width=240 240w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&amp;width=352 352w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&amp;width=832 832w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&amp;width=3840 3840w" width="3867" height="932" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
3086    </div>
3087  
3088</div>
3089
3090
3091
3092
3093
3094
3095
3096
3097
3098
3099
3100
3101
3102
3103
3104<div
3105  class="
3106    group-block
3107    group-block--height-fit
3108    group-block--width-custom
3109    border-style
3110    spacing-style
3111    size-style
3112    
3113    
3114  "
3115  style="
3116    
3117--border-width: 1px; --border-style: none; --border-color:
3118rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
3119
3120    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3121    --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3122    
3123  "
3124  
3125  data-testid="group-block"
3126><div class="group-block__media-wrapper">
3127    
3128
3129
3130
3131    
3132  </div>
3133
3134  <div
3135    class="
3136      group-block-content
3137      
3138      layout-panel-flex
3139      layout-panel-flex--row
3140       mobile-column
3141    "
3142    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3143
3144--gap: 12px;
3145
3146--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
3147--vertical-alignment-mobile: flex-start;
3148"
3149  >
3150  
3151
3152
3153
3154
3155  
3156
3157
3158
3159
3160
3161
3162  <accordion-custom
3163  
3164    class="menu"
3165  
3166  
3167  
3168    open-by-default-on-desktop
3169  
3170  
3171    open-by-default-on-mobile
3172  
3173  
3174    data-disable-on-desktop="true"
3175  
3176  
3177    data-disable-on-mobile="true"
3178  
3179  
3180  
3181  
3182>
3183  
3184    <details
3185      class="
3186        menu__details
3187        spacing-style
3188        
3189      "
3190      data-testid="menu-details"
3191      style="
3192        --spacing--size: 12px;
3193        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3194      "
3195      
3196        open
3197      
3198      
3199    >
3200      <summary class="menu__heading h4">
3201        <span class="menu__heading__default">The experience</span>
3202        <span class="menu__heading__accordion">
3203          The experience
3204          
3205            <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3206  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3207</svg>
3208</span>
3209          
3210        </span>
3211      </summary>
3212
3213      <nav
3214        class="details-content"
3215        
3216      >
3217        
3218          <ul class="list-unstyled">
3219            
3220              <li class="menu__item h5">
3221                <a href="/en/pages/il-ristorante-procaccini-milano">
3222                  Who we are
3223                </a>
3224              </li>
3225            
3226              <li class="menu__item h5">
3227                <a href="/en/pages/menu-procaccini-milano">
3228                  Menu
3229                </a>
3230              </li>
3231            
3232              <li class="menu__item h5">
3233                <a href="/en/pages/prenota-un-tavolo">
3234                  Book a table
3235                </a>
3236              </li>
3237            
3238              <li class="menu__item h5">
3239                <a href="https://procaccini.shop.bonkdo.com/it/buoni-regalo">
3240                  Give an experience
3241                </a>
3242              </li>
3243            
3244          </ul>
3245        
3246      </nav>
3247    </details>
3248  
3249</accordion-custom>
3250
3251
3252
3253
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263  
3264
3265
3266
3267
3268
3269
3270  <accordion-custom
3271  
3272    class="menu"
3273  
3274  
3275  
3276    open-by-default-on-desktop
3277  
3278  
3279    open-by-default-on-mobile
3280  
3281  
3282    data-disable-on-desktop="true"
3283  
3284  
3285    data-disable-on-mobile="true"
3286  
3287  
3288  
3289  
3290>
3291  
3292    <details
3293      class="
3294        menu__details
3295        spacing-style
3296        
3297      "
3298      data-testid="menu-details"
3299      style="
3300        --spacing--size: 12px;
3301        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3302      "
3303      
3304        open
3305      
3306      
3307    >
3308      <summary class="menu__heading h4">
3309        <span class="menu__heading__default">The Restaurant</span>
3310        <span class="menu__heading__accordion">
3311          The Restaurant
3312          
3313            <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3314  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3315</svg>
3316</span>
3317          
3318        </span>
3319      </summary>
3320
3321      <nav
3322        class="details-content"
3323        
3324      >
3325        
3326          <ul class="list-unstyled">
3327            
3328              <li class="menu__item h5">
3329                <a href="/en/collections/all">
3330                  Shop
3331                </a>
3332              </li>
3333            
3334              <li class="menu__item h5">
3335                <a href="/en/pages/dicono-di-noi">
3336                  About us
3337                </a>
3338              </li>
3339            
3340              <li class="menu__item h5">
3341                <a href="/en/pages/contatti-procaccini-milano">
3342                  Contacts
3343                </a>
3344              </li>
3345            
3346          </ul>
3347        
3348      </nav>
3349    </details>
3350  
3351</accordion-custom>
3352
3353
3354
3355
3356
3357
3358
3359
3360
3361</div>
3362</div>
3363
3364
3365
3366
3367
3368
3369
3370
3371
3372
3373
3374
3375
3376
3377  <div class=" spacing-style text-block text-block--ARmF6Y05Pek94WnNja__text_aMUq6K custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 16px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:73px;    --font-size: 0.875rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: nowrap;          --line-height: var(--line-height--body-loose);        --letter-spacing: var(--letter-spacing--body-normal);        --width: fit-content;    --max-width: var(--max-width--body-narrow);          ">
3378    <p><strong>OPEN DAILY FROM 7:30 PM TO 12:00 AM<br/><br/></strong>Via Giulio Cesare Procaccini, 33 - Milano<br/><a href="mailto:#">[email protected]</a><strong><br/></strong>TEL: +39 02 7709 1277</p>
3379  </div>
3380
3381
3382
3383
3384
3385
3386
3387
3388
3389
3390
3391
3392
3393
3394
3395
3396
3397<div
3398  class="
3399    group-block
3400    group-block--height-fit
3401    group-block--width-custom
3402    border-style
3403    spacing-style
3404    size-style
3405    
3406    
3407  "
3408  style="
3409    
3410--border-width: 1px; --border-style: none; --border-color:
3411rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
3412
3413    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3414    --size-style-width:30%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3415    
3416  "
3417  
3418  data-testid="group-block"
3419><div class="group-block__media-wrapper">
3420    
3421
3422
3423
3424    
3425  </div>
3426
3427  <div
3428    class="
3429      group-block-content
3430      
3431      layout-panel-flex
3432      layout-panel-flex--column
3433       mobile-column
3434    "
3435    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3436
3437--gap: 12px;
3438
3439--horizontal-alignment: flex-start; --vertical-alignment: center;
3440--vertical-alignment-mobile: center;
3441"
3442  >
3443  
3444
3445
3446
3447
3448
3449
3450
3451
3452
3453<div
3454  class="email-signup-block size-style spacing-style"
3455  style="
3456    --size-style-width: 100%;--size-style-height: ;
3457    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3458  "
3459  
3460>
3461  
3462    <div
3463      class="email-signup__heading h4"
3464      style=""
3465    >
3466      Subscribe to our newsletter
3467    </div>
3468  
3469<form method="post" action="/en/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
3470    
3471<div
3472      class="email-signup__input-group email-signup__input-group--underline email-signup__input-group--arrow"
3473      style="
3474        --border-width: 1px;
3475        --border-radius: 100px;
3476        --color-input-background: #ffffff; --color-input-text: #ffffff; --color-input-text-rgb: 255 255 255; --color-input-border: #ffffff;
3477      "
3478    >
3479      <label
3480        for="EmailInput-AUTlZaVljMGVtS3prK__email_signup_XgpLx7"
3481        class="visually-hidden"
3482      >
3483        Email
3484      </label>
3485      <input
3486        id="EmailInput-AUTlZaVljMGVtS3prK__email_signup_XgpLx7"
3487        class="email-signup__input email-signup__input--underline paragraph "
3488        type="email"
3489        name="contact[email]"
3490        autocorrect="off"
3491        autocapitalize="off"
3492        autocomplete="email"
3493        placeholder="Email address"
3494        required
3495        
3496      >
3497      <button
3498        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AUTlZaVljMGVtS3prK__email_signup_XgpLx7"
3499        
3500          aria-label="Sign up"
3501        
3502      >
3503        
3504          <svg
3505            viewBox="0 0 20 20"
3506            xmlns="http://www.w3.org/2000/svg"
3507            focusable="false"
3508            aria-hidden="true"
3509            class="email-signup__button-icon"
3510          >
3511            
3512
3513
3514<path
3515      clip-rule="evenodd"
3516      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
3517      fill="currentColor"
3518      fill-rule="evenodd"
3519    />
3520          </svg>
3521        
3522      </button>
3523    </div></form>
3524</div>
3525
3526
3527
3528
3529
3530</div>
3531</div>
3532
3533
3534
3535
3536
3537
3538</div>
3539</div>
3540
3541
3542
3543
3544
3545
3546  </div>
3547</div>
3548
3549
3550
3551
3552</div><div id="shopify-section-sections--28769422934349__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
3553
3554
3555
3556
3557
3558
3559  <style data-shopify>
3560    .color-custom-sections--28769422934349__utilities,
3561    .color-custom-sections--28769422934349__utilities .text-block {
3562      /* Background */
3563      --color-background: #172123;
3564      --color-background-rgb: 23 33 35;
3565
3566      /* Opacity values adjusted for background brightness */
3567      
3568--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
35690.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
3570
3571
3572      
3573        /* Foreground / text — explicit or smart-contrasted */
3574        --color: var(--palette-lightest);
3575        --color-rgb: var(--palette-lightest-rgb);
3576        --color-foreground: var(--palette-lightest);
3577        --color-foreground-rgb: var(--palette-lightest-rgb);
3578        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
3579        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
3580        --color-border: var(--palette-lightest);
3581        --color-border-rgb: var(--palette-lightest-rgb);
3582      
3583    }
3584
3585    
3586      .color-custom-sections--28769422934349__utilities {
3587        /* Form-related tokens stay on .color-custom only — .text-block is a prose
3588           container (text/announcement/inline-text/blog-post-description/
3589           collection-link/price/sku) and never holds form inputs. */
3590        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
3591        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
3592        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
3593        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
3594      }
3595    
3596
3597    .color-custom-sections--28769422934349__utilities {
3598      color: var(--color, var(--color-foreground));
3599      background-color: var(--color-background);
3600    }
3601  </style>
3602
3603
3604
3605<div
3606  class="section-background color-custom-sections--28769422934349__utilities"
3607></div>
3608<div
3609  class="section section--page-width color-custom-sections--28769422934349__utilities"
3610  
3611>
3612  <div
3613    class="utilities utilities--blocks-3 spacing-style"
3614    style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 0px; --gap: 24px;"
3615    data-testid="footer-utilities"
3616  >
3617    
3618
3619<div
3620  class="
3621    footer-utilities__group-copyright
3622    custom-typography
3623    custom-font-size
3624  "
3625  style="
3626    
3627--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
3628    
3629  "
3630  
3631>
3632  <span class="footer-utilities__text">
3633    &copy; 2026
3634    <a href="/en" title="">Procaccini Milano</a></span>
3635</div>
3636
3637
3638
3639
3640
3641
3642  <anchored-popover-component
3643    data-hover-triggered="true"
3644  >
3645    <button
3646      class="policy-list-trigger button-unstyled"
3647      popovertarget="terms-policies-popover"
3648      popovertargetaction="toggle"
3649      ref="trigger"
3650      style="
3651        
3652--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
3653        
3654      "
3655      
3656    >
3657      Terms and Policies
3658    </button>
3659    <div
3660      class="terms-policies-popover color-custom-popover"
3661      id="terms-policies-popover"
3662      popover="auto"
3663      ref="popover"
3664    >
3665      <ul
3666        class="
3667          policy_list list-unstyled
3668          custom-typography
3669          custom-font-size
3670        "
3671      ><li>
3672              <a
3673                href="/en/policies/privacy-policy"
3674                class="footer-utilities__text"
3675              >Privacy policy</a>
3676            </li><li>
3677              <a
3678                href="/en/policies/contact-information"
3679                class="footer-utilities__text"
3680              >Contact information</a>
3681            </li><li>
3682              <a
3683                href="/en/policies/terms-of-service"
3684                class="footer-utilities__text"
3685              >Terms of service</a>
3686            </li><li>
3687              <a
3688                href="/en/policies/refund-policy"
3689                class="footer-utilities__text"
3690              >Refund policy</a>
3691            </li><li>
3692              <a
3693                href="/en/policies/shipping-policy"
3694                class="footer-utilities__text"
3695              >Shipping policy</a>
3696            </li></ul>
3697    </div>
3698  </anchored-popover-component>
3699
3700
3701
3702
3703
3704
3705<div
3706  class="social-icons__wrapper social-icons__wrapper--AekV5ekRhNlBBSTZsT__social_links_BGVf9A"
3707  
3708>
3709  
3710    <style data-shopify>
3711      .social-icons__wrapper--AekV5ekRhNlBBSTZsT__social_links_BGVf9A {
3712        --color-utilities: #ffffff;
3713      }
3714    </style>
3715  
3716  
3717
3718  
3719    
3720
3721    
3722    
3723      
3724        <div
3725          class="social-icons__icon-wrapper"
3726        >
3727          <a
3728            href="https://www.facebook.com/procaccinimilano"
3729            target="_blank"
3730            rel="noopener noreferrer"
3731            aria-label="Facebook"
3732            
3733          >
3734            <span class="social-icons__icon-label">Facebook</span>
3735            
3736              <svg
3737                class="social-icons__icon icon-default"
3738                aria-hidden="true"
3739                focusable="false"
3740                xmlns="http://www.w3.org/2000/svg"
3741                viewBox="0 0 20 20"
3742              >
3743
3744
3745<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
3746            
3747          </a>
3748        </div>
3749      
3750    
3751  
3752    
3753
3754    
3755    
3756      
3757        <div
3758          class="social-icons__icon-wrapper"
3759        >
3760          <a
3761            href="https://www.instagram.com/procaccinimilano/"
3762            target="_blank"
3763            rel="noopener noreferrer"
3764            aria-label="Instagram"
3765            
3766          >
3767            <span class="social-icons__icon-label">Instagram</span>
3768            
3769              <svg
3770                class="social-icons__icon icon-default"
3771                aria-hidden="true"
3772                focusable="false"
3773                xmlns="http://www.w3.org/2000/svg"
3774                viewBox="0 0 20 20"
3775              >
3776
3777
3778<path
3779      fill-rule="evenodd"
3780      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
3781      clip-rule="evenodd"
3782    /></svg>
3783            
3784          </a>
3785        </div>
3786      
3787    
3788  
3789    
3790
3791    
3792    
3793  
3794    
3795
3796    
3797    
3798      
3799        <div
3800          class="social-icons__icon-wrapper"
3801        >
3802          <a
3803            href="https://www.tiktok.com/@procaccini.milano"
3804            target="_blank"
3805            rel="noopener noreferrer"
3806            aria-label="Tiktok"
3807            
3808          >
3809            <span class="social-icons__icon-label">Tiktok</span>
3810            
3811              <svg
3812                class="social-icons__icon icon-default"
3813                aria-hidden="true"
3814                focusable="false"
3815                xmlns="http://www.w3.org/2000/svg"
3816                viewBox="0 0 20 20"
3817              >
3818
3819
3820<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
3821            
3822          </a>
3823        </div>
3824      
3825    
3826  
3827    
3828
3829    
3830    
3831  
3832    
3833
3834    
3835    
3836  
3837    
3838
3839    
3840    
3841      
3842        <div
3843          class="social-icons__icon-wrapper"
3844        >
3845          <a
3846            href="https://www.linkedin.com/company/procaccinimilano/?viewAsMember=true"
3847            target="_blank"
3848            rel="noopener noreferrer"
3849            aria-label="Linkedin"
3850            
3851          >
3852            <span class="social-icons__icon-label">Linkedin</span>
3853            
3854              <svg
3855                class="social-icons__icon icon-default"
3856                aria-hidden="true"
3857                focusable="false"
3858                xmlns="http://www.w3.org/2000/svg"
3859                viewBox="0 0 20 20"
3860              >
3861
3862
3863<path
3864      fill-rule="evenodd"
3865      clip-rule="evenodd"
3866      d="M16.8411 2H3.2061C2.5539 2 2 2.51581 2 3.15124V16.848C2 17.4842 2.36343 18 3.01562 18H16.6507C17.3036 18 18 17.4842 18 16.848V3.15124C18 2.51581 17.4941 2 16.8411 2ZM8.09524 8.09524H10.2491V9.19314H10.2728C10.6011 8.60114 11.571 8 12.7703 8C15.072 8 15.7143 9.2221 15.7143 11.4857V15.7143H13.4286V11.9025C13.4286 10.8891 13.024 10 12.0777 10C10.9288 10 10.381 10.7779 10.381 12.0549V15.7143H8.09524V8.09524ZM4.28571 15.7143H6.57143V8.09524H4.28571V15.7143ZM6.85714 5.42857C6.85714 6.2179 6.2179 6.85714 5.42857 6.85714C4.63924 6.85714 4 6.2179 4 5.42857C4 4.63924 4.63924 4 5.42857 4C6.2179 4 6.85714 4.63924 6.85714 5.42857Z"
3867      fill="currentColor"
3868    /></svg>
3869            
3870          </a>
3871        </div>
3872      
3873    
3874  
3875    
3876
3877    
3878    
3879  
3880    
3881
3882    
3883    
3884  
3885    
3886
3887    
3888    
3889  
3890    
3891
3892    
3893    
3894  
3895    
3896
3897    
3898    
3899  
3900    
3901
3902    
3903    
3904  
3905</div>
3906
3907
3908
3909
3910
3911  </div>
3912</div>
3913
3914
3915
3916
3917</div>
3918<!-- END sections: footer-group -->
3919      </footer>
3920    </div>
3921
3922    
3923
3924    <div
3925      id="shopify-section-cart-drawer-section"
3926      class="shopify-section"
3927    >
3928  
3929
3930  
3930<script
3931    type="module"
3932    src="//procaccini.com/cdn/shop/t/4/assets/cart-drawer.js?v=101430053943909765251782288532"
3933    fetchpriority="low"
3934  ></script>
3934
3935
3936  
3937
3938  <theme-drawer
3939    id="cart-drawer"
3940    data-skip-node-update
3941  >
3942    <dialog
3943      ref="panel"
3944      class="theme-drawer__dialog color-custom-drawer"
3945      aria-labelledby="cart-drawer-heading"
3946      cart-summary-sticky="true"
3947    >
3948      <cart-drawer-component
3949        
3950      >
3951        <template id="empty-cart-template">
3952          
3953    <div
3954      class="cart-drawer__content"
3955      aria-label="Cart"
3956    >
3957      <h2
3958        class="theme-drawer__title h4"
3959        id="cart-drawer-heading"
3960      >
3961        Your cart is empty
3962      </h2>
3963
3964      <div class="cart-drawer__items">
3965        
3966
3967
3968<script
3969  src="//procaccini.com/cdn/shop/t/4/assets/component-cart-items.js?v=14476580701730542761782288532"
3970  type="module"
3971  fetchpriority="low"
3972></script>
vendor: 1 bytes, line 3972
3972
3973<script
3974  src="//procaccini.com/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=168493463479860323171782288532"
3975  type="module"
3976  fetchpriority="low"
3977></script>
vendor: 1 bytes, line 3977
3977
3978<script
3979  src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661782288532"
3980  type="module"
3981  fetchpriority="low"
3982></script>
3982
3983
3984<div
3985  
3986  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
3987  
3988    data-cart-drawer-empty
3989  
3990  style=""
3991>
3992  
3993<p>
3994        Have an account? <a href="https://procaccini.com/customer_authentication/redirect?locale=en&region_country=IT">Log in</a> to check out faster.
3995      </p><a
3996      class="button cart-items__empty-button"
3997      href="/en/collections/all"
3998    >
3999      <span class="button-text">
4000        Continue shopping
4001      </span>
4002    </a></div>
4003
4004
4005
4006      </div>
4007    </div>
4008    
4009        </template>
4010
4011        <div
4012          class="cart-drawer__inner cart-drawer--empty"
4013          data-hydration-key="cart-drawer-inner"
4014        ><div class="theme-drawer__header">
4015              <button
4016                on:click="#cart-drawer/close"
4017                class="theme-drawer__close-button cart-drawer__close-button--empty"
4018                type="button"
4019                aria-label="Close"
4020              >
4021                <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4022<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
4023</svg>
4024</span>
4025              </button>
4026            </div>
4027          
4028
4029<cart-items-component
4030  class="cart-items-component"
4031  
4032    data-drawer
4033    view-event-trigger="dialog"
4034  
4035  data-section-id="cart-drawer-section"
4036  
4037  view-event-payload="{&quot;context&quot;:null,&quot;cart&quot;:null}"
4038  
4039>
4040  
4041
4042    <div
4043      class="cart-drawer__content"
4044      aria-label="Cart"
4045    >
4046      <h2
4047        class="theme-drawer__title h4"
4048        id="cart-drawer-heading"
4049      >
4050        Your cart is empty
4051      </h2>
4052
4053      <div class="cart-drawer__items">
4054        
4055
4056
4057<script
4058  src="//procaccini.com/cdn/shop/t/4/assets/component-cart-items.js?v=14476580701730542761782288532"
4059  type="module"
4060  fetchpriority="low"
4061></script>
vendor: 1 bytes, line 4061
4061
4062<script
4063  src="//procaccini.com/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=168493463479860323171782288532"
4064  type="module"
4065  fetchpriority="low"
4066></script>
vendor: 1 bytes, line 4066
4066
4067<script
4068  src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661782288532"
4069  type="module"
4070  fetchpriority="low"
4071></script>
4071
4072
4073<div
4074  
4075  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
4076  
4077    data-cart-drawer-empty
4078  
4079  style=""
4080>
4081  
4082<p>
4083        Have an account? <a href="https://procaccini.com/customer_authentication/redirect?locale=en&region_country=IT">Log in</a> to check out faster.
4084      </p><a
4085      class="button cart-items__empty-button"
4086      href="/en/collections/all"
4087    >
4088      <span class="button-text">
4089        Continue shopping
4090      </span>
4091    </a></div>
4092
4093
4094
4095      </div>
4096    </div>
4097    
4098
4099</cart-items-component>
4100
4101
4102
4103        </div>
4104      </cart-drawer-component>
4105    </dialog>
4106  </theme-drawer>
4107
4108  
4109    </div>
4110  
4111
4112
4113    
4114
4115
4116
4117
4118
4119
4120<script
4121  type="module"
4122  src="//procaccini.com/cdn/shop/t/4/assets/theme-drawer.js?v=155110645205299884131782288532"
4123  fetchpriority="low"
4124></script>
4124
4125
4126<script>
4127  /* Runs synchronously during HTML parsing — opens the correct drawer on first
4128     paint if navigation state was saved, so it renders with the rest of the page. */
4129  (function () {
4130    var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
4131    if (!drawerIds.length) return;
4132
4133    // Only restore on wide viewports (squeeze mode). On narrow viewports the
4134    // drawer is a modal overlay — let it start closed after navigation rather
4135    // than re-opening a fullscreen dialog the user may have left behind.
4136    if (!window.matchMedia('(min-width: 990px)').matches) return;
4137
4138    var dialogs = [];
4139    for (var i = 0; i < drawerIds.length; i++) {
4140      var drawer = document.getElementById(drawerIds[i]);
4141      if (!drawer) continue;
4142
4143      drawer.setAttribute('open', '');
4144
4145      // Set [open] directly so the CSS slide-in applies without triggering
4146      // the browser's dialog focusing steps — on wide viewports the drawer is
4147      // a sidebar, not a modal, so focus should stay where it is.
4148      // The instant class suppresses the slide-in transition for the initial restore.
4149      // Set --drawer-stack-order so z-index layering matches the original order.
4150      drawer.style.setProperty('--drawer-stack-order', String(i + 1));
4151
4152      var dialog = drawer.querySelector('dialog');
4153      if (dialog) {
4154        dialog.setAttribute('open', '');
4155        dialog.classList.add('theme-drawer__dialog-instant');
4156        dialogs.push(dialog);
4157      }
4158
4159      // Let each drawer type handle its own restore (e.g. shopify-chat mode).
4160      // Synchronous dispatch — listeners attached during earlier parsing run immediately.
4161      drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
4162    }
4163
4164    // Apply squeeze immediately, bypassing the margin transition.
4165    // Only squeeze if at least one drawer was actually restored — saved
4166    // drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
4167    var pageWrapper = document.querySelector('.page-wrapper');
4168    if (pageWrapper && dialogs.length > 0) {
4169      pageWrapper.style.transition = 'none';
4170      pageWrapper.classList.add('page-wrapper--drawer-open');
4171    }
4172
4173    // Re-enable transitions after one paint so the instant state is rendered first.
4174    requestAnimationFrame(function () {
4175      requestAnimationFrame(function () {
4176        if (pageWrapper) pageWrapper.style.transition = '';
4177        for (var j = 0; j < dialogs.length; j++) {
4178          dialogs[j].classList.remove('theme-drawer__dialog-instant');
4179        }
4180      });
4181    });
4182  })();
4183</script>
4183
4184
4185<script
4186  type="module"
4187>
4188  const pageWrapper = document.querySelector('.page-wrapper');
4189  const squeezeQuery = window.matchMedia('(min-width: 990px)');
4190
4191  // ── Squeeze coordination ──
4192  // Listens to all drawers. Only squeezes on wide viewports.
4193  document.addEventListener('theme-drawer:open', () => {
4194    if (squeezeQuery.matches) {
4195      pageWrapper?.classList.add('page-wrapper--drawer-open');
4196    }
4197  });
4198
4199  document.addEventListener('theme-drawer:close', () => {
4200    const openDrawer = document.querySelector('theme-drawer[open]');
4201    if (!openDrawer) {
4202      pageWrapper?.classList.remove('page-wrapper--drawer-open');
4203    }
4204  });
4205
4206  squeezeQuery.addEventListener('change', () => {
4207    const openDrawer = document.querySelector('theme-drawer[open]');
4208    pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
4209  });
4210
4211  // ── State persistence ──
4212  // Store open drawer IDs sorted by their visual stack order so
4213  // the restore script can recreate the same z-index layering.
4214  function persistDrawerState() {
4215    const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
4216    if (!openDrawers.length) {
4217      sessionStorage.removeItem('theme-drawer-open');
4218      return;
4219    }
4220
4221    openDrawers.sort((a, b) => {
4222      const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
4223      const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
4224      return orderA - orderB;
4225    });
4226
4227    sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
4228  }
4229
4230  document.addEventListener('theme-drawer:open', persistDrawerState);
4231  document.addEventListener('theme-drawer:close', persistDrawerState);
4232</script>
4232
4233
4234
4235    
4236
4237
4238
4239
4240
4241
4242<script
4243  src="//procaccini.com/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281782288532"
4244  type="module"
4245></script>
4245
4246
4247<script
4248  src="//procaccini.com/cdn/shop/t/4/assets/predictive-search.js?v=162722252387887966571782288532"
4249  type="module"
4250  fetchpriority="low"
4251></script>
4251
4252
4253<dialog-component
4254  id="search-modal"
4255  class="search-modal"
4256  
4257>
4258  <dialog
4259    ref="dialog"
4260    on:click="/closeDialogOnClickOutside"
4261    on:keydown="/closeDialogOnEscapePress"
4262    class="search-modal__content dialog-modal"
4263    scroll-lock
4264    aria-labelledby="search-modal-heading"
4265  >
4266    <h2
4267      id="search-modal-heading"
4268      class="visually-hidden"
4269    >
4270      Search
4271    </h2>
4272    <predictive-search-component
4273      class="predictive-search color-custom-popover"
4274      style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
4275      data-section-id="predictive-search"
4276      data-testid="search-component--modal"
4277      role="search"
4278      aria-label="Search"
4279    >
4280      <form
4281        action="/en/search"
4282        method="get"
4283        role="search"
4284        class="predictive-search-form"
4285        ref="form"
4286        on:keydown="/onSearchKeyDown"
4287      >
4288        <div
4289          class="predictive-search-form__header"
4290        >
4291          <div class="predictive-search-form__header-inner">
4292            <label
4293              for="cmdk-input"
4294              class="visually-hidden"
4295            >Search</label>
4296            <input
4297              class="search-input"
4298              id="cmdk-input"
4299              type="search"
4300              name="q"
4301              role="combobox"
4302              aria-expanded="false"
4303              aria-owns="predictive-search-results"
4304              aria-controls="predictive-search-results"
4305              aria-haspopup="listbox"
4306              aria-autocomplete="list"
4307              autocomplete="off"
4308              placeholder="Search"
4309              ref="searchInput"
4310              on:input="/search"
4311              on:keydown="/onSearchKeyDown"
4312            >
4313            <input
4314              name="options[prefix]"
4315              type="hidden"
4316              value="last"
4317            >
4318            <span class="svg-wrapper predictive-search__icon">
4319              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
4320
4321            </span>
4322            <button
4323              type="button"
4324              class="button-unstyled predictive-search__reset-button"
4325              ref="resetButton"
4326              hidden
4327              on:click="/resetSearch"
4328            >
4329              Clear
4330            </button>
4331          </div>
4332          <button
4333            type="button"
4334            class="button predictive-search__close-modal-button"
4335            aria-label="Close dialog"
4336            on:click="dialog-component/closeDialog"
4337            ref="closeModalButton"
4338          >
4339            <span class="svg-wrapper">
4340              <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4341<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
4342</svg>
4343
4344            </span>
4345          </button>
4346        </div>
4347
4348        <div class="predictive-search-form__content-wrapper">
4349          <div
4350            class="predictive-search-form__content"
4351            ref="predictiveSearchResults"
4352            on:click="/handleModalClick"
4353          >
4354            
4355
4356<div
4357  id="predictive-search-results"
4358  class="predictive-search-dropdown"
4359  role="listbox"
4360  aria-expanded="true"
4361  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
4362>
4363  
4364    <div class="predictive-search-results__inner">
4365      
4366      
4367        
4368        
4369        
4370          <div
4371  id="predictive-search-products"
4372  class="predictive-search-results__products"
4373  
4374    data-testid="products-list-default--modal"
4375  
4376>
4377  
4378    <h4 class="predictive-search-results__title">
4379      Products
4380    </h4>
4381    <ul
4382      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
4383    >
4384      
4385      
4386        <li
4387          class="predictive-search-results__card predictive-search-results__card--product"
4388          ref="resultsItems[]"
4389        >
4390          
4391<product-card-link
4392    class="resource-card__wrapper"
4393    
4394      data-product-id="10745197232461"
4395      data-featured-media-url="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=500"
4396      data-product-transition="true"
4397      on:click="/handleViewTransition"
4398    
4399    
4400    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:10745197232461,&quot;title&quot;:&quot;Champagne Brut Delamotte for Procaccini Milano&quot;,&quot;handle&quot;:&quot;champagne-brut-delamotte&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
4401    
4402  ><div
4403  class="resource-card"
4404  data-resource-type="product"
4405>
4406  <a
4407    class="resource-card__link"
4408    href="/en/products/champagne-brut-delamotte"
4409  >
4410    <span class="visually-hidden">
4411      Champagne Brut Delamotte for Procaccini Milano
4412    </span>
4413  </a>
4414  <div
4415    class="resource-card__media"
4416    style="--resource-card-aspect-ratio: 4 / 5;"
4417    
4418      ref="cardGallery"
4419      data-view-transition-to-main-product
4420    
4421  >
4422      
4423      
4424
4425        <img src="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=500" alt="Champagne_brut" srcset="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=240 240w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
4426
4427          <img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=500" alt="" srcset="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=240 240w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="63763329974605" style="">
4428</div>
4429
4430  <div class="resource-card__content">
4431    <p class="resource-card__title paragraph">Champagne Brut Delamotte for Procaccini Milano</p>
4432
4433    
4434      <div ref="priceContainer">
4435  
4436    
4437    <div
4438      class="
4439        price__regular
4440        
4441      "
4442    >
4443      <span class="price">€150,00</span>
4444    </div>
4445    <div
4446      class="
4447        price__sale
4448        
4449          price__hidden
4450        
4451      "
4452    >
4453      
4454        <span class="price-item__group">
4455          <span class="visually-hidden">Regular price&nbsp;</span>
4456          <span class="price-item--regular compare-at-price"></span>
4457        </span>
4458        <span class="price-item__group">
4459          <span class="visually-hidden">Sale price&nbsp;</span>
4460          <span class="price-item--sale price">€150,00</span>
4461        </span>
4462      
4463    </div>
4464  
4465</div>
4466    
4467  </div>
4468</div></product-card-link>
4469
4470        </li>
4471      
4472        <li
4473          class="predictive-search-results__card predictive-search-results__card--product"
4474          ref="resultsItems[]"
4475        >
4476          
4477<product-card-link
4478    class="resource-card__wrapper"
4479    
4480      data-product-id="10719475106125"
4481      data-featured-media-url="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=500"
4482      data-product-transition="true"
4483      on:click="/handleViewTransition"
4484    
4485    
4486    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:10719475106125,&quot;title&quot;:&quot;Olio Procaccini by Emin Haziri&quot;,&quot;handle&quot;:&quot;olio-procaccini-by-emin-haziri&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
4487    
4488  ><div
4489  class="resource-card"
4490  data-resource-type="product"
4491>
4492  <a
4493    class="resource-card__link"
4494    href="/en/products/olio-procaccini-by-emin-haziri"
4495  >
4496    <span class="visually-hidden">
4497      Olio Procaccini by Emin Haziri
4498    </span>
4499  </a>
4500  <div
4501    class="resource-card__media"
4502    style="--resource-card-aspect-ratio: 4 / 5;"
4503    
4504      ref="cardGallery"
4505      data-view-transition-to-main-product
4506    
4507  >
4508      
4509      
4510
4511        <img src="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&amp;width=500" alt="olio" srcset="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&amp;width=240 240w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&amp;width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
4512
4513          <img src="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&amp;width=500" alt="olio_procaccini" srcset="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&amp;width=240 240w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&amp;width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="63391361204557" style="object-position: 50.0% 50.0%;">
4514</div>
4515
4516  <div class="resource-card__content">
4517    <p class="resource-card__title paragraph">Olio Procaccini by Emin Haziri</p>
4518
4519    
4520      <div ref="priceContainer">
4521  
4522    
4523    <div
4524      class="
4525        price__regular
4526        
4527      "
4528    >
4529      <span class="price">€40,00</span>
4530    </div>
4531    <div
4532      class="
4533        price__sale
4534        
4535          price__hidden
4536        
4537      "
4538    >
4539      
4540        <span class="price-item__group">
4541          <span class="visually-hidden">Regular price&nbsp;</span>
4542          <span class="price-item--regular compare-at-price"></span>
4543        </span>
4544        <span class="price-item__group">
4545          <span class="visually-hidden">Sale price&nbsp;</span>
4546          <span class="price-item--sale price">€40,00</span>
4547        </span>
4548      
4549    </div>
4550  
4551</div>
4552    
4553  </div>
4554</div></product-card-link>
4555
4556        </li>
4557      
4558    </ul>
4559  
4560</div>
4561
4562        
4563      
4564    </div>
4565  
4566</div>
4567
4568          </div>
4569
4570          <div class="predictive-search-form__footer">
4571            <button
4572              class="button predictive-search__search-button"
4573              ref="viewAllButton"
4574            >
4575              View all
4576            </button>
4577          </div>
4578        </div>
4579      </form>
4580    </predictive-search-component>
4581  </dialog>
4582</dialog-component>
4583
4584
4585
4586
4587    
4588      
4588<script
4589  src="//procaccini.com/cdn/shop/t/4/assets/gift-card-recipient-form.js?v=170482155849799299241782288532"
4590  type="module"
4591  fetchpriority="low"
4592></script>
4592
4593<quick-add-dialog id="quick-add-dialog">
4594  <dialog
4595    class="quick-add-modal dialog-modal color-custom-popover"
4596    ref="dialog"
4597    scroll-lock
4598  >
4599    <button
4600      ref="closeButton"
4601      on:click="/closeDialog"
4602      class="button button-unstyled close-button quick-add-modal__close"
4603      aria-label="Close dialog"
4604    ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4605<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
4606</svg>
4607</button>
4608
4609    <product-component
4610      id="quick-add-modal-content"
4611      class="quick-add-modal__content"
4612      view-event-trigger="dialog"
4613    ></product-component>
4614  </dialog>
4615</quick-add-dialog>
4616
4617
4618
4619
4620
4621
4622    
4623  <style>  </style>
4624<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4624
4625</body>
4626</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.