PageSourceSearch

https://procaccini.com/en/products/champagne-brut-delamotte?variant=54266250101069

html procaccini.com collected 2026-10-06 19:14:00 UTC 256,825 bytes, 6,625 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/products/champagne-brut-delamotte"
46>
47<meta
48  property="og:title"
49  content="Champagne Brut Delamotte: Elegance and Quality Bubbles"
50>
51<meta
52  property="og:type"
53  content="product"
54>
55<meta
56  property="og:description"
57  content="Champagne Brut Delamotte is born in the Côte des Blancs, where Chardonnay absorbs its essence, and Delamotte returns it in bubbles."
58><meta
59    property="og:image"
60    content="http://procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406"
61  >
62  <meta
63    property="og:image:secure_url"
64    content="https://procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406"
65  >
66  <meta
67    property="og:image:width"
68    content="1844"
69  >
70  <meta
71    property="og:image:height"
72    content="2304"
73  ><meta
74    property="og:price:amount"
75    content="150,00"
76  >
77  <meta
78    property="og:price:currency"
79    content="EUR"
80  ><meta
81  name="twitter:card"
82  content="summary_large_image"
83>
84<meta
85  name="twitter:title"
86  content="Champagne Brut Delamotte: Elegance and Quality Bubbles"
87>
88<meta
89  name="twitter:description"
90  content="Champagne Brut Delamotte is born in the Côte des Blancs, where Chardonnay absorbs its essence, and Delamotte returns it in bubbles."
91>
92
93<title>
94  Champagne Brut Delamotte: Elegance and Quality Bubbles
95 &ndash; Procaccini Milano</title>
96
97<link
98  rel="canonical"
99  href="https://procaccini.com/en/products/champagne-brut-delamotte"
100>
101
102
103  <meta
104    name="description"
105    content="Champagne Brut Delamotte is born in the Côte des Blancs, where Chardonnay absorbs its essence, and Delamotte returns it in bubbles."
106  >
107
108<link href="//procaccini.com/cdn/shop/t/4/assets/overflow-list.css?v=16727044177065489451782288532" as="style" rel="preload">
109<link href="//procaccini.com/cdn/shop/t/4/assets/base.css?v=14320065099553879401782288532" rel="stylesheet" type="text/css" media="all" />
110<link href="//procaccini.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
111<link href="//procaccini.com/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
112<link href="//procaccini.com/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
113<link href="//procaccini.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
114
115
116<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 116
116
117<script type="importmap">
118  {
119    "imports": {
120      "@theme/overflow-list": "//procaccini.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511782288532",
121      "@theme/component": "//procaccini.com/cdn/shop/t/4/assets/component.js?v=175690430936884589731782288532",
122      "@theme/dialog": "//procaccini.com/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281782288532",
123      "@theme/events": "//procaccini.com/cdn/shop/t/4/assets/events.js?v=99399773727497444581782288532",
124      "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js",
125      "@theme/view-event-elements": "//procaccini.com/cdn/shop/t/4/assets/view-event-elements.js?v=34258756885466567141782288532",
126      "@theme/focus": "//procaccini.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401782288532",
127      "@theme/morph": "//procaccini.com/cdn/shop/t/4/assets/morph.js?v=182601902166245204061782288532",
128      "@theme/paginated-list": "//procaccini.com/cdn/shop/t/4/assets/paginated-list.js?v=71290058904108491691782288532",
129      "@theme/performance": "//procaccini.com/cdn/shop/t/4/assets/performance.js?v=171015751390534793081782288532",
130      "@theme/product-form": "//procaccini.com/cdn/shop/t/4/assets/product-form.js?v=75424241456978697291782288532",
131      "@theme/recently-viewed-products": "//procaccini.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651782288532",
132      "@theme/scrolling": "//procaccini.com/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011782288532",
133      "@theme/section-renderer": "//procaccini.com/cdn/shop/t/4/assets/section-renderer.js?v=44511745960026958271782288532",
134      "@theme/section-hydration": "//procaccini.com/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311782288532",
135      "@theme/money-formatting": "//procaccini.com/cdn/shop/t/4/assets/money-formatting.js?v=160151249720534550011782288532",
136      "@theme/utilities": "//procaccini.com/cdn/shop/t/4/assets/utilities.js?v=86469562398914351581782288532",
137      "@theme/variant-picker": "//procaccini.com/cdn/shop/t/4/assets/variant-picker.js?v=21977969907998071131782288532",
138      "@theme/media-gallery": "//procaccini.com/cdn/shop/t/4/assets/media-gallery.js?v=154207211298275592001782288532",
139      "@theme/quick-add": "//procaccini.com/cdn/shop/t/4/assets/quick-add.js?v=43065342542833269571782288532",
140      "@theme/paginated-list-aspect-ratio": "//procaccini.com/cdn/shop/t/4/assets/paginated-list-aspect-ratio.js?v=25254270272143792451782288532",
141      "@theme/popover-polyfill": "//procaccini.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201782288532",
142      "@theme/component-quantity-selector": "//procaccini.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641782288532",
143      "@theme/comparison-slider": "//procaccini.com/cdn/shop/t/4/assets/comparison-slider.js?v=106705562947035711941782288532",
144      "@theme/sticky-add-to-cart": "//procaccini.com/cdn/shop/t/4/assets/sticky-add-to-cart.js?v=130489688094345781431782288532",
145      "@theme/fly-to-cart": "//procaccini.com/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081782288532",
146      "@theme/scroll-container": "//procaccini.com/cdn/shop/t/4/assets/scroll-container.js?v=127018149358875384221782288532",
147      "@theme/theme-drawer": "//procaccini.com/cdn/shop/t/4/assets/theme-drawer.js?v=155110645205299884131782288532"
148    }
149  }
150</script>
150<script
151  src="//procaccini.com/cdn/shop/t/4/assets/standard-actions-override.js?v=171683365447094389611782288532"
152  type="module"
153></script>
153
154
155<script
156  src="//procaccini.com/cdn/shop/t/4/assets/page-view-event.js?v=12823247316348680231782288532"
157  type="module"
158  defer
159></script>
159
160
161<script
162  src="//procaccini.com/cdn/shop/t/4/assets/view-transitions.js?v=5297208939214537721782288532"
163  async
164  
165    blocking="render"
166  
167></script>
167
168
169<link
170  rel="modulepreload"
171  href="//procaccini.com/cdn/shop/t/4/assets/utilities.js?v=86469562398914351581782288532"
172  fetchpriority="low"
173>
174<link
175  rel="modulepreload"
176  href="//procaccini.com/cdn/shop/t/4/assets/component.js?v=175690430936884589731782288532"
177  fetchpriority="low"
178>
179<link
180  rel="modulepreload"
181  href="//procaccini.com/cdn/shop/t/4/assets/section-renderer.js?v=44511745960026958271782288532"
182  fetchpriority="low"
183>
184<link
185  rel="modulepreload"
186  href="//procaccini.com/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311782288532"
187  fetchpriority="low"
188>
189<link
190  rel="modulepreload"
191  href="//procaccini.com/cdn/shop/t/4/assets/morph.js?v=182601902166245204061782288532"
192  fetchpriority="low"
193>
194
195
196
197<link
198  rel="modulepreload"
199  href="//procaccini.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401782288532"
200  fetchpriority="low"
201>
202<link
203  rel="modulepreload"
204  href="//procaccini.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651782288532"
205  fetchpriority="low"
206>
207<link
208  rel="modulepreload"
209  href="//procaccini.com/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011782288532"
210  fetchpriority="low"
211>
212<link
213  rel="modulepreload"
214  href="//procaccini.com/cdn/shop/t/4/assets/events.js?v=99399773727497444581782288532"
215  fetchpriority="low"
216>
217<script
218  src="//procaccini.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201782288532"
219  type="module"
220  fetchpriority="low"
221></script>
vendor: 1 bytes, line 221
221
222<script
223  src="//procaccini.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511782288532"
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/quick-add.js?v=43065342542833269571782288532"
229  type="module"
230  fetchpriority="low"
231></script>
231
232
233
234<script
235  src="//procaccini.com/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281782288532"
236  type="module"
237  fetchpriority="low"
238></script>
vendor: 1 bytes, line 238
238
239<script
240  src="//procaccini.com/cdn/shop/t/4/assets/variant-picker.js?v=21977969907998071131782288532"
241  type="module"
242  fetchpriority="low"
243></script>
vendor: 1 bytes, line 243
243
244<script
245  src="//procaccini.com/cdn/shop/t/4/assets/product-card.js?v=37238785082130356571782288532"
246  type="module"
247  fetchpriority="low"
248></script>
vendor: 1 bytes, line 248
248
249<script
250  src="//procaccini.com/cdn/shop/t/4/assets/product-form.js?v=75424241456978697291782288532"
251  type="module"
252  fetchpriority="low"
253></script>
vendor: 1 bytes, line 253
253
254<script
255  src="//procaccini.com/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081782288532"
256  type="module"
257  fetchpriority="low"
258></script>
vendor: 1 bytes, line 258
258
259<script
260  src="//procaccini.com/cdn/shop/t/4/assets/accordion-custom.js?v=105323356731531709191782288532"
261  type="module"
262  fetchpriority="low"
263></script>
vendor: 1 bytes, line 263
263
264<script
265  src="//procaccini.com/cdn/shop/t/4/assets/media.js?v=37825095869491791421782288532"
266  type="module"
267  fetchpriority="low"
268></script>
vendor: 1 bytes, line 268
268
269<script
270  src="//procaccini.com/cdn/shop/t/4/assets/product-price.js?v=179333985604099329921782288532"
271  type="module"
272  fetchpriority="low"
273></script>
vendor: 1 bytes, line 273
273
274<script
275  src="//procaccini.com/cdn/shop/t/4/assets/product-sku.js?v=28741104639155857071782288532"
276  type="module"
277  fetchpriority="low"
278></script>
vendor: 1 bytes, line 278
278
279<script
280  src="//procaccini.com/cdn/shop/t/4/assets/product-inventory.js?v=7173209571153411411782288532"
281  type="module"
282  fetchpriority="low"
283></script>
vendor: 1 bytes, line 283
283
284<script
285  src="//procaccini.com/cdn/shop/t/4/assets/show-more.js?v=94563802205717136101782288532"
286  type="module"
287  fetchpriority="low"
288></script>
vendor: 1 bytes, line 288
288
289<script
290  src="//procaccini.com/cdn/shop/t/4/assets/slideshow.js?v=28306258147874261831782288532"
291  type="module"
292  fetchpriority="low"
293></script>
vendor: 1 bytes, line 293
293
294<script
295  src="//procaccini.com/cdn/shop/t/4/assets/layered-slideshow.js?v=30135417790894624731782288532"
296  type="module"
297  fetchpriority="low"
298></script>
vendor: 1 bytes, line 298
298
299<script
300  src="//procaccini.com/cdn/shop/t/4/assets/anchored-popover.js?v=143987075196095667371782288532"
301  type="module"
302  fetchpriority="low"
303></script>
vendor: 1 bytes, line 303
303
304<script
305  src="//procaccini.com/cdn/shop/t/4/assets/floating-panel.js?v=151277338116891310371782288532"
306  type="module"
307  fetchpriority="low"
308></script>
vendor: 1 bytes, line 308
308
309<script
310  src="//procaccini.com/cdn/shop/t/4/assets/video-background.js?v=25237992823806706551782288532"
311  type="module"
312  fetchpriority="low"
313></script>
vendor: 1 bytes, line 313
313
314<script
315  src="//procaccini.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641782288532"
316  type="module"
317  fetchpriority="low"
318></script>
vendor: 1 bytes, line 318
318
319<script
320  src="//procaccini.com/cdn/shop/t/4/assets/media-gallery.js?v=154207211298275592001782288532"
321  type="module"
322  fetchpriority="low"
323></script>
vendor: 1 bytes, line 323
323
324<script
325  src="//procaccini.com/cdn/shop/t/4/assets/rte-formatter.js?v=40306132146590816021782288532"
326  type="module"
327  fetchpriority="low"
328></script>
vendor: 1 bytes, line 328
328
329<script
330  src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing.js?v=15442793518842484731782288532"
331  type="module"
332  fetchpriority="low"
333></script>
vendor: 1 bytes, line 333
333
334<script
335  src="//procaccini.com/cdn/shop/t/4/assets/price-per-item.js?v=115937180292451397851782288532"
336  type="module"
337  fetchpriority="low"
338></script>
vendor: 1 bytes, line 338
338
339<script
340  src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661782288532"
341  type="module"
342  fetchpriority="low"
343></script>
343
344
345
346  
346<script
347    src="//procaccini.com/cdn/shop/t/4/assets/localization.js?v=15585934801240115691782288532"
348    type="module"
349    fetchpriority="low"
350  ></script>
350
351
352
353
354  
354<script
355    src="//procaccini.com/cdn/shop/t/4/assets/sticky-add-to-cart.js?v=130489688094345781431782288532"
356    type="module"
357    fetchpriority="low"
358  ></script>
358
359  
359<script type="module">
360    import { RecentlyViewed } from '@theme/recently-viewed-products';
361    RecentlyViewed.addProduct('10745197232461');
362  </script>
362
363
364
365<script
366  src="//procaccini.com/cdn/shop/t/4/assets/auto-close-details.js?v=58350291535404441581782288532"
367  defer="defer"
368></script>
368
369
370<script>
371  const Theme = {
372    translations: {
373      placeholder_image: `Placeholder image`,
374      added: `Added`,
375      recipient_form_fields_visible: `Recipient form fields are now visible`,
376      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
377      recipient_form_error: `There was an error with the form submission`,
378      items_added_to_cart_one: `1 item added to cart`,
379      items_added_to_cart_other: `{{ count }} items added to cart`,
380      cart_count: `Total items in cart`,
381    },
382    routes: {
383      cart_add_url: '/en/cart/add.js',
384      cart_change_url: '/en/cart/change',
385      cart_update_url: '/en/cart/update',
386      cart_url: '/en/cart',
387      predictive_search_url: '/en/search/suggest',
388      search_url: '/en/search',
389    },
390    template: {
391      name: 'product.champagne-brut-delamotte',
392    },
393  };
394</script>
394
395<style data-shopify>
396@font-face {
397  font-family: Poppins;
398  font-weight: 400;
399  font-style: normal;
400  font-display: swap;
401  src: url("//procaccini.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
402       url("//procaccini.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
403}
404@font-face {
405  font-family: Poppins;
406  font-weight: 700;
407  font-style: normal;
408  font-display: swap;
409  src: url("//procaccini.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"),
410       url("//procaccini.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff");
411}
412@font-face {
413  font-family: Poppins;
414  font-weight: 400;
415  font-style: italic;
416  font-display: swap;
417  src: url("//procaccini.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
418       url("//procaccini.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
419}
420@font-face {
421  font-family: Poppins;
422  font-weight: 700;
423  font-style: italic;
424  font-display: swap;
425  src: url("//procaccini.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"),
426       url("//procaccini.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff");
427}
428@font-face {
429  font-family: Cormorant;
430  font-weight: 400;
431  font-style: normal;
432  font-display: swap;
433  src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2") format("woff2"),
434       url("//procaccini.com/cdn/fonts/cormorant/cormorant_n4.e5604516683cb4cc166c001f2ff5f387255e3b45.woff") format("woff");
435}
436@font-face {
437  font-family: Cormorant;
438  font-weight: 700;
439  font-style: normal;
440  font-display: swap;
441  src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_n7.c51184f59f7d2caf4999bcef8df2fc4fc4444aec.woff2") format("woff2"),
442       url("//procaccini.com/cdn/fonts/cormorant/cormorant_n7.c9ca63ec9e4d37ba28b9518c6b06672c0f43cd49.woff") format("woff");
443}
444@font-face {
445  font-family: Cormorant;
446  font-weight: 400;
447  font-style: italic;
448  font-display: swap;
449  src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_i4.0b95f138bb9694e184a2ebaf079dd59cf448e2d3.woff2") format("woff2"),
450       url("//procaccini.com/cdn/fonts/cormorant/cormorant_i4.75684eb0a368d69688996f5f8e72c62747e6c249.woff") format("woff");
451}
452@font-face {
453  font-family: Cormorant;
454  font-weight: 700;
455  font-style: italic;
456  font-display: swap;
457  src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_i7.fa6e55789218717259c80e332e32b03d0c0e36e1.woff2") format("woff2"),
458       url("//procaccini.com/cdn/fonts/cormorant/cormorant_i7.b5766b6262212587af58cec3328f4ffbc7c29531.woff") format("woff");
459}
460@font-face {
461  font-family: Poppins;
462  font-weight: 600;
463  font-style: normal;
464  font-display: swap;
465  src: url("//procaccini.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2") format("woff2"),
466       url("//procaccini.com/cdn/fonts/poppins/poppins_n6.5f815d845fe073750885d5b7e619ee00e8111208.woff") format("woff");
467}
468@font-face {
469  font-family: Poppins;
470  font-weight: 600;
471  font-style: italic;
472  font-display: swap;
473  src: url("//procaccini.com/cdn/fonts/poppins/poppins_i6.bb8044d6203f492888d626dafda3c2999253e8e9.woff2") format("woff2"),
474       url("//procaccini.com/cdn/fonts/poppins/poppins_i6.e233dec1a61b1e7dead9f920159eda42280a02c3.woff") format("woff");
475}
476
477
478  :root {
479    /* Page Layout */
480    --sidebar-width: 25rem;
481    --theme-drawer-width: 30rem;
482    --narrow-content-width: 36rem;
483    --normal-content-width: 42rem;
484    --wide-content-width: 46rem;
485    --narrow-page-width: 90rem;
486    --normal-page-width: 120rem;
487    --wide-page-width: 150rem;
488
489    /* Section Heights */
490    --section-height-small: 15rem;
491    --section-height-medium: 25rem;
492    --section-height-large: 35rem;
493
494    @media screen and (min-width: 40em) {
495      --section-height-small: 40svh;
496      --section-height-medium: 55svh;
497      --section-height-large: 70svh;
498    }
499
500    @media screen and (min-width: 60em) {
501      --section-height-small: 50svh;
502      --section-height-medium: 65svh;
503      --section-height-large: 80svh;
504    }
505
506    /* Letter spacing */
507    --letter-spacing-sm: 0.06em;
508    --letter-spacing-md: 0.13em;
509
510    /* Font families */
511    --font-body--family: Poppins, sans-serif;
512    --font-body--style: normal;
513    --font-body--weight: 400;
514    --font-subheading--family: Cormorant, serif;
515    --font-subheading--style: normal;
516    --font-subheading--weight: 400;
517    --font-heading--family: Cormorant, serif;
518    --font-heading--style: normal;
519    --font-heading--weight: 400;
520    --font-accent--family: Poppins, sans-serif;
521    --font-accent--style: normal;
522    --font-accent--weight: 600;
523
524    /* Margin sizes */
525    --font-heading--spacing: 0.25em;
526    --font-h1--spacing: var(--font-heading--spacing);
527    --font-h2--spacing: var(--font-heading--spacing);
528    --font-h3--spacing: var(--font-heading--spacing);
529    --font-h4--spacing: var(--font-heading--spacing);
530    --font-h5--spacing: var(--font-heading--spacing);
531    --font-h6--spacing: var(--font-heading--spacing);
532    --font-paragraph--spacing: 0.5em;
533
534    /** Z-Index / Layering */
535    --layer-section-background: -2;
536    --layer-lowest: -1;
537    --layer-base: 0;
538    --layer-flat: 1;
539    --layer-raised: 2;
540    --layer-heightened: 4;
541    --layer-sticky: 8;
542    --layer-window-overlay: 10;
543    --layer-header-menu: 12;
544    --layer-overlay: 16;
545    --layer-menu-drawer: 18;
546    --layer-temporary: 20;
547
548    /* Max-width / Measure */
549    --max-width--body-normal: 32.5em;
550    --max-width--body-narrow: 22.75em;
551
552    --max-width--heading-normal: 32.5em;
553    --max-width--heading-narrow: 19.5em;
554
555    --max-width--display-normal: 13em;
556    --max-width--display-narrow: 9.75em;
557    --max-width--display-tight: 3.25em;
558
559    /* Letter-spacing / Tracking */
560    --letter-spacing--display-tight: -0.03em;
561    --letter-spacing--display-normal: 0em;
562    --letter-spacing--display-loose: 0.03em;
563
564    --letter-spacing--heading-tight: -0.03em;
565    --letter-spacing--heading-normal: 0em;
566    --letter-spacing--heading-loose: 0.03em;
567
568    --letter-spacing--body-tight: -0.03em;
569    --letter-spacing--body-normal: 0em;
570    --letter-spacing--body-loose: 0.03em;
571
572    /* Line height / Leading */
573    --line-height: 1;
574
575    --line-height--display-tight: 1;
576    --line-height--display-normal: 1.1;
577    --line-height--display-loose: 1.2;
578
579    --line-height--heading-tight: 1.15;
580    --line-height--heading-normal: 1.25;
581    --line-height--heading-loose: 1.35;
582
583    --line-height--body-tight: 1.2;
584    --line-height--body-normal: 1.4;
585    --line-height--body-loose: 1.6;
586
587    /* Typography presets */
588    --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);
589
590    /* Hardcoded font sizes */
591    --font-size--3xs: 0.625rem;
592    --font-size--2xs: 0.75rem;
593    --font-size--xs: 0.8125rem;
594    --font-size--sm: 0.875rem;
595    --font-size--md: 1rem;
596    --font-size--lg: 1.125rem;
597    --font-size--xl: 1.25rem;
598    --font-size--2xl: 1.5rem;
599    --font-size--3xl: 2rem;
600    --font-size--4xl: 2.5rem;
601    --font-size--5xl: 3rem;
602    --font-size--6xl: 3.5rem;
603
604    /* Menu font sizes */
605    --menu-font-sm--size: 0.875rem;
606    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
607    --menu-font-md--size: 1rem;
608    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
609    --menu-font-lg--size: 1.125rem;
610    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
611    --menu-font-xl--size: 1.25rem;
612    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
613    --menu-font-2xl--size: 1.75rem;
614    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
615
616    /* Colors */
617    --color-error: #8B0000;
618    --color-success: #006400;
619    --color-white: #FFFFFF;
620    --color-white-rgb: 255 255 255;
621    --color-black: #000000;
622    --color-instock: #3ED660;
623    --color-lowstock: #EE9441;
624    --color-outofstock: #C8C8C8;
625
626    /* Opacity */
627    --opacity-5: 0.05;
628    --opacity-8: 0.08;
629    --opacity-10: 0.1;
630    --opacity-15: 0.15;
631    --opacity-20: 0.2;
632    --opacity-25: 0.25;
633    --opacity-30: 0.3;
634    --opacity-40: 0.4;
635    --opacity-50: 0.5;
636    --opacity-60: 0.6;
637    --opacity-70: 0.7;
638    --opacity-80: 0.8;
639    --opacity-85: 0.85;
640    --opacity-90: 0.9;
641    --opacity-subdued-text: 0.8;
642    --opacity-muted-text: 0.6;
643
644    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
645    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
646
647    /* Spacing */
648    --margin-3xs: 0.125rem;
649    --margin-2xs: 0.3rem;
650    --margin-xs: 0.5rem;
651    --margin-sm: 0.7rem;
652    --margin-md: 0.8rem;
653    --margin-lg: 1rem;
654    --margin-xl: 1.25rem;
655    --margin-2xl: 1.5rem;
656    --margin-3xl: 1.75rem;
657    --margin-4xl: 2rem;
658    --margin-5xl: 3rem;
659    --margin-6xl: 5rem;
660
661    --scroll-margin: 50px;
662
663    --padding-3xs: 0.125rem;
664    --padding-2xs: 0.25rem;
665    --padding-xs: 0.5rem;
666    --padding-sm: 0.7rem;
667    --padding-md: 0.8rem;
668    --padding-lg: 1rem;
669    --padding-xl: 1.25rem;
670    --padding-2xl: 1.5rem;
671    --padding-3xl: 1.75rem;
672    --padding-4xl: 2rem;
673    --padding-5xl: 3rem;
674    --padding-6xl: 4rem;
675
676    --gap-3xs: 0.125rem;
677    --gap-2xs: 0.3rem;
678    --gap-xs: 0.5rem;
679    --gap-sm: 0.7rem;
680    --gap-md: 0.9rem;
681    --gap-lg: 1rem;
682    --gap-xl: 1.25rem;
683    --gap-2xl: 2rem;
684    --gap-3xl: 3rem;
685
686    --spacing-scale-sm: 0.6;
687    --spacing-scale-md: 0.7;
688    --spacing-scale-default: 1.0;
689
690    /* Checkout buttons gap */
691    --checkout-button-gap: 10px;
692
693    /* Borders */
694    --style-border-width: 1px;
695    --style-border-radius-xs: 0.2rem;
696    --style-border-radius-sm: 0.6rem;
697    --style-border-radius-md: 0.8rem;
698    --style-border-radius-50: 50%;
699    --style-border-radius-lg: 1rem;
700    --style-border-radius-pills: 40px;
701    --style-border-radius-inputs: 0px;
702    --style-border-radius-buttons-primary: 0px;
703    --style-border-radius-buttons-secondary: 0px;
704    --style-border-width-primary: 0px;
705    --style-border-width-secondary: 1px;
706    --style-border-width-inputs: 1px;
707    --style-border-radius-popover: 0px;
708    --style-border-popover: 0px solid #000000;
709    --style-border-drawer: 1px solid ;
710    --style-border-swatch-opacity: 10%;
711    --style-border-swatch-width: 1px;
712    --style-border-swatch-style: solid;
713
714    /* Animation */
715    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
716    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
717    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
718    --animation-speed-fast: 0.0625s;
719    --animation-speed: 0.125s;
720    --animation-speed-slow: 0.2s;
721    --animation-speed-medium: 0.15s;
722    --animation-easing: ease-in-out;
723    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
724    --drawer-animation-speed: 0.2s;
725    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
726    --animation-values: var(--animation-speed) var(--animation-easing);
727    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
728    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
729    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
730    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
731    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
732    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
733    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
734    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
735    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
736    --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%);
737    --spring-d300-b0-duration: 0.4980s;
738    --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%);
739    --spring-d280-b0-duration: 0.4648s;
740    --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%);
741    --spring-d260-b0-duration: 0.4316s;
742    --spring-d220-b0-easing: linear(
743      0,
744      0.0093 1.37%,
745      0.0696 4.12%,
746      0.4667 15.09%,
747      0.6322 20.58%,
748      0.6986 23.32%,
749      0.7793 27.44%,
750      0.8219 30.18%,
751      0.8721,
752      0.9089 38.42%,
753      0.9427,
754      0.9644,
755      0.978 54.88%,
756      0.9881 61.74%,
757      0.9944 69.97%,
758      0.998 80.95%,
759      0.9996 98.78%
760    );
761    --spring-d220-b0-duration: 0.3818s;
762    --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%);
763    --spring-d180-b0-duration: 0.2988s;
764
765    /* View transitions */
766    /* View transition old */
767    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
768
769    /* View transition new */
770    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
771
772    /* Focus */
773    --focus-outline-width: 0.09375rem;
774    --focus-outline-offset: 0.2em;
775
776    /* Badges */
777    --badge-blob-padding-block: 1px;
778    --badge-blob-padding-inline: 12px 8px;
779    --badge-rectangle-padding-block: 1px;
780    --badge-rectangle-padding-inline: 6px;
781    @media screen and (min-width: 750px) {
782      --badge-blob-padding-block: 4px;
783      --badge-blob-padding-inline: 16px 12px;
784      --badge-rectangle-padding-block: 4px;
785      --badge-rectangle-padding-inline: 10px;
786    }
787
788    /* Icons */
789    --icon-size-2xs: 0.6rem;
790    --icon-size-xs: 0.85rem;
791    --icon-size-sm: 1.25rem;
792    --icon-size-md: 1.375rem;
793    --icon-size-lg: 1.5rem;
794    --icon-stroke-width: 1px;
795
796    /* Input */
797    --input-email-min-width: 200px;
798    --input-search-max-width: 650px;
799    --input-padding-y: 0.8rem;
800    --input-padding-x: 0.8rem;
801    --input-padding: var(--input-padding-y) var(--input-padding-x);
802    --input-box-shadow-width: var(--style-border-width-inputs);
803    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
804    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
805    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
806    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
807    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
808    --input-textarea-min-height: 55px;
809
810    /* Checkbox */
811    --checkbox-size: 22px;
812    --checkbox-border-radius: 7px;
813    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
814    --checkbox-label-padding: 8px;
815
816    @media screen and (min-width: 750px) {
817      --checkbox-size: 16px;
818      --checkbox-border-radius: 5px;
819      --checkbox-label-padding: 6px;
820    }
821
822    /* Button size */
823    --button-size-sm: 30px;
824    --button-size-md: 36px;
825    --button-size: var(--minimum-touch-target);
826    --button-padding-inline: 24px;
827    --button-padding-block: 16px;
828
829    /* Button font-family */
830    --button-font-family-primary: var(--font-body--family);
831    --button-font-family-secondary: var(--font-body--family);
832
833    /* Button text case */
834    --button-text-case: ;
835    --button-text-case-primary: uppercase;
836    --button-text-case-secondary: uppercase;
837
838    /* Borders */
839    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
840    --border-width-sm: 1px;
841    --border-width-md: 2px;
842    --border-width-lg: 5px;
843    --border-radius-sm: 0.25rem;
844
845    /* Drawers */
846    --drawer-inline-padding: 25px;
847    --drawer-menu-inline-padding: 2.5rem;
848    --drawer-header-block-padding: 20px;
849    --drawer-content-block-padding: 10px;
850    --drawer-header-desktop-top: 0rem;
851    --drawer-padding: calc(var(--padding-sm) + 7px);
852    --drawer-height: 100dvh;
853    --drawer-width: 95vw;
854    --drawer-max-width: 500px;
855
856    /* Variant Picker Swatches */
857    --variant-picker-swatch-width-unitless: 18;
858    --variant-picker-swatch-height-unitless: 18;
859    --variant-picker-swatch-width: 18px;
860    --variant-picker-swatch-height: 18px;
861    --variant-picker-swatch-radius: 0px;
862    --variant-picker-border-width: 1px;
863    --variant-picker-border-style: solid;
864    --variant-picker-border-opacity: 10%;
865
866    /* Variant Picker Buttons */
867    --variant-picker-button-radius: 0px;
868    --variant-picker-button-border-width: 1px;
869    --variant-option-label-color: var(--color, var(--color-foreground));
870
871    /* Slideshow */
872    --slideshow-controls-size: 3.5rem;
873    --slideshow-controls-icon: 2rem;
874    --peek-next-slide-size: 3rem;
875
876    /* Utilities */
877    --backdrop-opacity: 0.15;
878    --backdrop-color-rgb: var(--color-shadow-rgb);
879    --minimum-touch-target: 44px;
880    --disabled-opacity: 0.5;
881    --skeleton-opacity: 0.025;
882
883    /* Shapes */
884    --shape--circle: circle(50% at center);
885    --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%);
886    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
887    --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
887% 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%);
888
889    /* Buy buttons */
890    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
891
892    /* Card image width and height variables */
893    --card-width-small: 10rem;
894
895    --height-small: 10rem;
896    --height-medium: 11.5rem;
897    --height-large: 13rem;
898    --height-full: 100vh;
899
900    @media screen and (min-width: 750px) {
901      --height-small: 17.5rem;
902      --height-medium: 21.25rem;
903      --height-large: 25rem;
904    }
905
906    /* Modal */
907    --modal-max-height: 65dvh;
908    --quick-add-modal-height: min(38.5rem, 96vh);
909    --quick-add-modal-width: min(54rem, 96vw);
910    --quick-add-modal-gallery-width: 24rem;
911
912    /* Card styles for search */
913    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
914    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
915    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
916
917    /* Cart */
918    --cart-primary-font-family: var(--font-body--family);
919    --cart-primary-font-style: var(--font-body--style);
920    --cart-primary-font-weight: var(--font-body--weight);
921    --cart-secondary-font-family: var(--font-primary--family);
922    --cart-secondary-font-style: var(--font-primary--style);
923    --cart-secondary-font-weight: var(--font-primary--weight);
924  }
925</style>
926
927
928
929
930
931
932  <style data-shopify>
933    .color-custom-popover,
934    .color-custom-popover .text-block {
935      /* Background */
936      --color-background: #ffffff;
937      --color-background-rgb: 255 255 255;
938
939      /* Opacity values adjusted for background brightness */
940      
941--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9420.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
943
944
945      
946        /* Foreground / text — explicit or smart-contrasted */
947        --color: #000000;
948        --color-rgb: 0 0 0;
949        --color-foreground: #000000;
950        --color-foreground-rgb: 0 0 0;
951        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
952        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
953        --color-border: #000000;
954        --color-border-rgb: 0 0 0;
955      
956    }
957
958    
959      .color-custom-popover {
960        /* Form-related tokens stay on .color-custom only — .text-block is a prose
961           container (text/announcement/inline-text/blog-post-description/
962           collection-link/price/sku) and never holds form inputs. */
963        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
964        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
965        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
966        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
967      }
968    
969
970    .color-custom-popover {
971      color: var(--color, var(--color-foreground));
972      background-color: var(--color-background);
973    }
974  </style>
975
976
977
978
979
980
981
982
983  <style data-shopify>
984    .color-custom-drawer,
985    .color-custom-drawer .text-block {
986      /* Background */
987      --color-background: #ffffff;
988      --color-background-rgb: 255 255 255;
989
990      /* Opacity values adjusted for background brightness */
991      
992--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9930.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
994
995
996      
997        /* Foreground / text — explicit or smart-contrasted */
998        --color: #000000;
999        --color-rgb: 0 0 0;
1000        --color-foreground: #000000;
1001        --color-foreground-rgb: 0 0 0;
1002        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
1003        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
1004        --color-border: #000000;
1005        --color-border-rgb: 0 0 0;
1006      
1007    }
1008
1009    
1010      .color-custom-drawer {
1011        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1012           container (text/announcement/inline-text/blog-post-description/
1013           collection-link/price/sku) and never holds form inputs. */
1014        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
1015        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
1016        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
1017        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
1018      }
1019    
1020
1021    .color-custom-drawer {
1022      color: var(--color, var(--color-foreground));
1023      background-color: var(--color-background);
1024    }
1025  </style>
1026
1027
1028
1029
1030
1031
1032
1033
1034  
1035  <style data-shopify>
1036    .color-custom-badge-sale,
1037    .color-custom-badge-sale .text-block {
1038      --color: #ffffff;
1039      --color-rgb: 255 255 255;
1040      --color-foreground: #ffffff;
1041      --color-foreground-rgb: 255 255 255;
1042      --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
1043      --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
1044
1045      
1046        --color-border: #ffffff;
1047        --color-border-rgb: 255 255 255;
1048      
1049
1050    }
1051
1052    .color-custom-badge-sale {
1053      /* Form-related tokens stay on .color-custom only. */
1054      --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
1055      --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
1056      --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
1057      --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
1058    }
1059
1060    
1061      .color-custom-badge-sale {
1062        color: #ffffff;
1063      }
1064    
1065  </style>
1066
1067
1068
1069
1070
1071
1072
1073
1074  <style data-shopify>
1075    .color-custom-badge-sold-out,
1076    .color-custom-badge-sold-out .text-block {
1077      /* Background */
1078      --color-background: #000000;
1079      --color-background-rgb: 0 0 0;
1080
1081      /* Opacity values adjusted for background brightness */
1082      
1083--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
10840.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
1085
1086
1087      
1088        /* Foreground / text — explicit or smart-contrasted */
1089        --color: #ffffff;
1090        --color-rgb: 255 255 255;
1091        --color-foreground: #ffffff;
1092        --color-foreground-rgb: 255 255 255;
1093        --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
1094        --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
1095        --color-border: #ffffff;
1096        --color-border-rgb: 255 255 255;
1097      
1098    }
1099
1100    
1101      .color-custom-badge-sold-out {
1102        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1103           container (text/announcement/inline-text/blog-post-description/
1104           collection-link/price/sku) and never holds form inputs. */
1105        --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
1106        --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
1107        --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
1108        --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
1109      }
1110    
1111
1112    .color-custom-badge-sold-out {
1113      color: var(--color, var(--color-foreground));
1114      background-color: var(--color-background);
1115    }
1116  </style>
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135<style data-shopify>
1136  /* Palette colors */
1137  :root {
1138    --color-background: #ffffff;
1139    --color-background-rgb: 255 255 255;
1140    --color-foreground: #000000;
1141    --color-foreground-rgb: 0 0 0;
1142    --color-border: #000000;
1143    --color-border-rgb: 0 0 0;
1144    --palette-lightest: #ffffff;
1145    --palette-lightest-rgb: 255 255 255;
1146    --palette-darkest: #000000;
1147    --palette-darkest-rgb: 0 0 0;
1148    
1149--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
11500.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1151
1152
1153    --color-primary-button-text: rgb(255 255 255 / 1.0);
1154    --color-primary-button-background: rgb(23 33 35 / 1.0);
1155    --color-primary-button-border: rgb(0 0 0 / 1.0);
1156    --color-primary-button-focus-outline: rgb(23 33 35);
1157    --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1158    --color-primary-button-hover-background: #354d51;
1159    --color-primary-button-hover-border: #262626;
1160
1161    --color-secondary-button-text: rgb(0 0 0 / 1.0);
1162    --color-secondary-button-background: rgb(255 255 255 / 1.0);
1163    --color-secondary-button-border: rgb(255 255 255 / 1.0);
1164    --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1165    --color-secondary-button-hover-background: #f2f2f2;
1166    --color-secondary-button-hover-border: #f2f2f2;
1167
1168    --color-input-background: rgb(255 255 255 / 1.0);
1169    --color-input-text: rgb(0 0 0 / 1.0);
1170    --color-input-text-rgb: 0 0 0;
1171    --color-input-border: rgb();
1172
1173    --color-variant-background: rgb(255 255 255 / 1.0);
1174    --color-variant-border: rgb();
1175    --color-variant-text: rgb(0 0 0 / 1.0);
1176    --color-variant-text-rgb: 0 0 0;
1177    --color-variant-hover-background: #f2f2f2;
1178    --color-variant-hover-text: rgb(0 0 0 / 1.0);
1179    --color-variant-hover-border: ;
1180
1181    --color-selected-variant-background: rgb(0 0 0 / 1.0);
1182    --color-selected-variant-border: rgb(0 0 0 / 1.0);
1183    --color-selected-variant-text: rgb(255 255 255 / 1.0);
1184    --color-selected-variant-hover-background: #262626;
1185    --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1186    --color-selected-variant-hover-border: #262626;
1187
1188    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1189    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1190    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1191    --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
1192    --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
1193    --color-drawer-shadow-rgb: ;
1194    --color-popover-shadow-rgb: 0 0 0;
1195
1196    /* Shadows */
1197    
1198    
1199      --shadow-blur: 20px;
1200      --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
1201    
1202  }
1203
1204  body {
1205    color: var(--color-foreground);
1206    background-color: var(--color-background);
1207  }
1208</style>
1209
1210
1211    
1211<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1211<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/97879621965/digital_wallets/dialog">
1212<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/en/cart/54266250101069:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" hreflang="x-default" href="https://procaccini.com/products/champagne-brut-delamotte">
1213<link rel="alternate" hreflang="it" href="https://procaccini.com/products/champagne-brut-delamotte">
1214<link rel="alternate" hreflang="en" href="https://procaccini.com/en/products/champagne-brut-delamotte">
1215<link rel="alternate" type="application/json+oembed" href="https://procaccini.com/en/products/champagne-brut-delamotte.oembed">
1216<script async="async" src="/checkouts/internal/preloads.js?locale=en-IT"></script>
1216
1217<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1218<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-IT&shop_id=97879621965" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1218
1218
1219<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 1219
1219
1220<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 1220
1220
1221<script>var Shopify = Shopify || {};
1222Shopify.shop = "w9ce8j-7j.myshopify.com";
1223Shopify.locale = "en";
1224Shopify.currency = {"active":"EUR","rate":"1.0"};
1225Shopify.country = "IT";
1226Shopify.theme = {"name":"Atelier","id":192663126349,"schema_name":"Atelier","schema_version":"4.1.0","theme_store_id":3621,"role":"main"};
1227Shopify.theme.handle = "null";
1228Shopify.theme.style = {"id":null,"handle":null};
1229Shopify.cdnHost = "procaccini.com/cdn";
1230Shopify.routes = Shopify.routes || {};
1231Shopify.routes.root = "/en/";
1232Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1233Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1234Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1235Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1235
1235
1236<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1236
1236
1237<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 1237
1237
1238<script>
1239  window.ShopifyPay = window.ShopifyPay || {};
1240  window.ShopifyPay.apiHost = "shop.app\/pay";
1241  window.ShopifyPay.redirectState = null;
1242</script>
vendor: 1 bytes, line 1242
1242
1243<script>
1244  window.Shopify = window.Shopify || {};
1245  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1246  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1247  window.Shopify.SignInWithShop.eligible = true;
1248</script>
vendor: 1 bytes, line 1248
1248
1249<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1249
1249
1250<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 1250
1250
1251<script type="module">
1252  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1253
1254  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1255
1256</script>
vendor: 1 bytes, line 1256
1256
1257<script>
1258  window.Shopify = window.Shopify || {};
1259  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1260  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"]};
1261</script>
vendor: 1 bytes, line 1261
1261
1262<script id="__st">var __st={"a":97879621965,"offset":7200,"reqid":"363753ab-57e8-4267-ab8d-e81cde693939-1791314040","pageurl":"procaccini.com\/en\/products\/champagne-brut-delamotte?variant=54266250101069","u":"cd87bf2ad026","p":"product","rtyp":"product","rid":10745197232461};</script>
vendor: 1 bytes, line 1262
1262
1263<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1263
1263
1264<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 1264
1264
1265<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 1265
1265
1266<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>
1266<script crossorigin="anonymous" defer="defer" src="//procaccini.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1266
1266
1267<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 1267
1267
1268<script>
1269  window.Shopify = window.Shopify || {};
1270  window.Shopify.MCP = window.Shopify.MCP || {};
1271  window.Shopify.MCP.enabled = true;
1272  window.Shopify.MCP.shop = "w9ce8j-7j.myshopify.com";
1273  window.Shopify.MCP.mcpEndpoint = "https:\/\/procaccini.com\/api\/mcp";
1274  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"]}}];
1275</script>
vendor: 1 bytes, line 1275
1275
1276<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=");})();
1277</script>
vendor: 1 bytes, line 1277
1277
1278<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)}};
1279</script>
vendor: 1 bytes, line 1279
1279
1280<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1281  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);
1282</script>
vendor: 1 bytes, line 1282
1282
1283<script>
1284  function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
1285</script>
1285
1286
1287<script type="module" src="https://procaccini.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js" onError="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1287
1287
1288<script nomodule>
1289  document.addEventListener("DOMContentLoaded", portableWalletsCleanup);
1290</script>
1290
1291
1292<script id='scb4127' type='text/javascript' async='' src='https://procaccini.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1292<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">
1293<style id="shopify-accelerated-checkout-cart">
1294        #shopify-buyer-consent {
1295  margin-top: 1em;
1296  display: inline-block;
1297  width: 100%;
1298}
1299
1300#shopify-buyer-consent.hidden {
1301  display: none;
1302}
1303
1304#shopify-subscription-policy-button {
1305  background: none;
1306  border: none;
1307  padding: 0;
1308  text-decoration: underline;
1309  font-size: inherit;
1310  cursor: pointer;
1311}
1312
1313#shopify-subscription-policy-button::before {
1314  box-shadow: none;
1315}
1316
1317      </style>
1318<link rel="compression-dictionary" href="//procaccini.com/cdn/shop/t/4/compiled_assets/styles.css?v=44760935978152708521784207515" crossorigin="anonymous">
1319<link rel="stylesheet" media="screen" href="//procaccini.com/cdn/shop/t/4/compiled_assets/styles.css?v=44760935978152708521784207515&subset=ACwAgAAAAACAARAAAAAAxjAAECxQFwLgAAIgeSVMFEABoA" crossorigin="anonymous">
1320<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1320
1321  <!-- 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">
1322<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: "product"};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 1322
1322
1323<script>
1324  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1325</script>
vendor: 1 bytes, line 1325
1325
1326<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}
1326).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":[{"price":{"amount":150.0,"currencyCode":"EUR"},"product":{"title":"Champagne Brut Delamotte for Procaccini Milano","vendor":"Procaccini Milano","id":"10745197232461","untranslatedTitle":"Champagne Delamotte Brut per Procaccini Milano","url":"\/en\/products\/champagne-brut-delamotte","type":""},"id":"54266250101069","image":{"src":"\/\/procaccini.com\/cdn\/shop\/files\/Champagne_brut.jpg?v=1783673406"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}
1326],"products":[{"id":"10745197232461","handle":"champagne-brut-delamotte","isCollective":null,"title":"Champagne Brut Delamotte for Procaccini Milano","type":null,"untranslatedTitle":"Champagne Delamotte Brut per Procaccini Milano","url":"\/en\/products\/champagne-brut-delamotte","vendor":"Procaccini Milano","remoteShopId":null,"variants":[{"id":"54266250101069","image":{"src":"\/\/procaccini.com\/cdn\/shop\/files\/Champagne_brut.jpg?v=1783673406"},"price":{"amount":150.0,"currencyCode":"EUR"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"10719475106125","handle":"olio-procaccini-by-emin-haziri","isCollective":null,"title":"Olio Procaccini by Emin Haziri","type":null,"untranslatedTitle":"Olio Procaccini by Emin Haziri","url":"\/en\/products\/olio-procaccini-by-emin-haziri","vendor":"Procaccini Milano","remoteShopId":null,"variants":[{"id":"54155716002125","image":{"src":"\/\/procaccini.com\/cdn\/shop\/files\/Olio_Procaccini_Milano.jpg?v=1783612771"},"price":{"amount":40.0,"currencyCode":"EUR"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://procaccini.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"192663126349","themeStoreId":"3621","themePublished":"true","eventMetadataId":"6be7ca81-5ba4-4008-aa3e-a2a9857b82ba","pageType":"product","resourceId":"10745197232461","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\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":150.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"Champagne Brut Delamotte for Procaccini Milano\",\"vendor\":\"Procaccini Milano\",\"id\":\"10745197232461\",\"untranslatedTitle\":\"Champagne Delamotte Brut per Procaccini Milano\",\"url\":\"\/en\/products\/champagne-brut-delamotte\",\"type\":\"\"},\"id\":\"54266250101069\",\"image\":{\"src\":\"\/\/procaccini.com\/cdn\/shop\/files\/Champagne_brut.jpg?v=1783673406\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
1326<script>
1327  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1328  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1329  window.ShopifyAnalytics.meta.currency = 'EUR';
1330  var meta = {"product":{"id":10745197232461,"gid":"gid:\/\/shopify\/Product\/10745197232461","vendor":"Procaccini Milano","type":"","handle":"champagne-brut-delamotte","variants":[{"id":54266250101069,"price":15000,"name":"Champagne Brut Delamotte for Procaccini Milano","public_title":null,"sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":10745197232461,"requestId":"363753ab-57e8-4267-ab8d-e81cde693939-1791314040"}};
1331  for (var attr in meta) {
1332    window.ShopifyAnalytics.meta[attr] = meta[attr];
1333  }
1334</script>
vendor: 1 bytes, line 1334
1334
1335<script class="analytics">
1336  (function () {
1337    var customDocumentWrite = function(content) {
1338      var jquery = null;
1339
1340      if (window.jQuery) {
1341        jquery = window.jQuery;
1342      } else if (window.Checkout && window.Checkout.$) {
1343        jquery = window.Checkout.$;
1344      }
1345
1346      if (jquery) {
1347        jquery('body').append(content);
1348      }
1349    };
1350
1351    var hasLoggedConversion = function(token) {
1352      if (token) {
1353        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1354      }
1355      return false;
1356    }
1357
1358    var setCookieIfConversion = function(token) {
1359      if (token) {
1360        var twoMonthsFromNow = new Date(Date.now());
1361        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1362
1363        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1364      }
1365    }
1366
1367    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1368    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1369    if (trekkie.integrations) {
1370      return;
1371    }
1372    trekkie.methods = [
1373      'identify',
1374      'page',
1375      'ready',
1376      'track',
1377      'trackForm',
1378      'trackLink'
1379    ];
1380    trekkie.factory = function(method) {
1381      return function() {
1382        var args = Array.prototype.slice.call(arguments);
1383        args.unshift(method);
1384        trekkie.push(args);
1385        if (method == 'track' || method == 'page') {
1386          var pageUrl;
1387          try {
1388            pageUrl = window.location.href;
1389          } catch (e) {}
1390          var pageReferrer;
1391          try {
1392            pageReferrer = document.referrer;
1393          } catch (e) {}
1394          try {
1395            if (window.__TREKKIE_SHIM_QUEUE == null) {
1396              window.__TREKKIE_SHIM_QUEUE = [];
1397            }
1398            window.__TREKKIE_SHIM_QUEUE.push({
1399              from: 'trekkie-stub',
1400              method: method,
1401              args: args.slice(1),
1402              pageContext: {
1403                url: pageUrl,
1404                referrer: pageReferrer
1405              }
1406            });
1407          } catch (e) {
1408            // no-op
1409          }
1410        }
1411        return trekkie;
1412      };
1413    };
1414    for (var i = 0; i < trekkie.methods.length; i++) {
1415      var key = trekkie.methods[i];
1416      trekkie[key] = trekkie.factory(key);
1417    }
1418    trekkie.load = function(config) {
1419      trekkie.config = config || {};
1420      trekkie.config.initialDocumentCookie = document.cookie;
1421      var first = document.getElementsByTagName('script')[0];
1422var script = document.createElement('script');
1423script.type = 'text/javascript';
1424script.onerror = function(e) {
1425  var scriptFallback = document.createElement('script');
1426  scriptFallback.type = 'text/javascript';
1427  scriptFallback.onerror = function(error) {
1428          var Monorail = {
1429      produce: function produce(monorailDomain, schemaId, payload) {
1430        var currentMs = new Date().getTime();
1431        var event = {
1432          schema_id: schemaId,
1433          payload: payload,
1434          metadata: {
1435            event_created_at_ms: currentMs,
1436            event_sent_at_ms: currentMs
1437          }
1438        };
1439        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1440      },
1441      sendRequest: function sendRequest(endpointUrl, payload) {
1442        // Try the sendBeacon API
1443        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1444          var blobData = new window.Blob([payload], {
1445            type: 'text/plain'
1446          });
1447
1448          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1449            return true;
1450          } // sendBeacon was not successful
1451
1452        } // XHR beacon
1453
1454        var xhr = new XMLHttpRequest();
1455
1456        try {
1457          xhr.open('POST', endpointUrl);
1458          xhr.setRequestHeader('Content-Type', 'text/plain');
1459          xhr.send(payload);
1460        } catch (e) {
1461          console.log(e);
1462        }
1463
1464        return false;
1465      },
1466      isIos12: function isIos12() {
1467        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1468      }
1469    };
1470    Monorail.produce('monorail-edge.shopifysvc.com',
1471      'trekkie_storefront_load_errors/1.1',
1472      {shop_id: 97879621965,
1473      theme_id: 192663126349,
1474      app_name: "storefront",
1475      context_url: window.location.href,
1476      source_url: "//procaccini.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1477
1478  };
1479  scriptFallback.async = true;
1480  scriptFallback.src = '//procaccini.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1481  first.parentNode.insertBefore(scriptFallback, first);
1482};
1483script.async = true;
1484script.src = '//procaccini.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1485first.parentNode.insertBefore(script, first);
1486
1487    };
1488    trekkie.load(
1489      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":97879621965,"isMerchantRequest":null,"themeId":192663126349,"themeCityHash":"8709819045432205906","contentLanguage":"en","currency":"EUR","eventMetadataId":"6be7ca81-5ba4-4008-aa3e-a2a9857b82ba"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1490    );
1491
1492    var loaded = false;
1493    trekkie.ready(function() {
1494      if (loaded) return;
1495      loaded = true;
1496
1497      window.ShopifyAnalytics.lib = window.trekkie;
1498
1499      var originalDocumentWrite = document.write;
1500      document.write = customDocumentWrite;
1501      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1502      document.write = originalDocumentWrite;
1503
1504      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1505      var token = match? match[1]: undefined;
1506      if (!hasLoggedConversion(token)) {
1507        setCookieIfConversion(token);
1508        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"EUR","variantId":54266250101069,"productId":10745197232461,"productGid":"gid:\/\/shopify\/Product\/10745197232461","name":"Champagne Brut Delamotte for Procaccini Milano","price":"150.00","sku":null,"brand":"Procaccini Milano","variant":null,"category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1509      }
1510    });
1511
1512    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":10745197232461,"requestId":"363753ab-57e8-4267-ab8d-e81cde693939-1791314040","shopifyEmitted":true});
1513
1514    var eventsListenerScript = document.createElement('script');
1515    eventsListenerScript.async = true;
1516    eventsListenerScript.src = "//procaccini.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1517    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1518})();</script>
vendor: 1 bytes, line 1518
1518
1519<script
1520  defer
1521  src="https://procaccini.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
1522  data-application="storefront-renderer"
1523  data-shop-id="97879621965"
1524  data-render-region="gcp-europe-west1"
1525  data-page-type="product"
1526  data-theme-instance-id="192663126349"
1527  data-theme-name="Atelier"
1528  data-theme-version="4.1.0"
1529  data-monorail-region="shop_domain"
1530  data-resource-timing-sampling-rate="10"
1531  data-shs="true"
1532  data-shs-beacon="true"
1533  data-shs-export-with-fetch="true"
1534  data-shs-logs-sample-rate="1"
1535  data-shs-beacon-endpoint="https://procaccini.com/api/collect"
1536></script>
vendor: 1 bytes, line 1536
1536
1537<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1537<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>
1537
1538<meta name="shopify-y" content="aacc1666-feed-43c1-8029-975e5dd94a72" data-expiration="1822871640000"><meta name="shopify-s" content="d41a1337-5516-4bf2-9aea-8db4cb4a4037" data-expiration="1791315840000"><meta name="new-cookie-storage-activated" content="t">
1539</head>
1540
1541  <body class="page-width-wide card-hover-effect-subtle-zoom">
1542    <a
1543  class="skip-to-content-link button-secondary"
1544  href="#MainContent"
1545>
1546  Skip to content
1547</a>
1548
1549
1550
1551
1552    
1553
1554<theme-drawer id="chat-drawer">
1555  <dialog
1556    ref="panel"
1557    class="theme-drawer__dialog chat-drawer"
1558  >
1559    <shopify-chat
1560      mode="standalone"
1561      mode-switch
1562    ></shopify-chat>
1563  </dialog>
1564</theme-drawer>
1565
1566<script type="module">
1567  const chatDrawer = document.querySelector('#chat-drawer');
1568  const shopifyChat = document.querySelector('shopify-chat');
1569
1570  document.addEventListener('theme-drawer:open', (event) => {
1571    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
1572    shopifyChat?.setAttribute('mode', 'managed');
1573  });
1574
1575  document.addEventListener('theme-drawer:close', (event) => {
1576    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
1577    // If mode is still managed, this is a theme-initiated close (backdrop /
1578    // Escape) — close the chat so the FAB appears. If mode is already
1579    // standalone, the close was triggered by an undock (enter-standalone sets
1580    // mode before closing the drawer) — leave the chat open as a floating panel.
1581    if (shopifyChat?.getAttribute('mode') === 'managed') {
1582      shopifyChat?.removeAttribute('open');
1583    }
1584    shopifyChat?.setAttribute('mode', 'standalone');
1585  });
1586
1587  document.addEventListener('shopify-chat:enter-managed', () => {
1588    // Captured at event-fire time — the dock-transition animation hint below
1589    // depends on state as it was when the event was dispatched.
1590    const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
1591
1592    // The activator-click path (FAB click on desktop with stored
1593    // preferredMode=managed) dispatches enter-managed *before* calling show(),
1594    // so the chat's `open` attribute at event time understates the imminent
1595    // outcome. Defer to a microtask: by then show() (if any) has run, and we
1596    // can distinguish the viewport-driven mobile→desktop transition that left
1597    // a minimized FAB (chat stays closed → don't open an empty drawer) from
1598    // an activator click (chat just opened → open the drawer).
1599    queueMicrotask(() => {
1600      if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
1601        return;
1602      }
1603      chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
1604    });
1605  });
1606
1607  document.addEventListener('shopify-chat:enter-standalone', () => {
1608    shopifyChat?.setAttribute('mode', 'standalone');
1609    chatDrawer?.close?.();
1610  });
1611
1612  document.addEventListener('shopify-chat:close', () => {
1613    if (shopifyChat?.getAttribute('mode') === 'managed') {
1614      chatDrawer?.close?.();
1615    }
1616  });
1617
1618  document.addEventListener('megaMenu:hover', () => {
1619    if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
1620      shopifyChat?.removeAttribute('open');
1621    }
1622  });
1623
1624  // After the chat upgrades it self-restores its preferred mode from
1625  // sessionStorage. Reconcile any mismatch with the theme-drawer's state
1626  // — the drawer is the source of truth for which mode the chat should
1627  // be in (open → managed, closed → standalone).
1628  customElements.whenDefined('shopify-chat').then(() => {
1629    const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
1630    if (shopifyChat?.getAttribute('mode') !== mode) {
1631      // When switching managed → standalone (e.g. narrow viewport skipped
1632      // drawer restore), also close the chat so it renders as the FAB
1633      // rather than an open standalone panel.
1634      if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
1635        shopifyChat?.removeAttribute('open');
1636      }
1637      shopifyChat?.setAttribute('mode', mode);
1638    }
1639  });
1640</script>
1640
1641
1642
1643
1644
1645    <div class="page-wrapper">
1646      <div id="header-group">
1647        <!-- BEGIN sections: header-group -->
1648<header id="shopify-section-sections--28769422901581__header_section" class="shopify-section shopify-section-group-header-group header-section">
1649
1650
1651
1652
1653
1654
1655<script type="application/ld+json">
1656  {
1657    "@context": "http://schema.org",
1658    "@type": "Organization",
1659    "name": "Procaccini Milano",
1660    
1661      "logo": "https:\/\/procaccini.com\/cdn\/shop\/files\/Procaccini_Milano_logo_1.png?v=1782304919\u0026width=500",
1662    
1663    "url": "https:\/\/procaccini.com"
1664  }
1665</script>
1665
1666
1667<header-component
1668  id="header-component"
1669  class="header"
1670  data-theme-color="rgb(255 255 255)"
1671  data-bubble-style="default"
1672  
1673    transparent="not-sticky"
1674  
1675  
1676    sticky="always"
1677  
1678  data-skip-node-update
1679  data-scroll-direction="none"
1680  
1681  
1682    data-transparent-background="bottom"
1683  
1684  style="
1685    --color-background-top-row: rgba(255 255 255 / 1.0);
1686    --color-background-bottom-row: rgba(255 255 255 / 1.0);
1687    
1688      --color-transparent-text: #000000;
1689      --color-transparent-text-rgb: 0 0 0;
1690      --color-transparent-text-contrast: var(--palette-lightest);
1691    
1692    
1693      --cart-bubble-background: var(--palette-darkest);
1694      --cart-bubble-text: #ffffff;
1695    
1696    
1697  "
1698>
1699  <div class="header__underlay header__underlay-closed"></div>
1700  <div
1701    class="header__underlay header__underlay-open"
1702  ></div>
1703    
1704
1705    
1706
1707    
1708    
1709      <div
1710        class="header__row header__row--top color-#ffffff section section--full-width-margin section--page-width color-custom-top-sections--28769422901581__header_section"
1711        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);">
1712        <div class="header__columns spacing-style">
1713          <style data-shopify>
1714    .color-custom-top-sections--28769422901581__header_section,
1715    .color-custom-top-sections--28769422901581__header_section .text-block {
1716      /* Background */
1717      --color-background: #ffffff;
1718      --color-background-rgb: 255 255 255;
1719
1720      /* Opacity values adjusted for background brightness */
1721      
1722--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
17230.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1724
1725
1726      
1727        /* Foreground / text — explicit or smart-contrasted */
1728        --color: #000000;
1729        --color-rgb: 0 0 0;
1730        --color-foreground: #000000;
1731        --color-foreground-rgb: 0 0 0;
1732        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
1733        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
1734        --color-border: var(--palette-darkest);
1735        --color-border-rgb: var(--palette-darkest-rgb);
1736      
1737    }
1738
1739    
1740      .color-custom-top-sections--28769422901581__header_section {
1741        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1742           container (text/announcement/inline-text/blog-post-description/
1743           collection-link/price/sku) and never holds form inputs. */
1744        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
1745        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
1746        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
1747        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
1748      }
1749    
1750
1751    .color-custom-top-sections--28769422901581__header_section {
1752      color: var(--color, var(--color-foreground));
1753      background-color: var(--color-background);
1754    }
1755  </style>
1756
1757
1758      
1759      
1760<div
1761      class="header__column header__column--left"
1762      data-testid="header-top-left"
1763    >
1764      
1765        
1766          
1767              
1768
1769
1770
1771    <div
1772      class="header__drawer"
1773      ref="headerDrawerContainer"
1774      data-hydration-key="header-drawer-mobile"
1775      
1776    >
1777      
1778
1779
1780
1781
1782  <style data-shopify>
1783    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1,
1784    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1 .text-block {
1785      /* Background */
1786      --color-background: #f7f7f8;
1787      --color-background-rgb: 247 247 248;
1788
1789      /* Opacity values adjusted for background brightness */
1790      
1791--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
17920.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1793
1794
1795      
1796        /* Foreground / text — explicit or smart-contrasted */
1797        --color: #000000;
1798        --color-rgb: 0 0 0;
1799        --color-foreground: #000000;
1800        --color-foreground-rgb: 0 0 0;
1801        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
1802        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
1803        --color-border: var(--palette-darkest);
1804        --color-border-rgb: var(--palette-darkest-rgb);
1805      
1806    }
1807
1808    
1809      .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1 {
1810        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1811           container (text/announcement/inline-text/blog-post-description/
1812           collection-link/price/sku) and never holds form inputs. */
1813        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
1814        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
1815        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
1816        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
1817      }
1818    
1819
1820    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1 {
1821      color: var(--color, var(--color-foreground));
1822      background-color: var(--color-background);
1823    }
1824  </style>
1825
1826
1827
1828<script
1829  src="//procaccini.com/cdn/shop/t/4/assets/header-drawer.js?v=121243031541024704371782288532"
1830  type="module"
1831  fetchpriority="low"
1832></script>
1832
1833
1834<header-drawer
1835  class="header-drawer "
1836  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1837>
1838  <details
1839    id="Details-menu-drawer-container"
1840    data-skip-node-update="true"
1841    class="menu-drawer-container"
1842    ref="details"
1843    scroll-lock
1844  >
1845    <summary
1846      class="header__icon header__icon--menu header__icon--summary"
1847      aria-label="Menu"
1848      on:click="/toggle"
1849    >
1850      <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">
1851  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1852  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1853</svg>
1854</span>
1855      <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">
1856<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"/>
1857</svg>
1858</span>
1859    </summary>
1860    <div
1861      ref="menuDrawer"
1862      class="
1863        menu-drawer
1864        
1865          color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1
1866        
1867      "
1868    >
1869      <button
1870        class="button close-button menu-drawer__close-button focus-inset"
1871        type="button"
1872        aria-label="Close"
1873        on:click="/close"
1874      >
1875        <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">
1876<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"/>
1877</svg>
1878</span>
1879      </button>
1880      <nav
1881        class="menu-drawer__navigation"
1882        style="--menu-top-level-font-family: var(--font-primary--family);
1883--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;
1884
1885  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
1886  var(--menu-font-2xl--line-height);
1887
1888--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
1889
1890--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
1891var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
1892uppercase;
1893
1894    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
1895    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
1896    --menu-parent-active-font-color: var(--color-foreground-subdued);
1897  
1898--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:
1899uppercase;
1900
1901    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
1902    --menu-child-font-color: var(--color-foreground-subdued); --menu-child-active-font-color: var(--color-foreground);
1903  
1904
1905        "
1906        aria-label="Primary"
1907      >
1908        <ul
1909          class="menu-drawer__menu has-submenu"
1910          role="list"
1911        >
1912            
1913            
1914
1915              <li
1916                style="--menu-drawer-animation-index: 1;"
1917                class="menu-drawer__list-item--flat"
1918              >
1919                
1920<a
1921                    id="HeaderDrawer-il-ristorante"
1922                    href="/en/pages/il-ristorante-procaccini-milano"
1923                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1924                    
1925                  >
1926                    <span class="menu-drawer__menu-item-text wrap-text">Restaurant</span>
1927                  </a>
1928                  
1929                  <ul
1930                    class="menu-drawer__menu menu-drawer__menu--childlist"
1931                    role="list"
1932                    tabindex="-1"
1933                  ><li
1934                        class="menu-drawer__list-item"
1935                        style="--menu-drawer-animation-index: 1;"
1936                      >
1937                        <a
1938                          href="/en/pages/il-ristorante-procaccini-milano#shopify-section-template--28772365369677__media_with_content_MPgA9e"
1939                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
1940                          
1941                        >
1942                          
1943                          <span class="menu-drawer__menu-item-text wrap-text">The Chef</span>
1944                        </a>
1945                      </li><li
1946                        class="menu-drawer__list-item"
1947                        style="--menu-drawer-animation-index: 1;"
1948                      >
1949                        <a
1950                          href="/en/pages/menu-procaccini-milano"
1951                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
1952                          
1953                        >
1954                          
1955                          <span class="menu-drawer__menu-item-text wrap-text">Menu</span>
1956                        </a>
1957                      </li><li
1958                        class="menu-drawer__list-item"
1959                        style="--menu-drawer-animation-index: 1;"
1960                      >
1961                        <a
1962                          href="/en/pages/prenota-un-tavolo"
1963                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
1964                          
1965                        >
1966                          
1967                          <span class="menu-drawer__menu-item-text wrap-text">Book a table</span>
1968                        </a>
1969                      </li><li
1970                        class="menu-drawer__list-item"
1971                        style="--menu-drawer-animation-index: 1;"
1972                      >
1973                        <a
1974                          href="https://procaccini.shop.bonkdo.com/it/buoni-regalo"
1975                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
1976                          
1977                        >
1978                          
1979                          <span class="menu-drawer__menu-item-text wrap-text">Give an experience</span>
1980                        </a>
1981                      </li></ul>
1982                
1983              </li>
1984              <li
1985                style="--menu-drawer-animation-index: 2;"
1986                class="menu-drawer__list-item--flat"
1987              >
1988                
1989<a
1990                    id="HeaderDrawer-shop"
1991                    href="/en/collections/all"
1992                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1993                    
1994                  >
1995                    <span class="menu-drawer__menu-item-text wrap-text">Shop</span>
1996                  </a>
1997                
1998              </li>
1999              <li
2000                style="--menu-drawer-animation-index: 3;"
2001                class="menu-drawer__list-item--flat"
2002              >
2003                
2004<a
2005                    id="HeaderDrawer-dicono-di-noi"
2006                    href="/en/pages/dicono-di-noi"
2007                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2008                    
2009                  >
2010                    <span class="menu-drawer__menu-item-text wrap-text">About us</span>
2011                  </a>
2012                
2013              </li>
2014              <li
2015                style="--menu-drawer-animation-index: 4;"
2016                class="menu-drawer__list-item--flat"
2017              >
2018                
2019<a
2020                    id="HeaderDrawer-contatti"
2021                    href="/en/pages/contatti-procaccini-milano"
2022                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2023                    
2024                  >
2025                    <span class="menu-drawer__menu-item-text wrap-text">Contacts</span>
2026                  </a>
2027                
2028              </li>
2029        </ul>
2030      </nav>
2031      <div
2032        class="menu-drawer__utility-links menu-drawer__animated-element"
2033        style="--menu-drawer-animation-index: 4;"
2034      >
2035        
2036        
2037          
2038          
2039            <div class="menu-drawer__localization color-custom-popover">
2040              
2041<localization-form-component
2042  ref="localizationForm"
2043  data-label-results-count="[count] results"
2044  data-show-filter="false"
2045  style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2046>
2047  
2048<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" />
2049
2050    
2051      <div class="language-selector language-selector--collapse-space h5">
2052        <h2
2053          class="visually-hidden"
2054          id="drawer-LanguageLabel"
2055        >
2056          Language
2057        </h2>
2058        
2059        <select
2060          id="drawerSelect"
2061          class="localization-form__select"
2062          name="language_code"
2063          aria-label="Language"
2064          ref="languageInput"
2065          on:change="/changeLanguage"
2066        ><option
2067              value="it"
2068              lang="it"
2069              
2070            >
2071              Italiano
2072            </option><option
2073              value="en"
2074              lang="en"
2075              
2076                selected
2077              
2078            >
2079              English
2080            </option></select>
2081        <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">
2082  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2083</svg>
2084</span>
2085      </div>
2086    
2087</form></localization-form-component>
2088
2089
2090
2091            </div>
2092          
2093</div>
2094
2095      
2096    </div>
2097    <div
2098      class="menu-drawer__backdrop"
2099      on:click="header-drawer/close"
2100    ></div>
2101  </details>
2102</header-drawer>
2103
2104
2105
2106    </div>
2107
2108  
2109
2110<style data-shopify>
2111  .header__underlay {
2112    --color-submenu: rgb(247 247 248);
2113  }
2114</style>
2115
2116
2117
2118
2119            
2120        
2121      
2122        
2123          
2124              
2125  <search-button
2126    class="search-action search-action--hidden-on-menu"
2127  >
2128    <button
2129      on:click="#search-modal/showDialog"
2130      class="button-unstyled header-actions__action"
2131      aria-label="Search"
2132      aria-haspopup="dialog"
2133    >
2134      <span class="hidden">
2135        Search
2136      </span>
2137
2138      <span class="svg-wrapper ">
2139        <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>
2140
2141      </span>
2142    </button>
2143  </search-button>
2144
2145
2146
2147
2148            
2149        
2150      
2151        
2152          
2153              
2154
2155
2156
2157    
2158
2159
2160
2161
2162  <style data-shopify>
2163    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu,
2164    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu .text-block {
2165      /* Background */
2166      --color-background: #f7f7f8;
2167      --color-background-rgb: 247 247 248;
2168
2169      /* Opacity values adjusted for background brightness */
2170      
2171--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
21720.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2173
2174
2175      
2176        /* Foreground / text — explicit or smart-contrasted */
2177        --color: #000000;
2178        --color-rgb: 0 0 0;
2179        --color-foreground: #000000;
2180        --color-foreground-rgb: 0 0 0;
2181        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
2182        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
2183        --color-border: var(--palette-darkest);
2184        --color-border-rgb: var(--palette-darkest-rgb);
2185      
2186    }
2187
2188    
2189      .color-custom-ANXV0V1NjYUtIa3NsY__header-menu {
2190        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2191           container (text/announcement/inline-text/blog-post-description/
2192           collection-link/price/sku) and never holds form inputs. */
2193        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
2194        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
2195        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
2196        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
2197      }
2198    
2199
2200    .color-custom-ANXV0V1NjYUtIa3NsY__header-menu {
2201      color: var(--color, var(--color-foreground));
2202      background-color: var(--color-background);
2203    }
2204  </style>
2205
2206
2207
2208    
2209
2210    <header-menu
2211      ref="headerMenu"
2212      class="header-menu"
2213      
2214      data-hydration-key="header-menu"
2215    >
2216      <div class="header-menu__inner">
2217        <nav
2218          class="menu-list"
2219          aria-label="Primary"
2220          style="--menu-top-level-font-family: var(--font-primary--family);
2221--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-primary--style);
2221 --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:uppercase;
2222
2223  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2224  var(--menu-font-sm--line-height);
2225
2226--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2227"
2228        >
2229          
2230          <overflow-list
2231  
2232    ref="overflowMenu"
2233  
2234  
2235    class="overflow-menu color-custom-ANXV0V1NjYUtIa3NsY__header-menu"
2236  
2237  
2238    minimum-items="2"
2239  
2240  
2241    data-testid="header-menu-overflow-list"
2242  
2243  
2244    data-skip-node-update
2245  
2246>
2247  <template shadowrootmode="open">
2248    <link href="//procaccini.com/cdn/shop/t/4/assets/overflow-list.css?v=16727044177065489451782288532" rel="stylesheet" type="text/css" media="all" />
2249
2250    <ul part="list">
2251      <slot></slot>
2252      <slot
2253        name="more"
2254        part="more"
2255        hidden
2256        
2257      >
2258        <li
2259          part="more"
2260        >
2261          <button
2262            class="button"
2263            type="button"
2264            tabindex="0"
2265            
2266          >
2267            More
2268          </button>
2269        </li>
2270      </slot>
2271      <li
2272        part="placeholder"
2273        hidden
2274      ></li>
2275    </ul>
2276
2277    <div part="overflow">
2278      <ul part="overflow-list">
2279        <slot name="overflow"></slot>
2280      </ul>
2281    </div>
2282  </template>
2283
2284  
2285      
2286        <li
2287          role="presentation"
2288          class="menu-list__list-item"
2289          on:focus="/activate"
2290          on:blur="/deactivate"
2291          on:pointerenter="/activate"
2292          on:pointerleave="/deactivate"
2293        >
2294          <a
2295            href="/en/pages/il-ristorante-procaccini-milano"
2296            data-skip-node-update="true"
2297            class="menu-list__link"aria-controls="submenu-1"
2298              aria-haspopup="true"
2299              aria-expanded="false"
2300            ref="menuitem"
2301          >
2302            <span class="menu-list__link-title">Restaurant</span>
2303          </a><div class="menu-list__submenu color-custom-ANXV0V1NjYUtIa3NsY__header-menu" ref="submenu[]">
2304              <div
2305                id="submenu-1"
2306                class="menu-list__submenu-inner"
2307                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
2308var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
2309uppercase;
2310
2311    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
2312    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
2313    --menu-parent-active-font-color: var(--color-foreground-subdued);
2314  
2315--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:
2316uppercase;
2317
2318    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
2319    --menu-child-font-color: var(--color-foreground-subdued); --menu-child-active-font-color: var(--color-foreground);
2320  
2321"
2322              >
2323                
2324                <div class="mega-menu section section--full-width-margin section--page-width">
2325                  <div
2326                    class="mega-menu__grid"
2327                    data-menu-grid-id="MegaMenuList-1"
2328                  >
2329                    
2330<ul
2331  data-menu-list-id="MegaMenuList-1"
2332  class="mega-menu__list list-unstyled"
2333  style="--menu-image-border-radius: 0px;"
2334>
2335  
2336    <li class="mega-menu__column mega-menu__column--span-1">
2337    <div>
2338      <a
2339        href="/en/pages/il-ristorante-procaccini-milano#shopify-section-template--28772365369677__media_with_content_MPgA9e"
2340        class="mega-menu__link "
2341      >
2342        
2343        <span class="wrap-text">The Chef</span>
2344      </a>
2345      
2346    </div>
2347
2348    
2349  
2350    
2351    <div>
2352      <a
2353        href="/en/pages/menu-procaccini-milano"
2354        class="mega-menu__link "
2355      >
2356        
2357        <span class="wrap-text">Menu</span>
2358      </a>
2359      
2360    </div>
2361
2362    
2363  
2364    
2365    <div>
2366      <a
2367        href="/en/pages/prenota-un-tavolo"
2368        class="mega-menu__link "
2369      >
2370        
2371        <span class="wrap-text">Book a table</span>
2372      </a>
2373      
2374    </div>
2375
2376    
2377  
2378    
2379    <div>
2380      <a
2381        href="https://procaccini.shop.bonkdo.com/it/buoni-regalo"
2382        class="mega-menu__link "
2383      >
2384        
2385        <span class="wrap-text">Give an experience</span>
2386      </a>
2387      
2388    </div>
2389
2390    </li>
2391  
2392</ul>
2393
2394
2395
2396<style data-shopify>
2397  [data-menu-grid-id="MegaMenuList-1"] {
2398    
2399      --menu-columns-desktop: 6;
2400      --menu-columns-tablet: 4;
2401    
2402  }
2403
2404  [data-menu-list-id="MegaMenuList-1"] {
2405    
2406      --menu-columns-desktop: 6;
2407      --menu-columns-tablet: 4;
2408    
2409  }
2410</style>
2411
2412
2413
2414                  </div>
2415                </div>
2416              </div>
2417            </div></li>
2418      
2419        <li
2420          role="presentation"
2421          class="menu-list__list-item"
2422          on:focus="/activate"
2423          on:blur="/deactivate"
2424          on:pointerenter="/activate"
2425          on:pointerleave="/deactivate"
2426        >
2427          <a
2428            href="/en/collections/all"
2429            data-skip-node-update="true"
2430            class="menu-list__link"
2431            ref="menuitem"
2432          >
2433            <span class="menu-list__link-title">Shop</span>
2434          </a></li>
2435      
2436        <li
2437          role="presentation"
2438          class="menu-list__list-item"
2439          on:focus="/activate"
2440          on:blur="/deactivate"
2441          on:pointerenter="/activate"
2442          on:pointerleave="/deactivate"
2443        >
2444          <a
2445            href="/en/pages/dicono-di-noi"
2446            data-skip-node-update="true"
2447            class="menu-list__link"
2448            ref="menuitem"
2449          >
2450            <span class="menu-list__link-title">About us</span>
2451          </a></li>
2452      
2453        <li
2454          role="presentation"
2455          class="menu-list__list-item"
2456          on:focus="/activate"
2457          on:blur="/deactivate"
2458          on:pointerenter="/activate"
2459          on:pointerleave="/deactivate"
2460        >
2461          <a
2462            href="/en/pages/contatti-procaccini-milano"
2463            data-skip-node-update="true"
2464            class="menu-list__link"
2465            ref="menuitem"
2466          >
2467            <span class="menu-list__link-title">Contacts</span>
2468          </a></li>
2469      
2470      <li
2471        class="menu-list__list-item"
2472        role="presentation"
2473        slot="more"
2474        on:focus="/activate"
2475        on:blur="/deactivate"
2476        on:pointerenter="/activate"
2477        on:pointerleave="/deactivate"
2478      >
2479        <button role="listitem" class="menu-list__link button-unstyled">
2480          <span class="menu-list__link-title">More</span>
2481        </button>
2482      </li>
2483    
2484</overflow-list>
2485
2486        </nav>
2487      </div>
2488
2489      
2489<script
2490        src="//procaccini.com/cdn/shop/t/4/assets/header-menu.js?v=95929844569485293131782288532"
2491        type="module"
2492        fetchpriority="low"
2493      ></script>
2493
2494    </header-menu>
2495
2496
2497<style data-shopify>
2498  .header__underlay {
2499    --color-submenu: rgb(247 247 248);
2500  }
2501</style>
2502
2503
2504
2505
2506            
2507        
2508      
2509    </div><div
2510      class="header__column header__column--center"
2511      data-testid="header-top-center"
2512    >
2513      
2514        
2515          
2516              
2517
2518
2519<a
2520  
2521  href="/en"
2522  class="size-style spacing-style header-logo"
2523  style="
2524    --size-style-width: ;--size-style-height: ;
2525    --padding-block-start: 10px;--padding-block-end: 0px;
2526    --font-family: var(--font-body--family);
2527    --font-style: var(--font-body--style);
2528    --font-weight: 600;
2529  "
2530  
2531>
2532  
2533
2534  <span
2535    class="header-logo__image-container header-logo__image-container--original"
2536    data-testid="header-logo"
2537  >
2538    
2539  
2540  
2541  
2542  
2543
2544  
2545
2546  
2547
2548  
2549
2550  <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;">
2551
2552
2553  </span>
2554
2555  
2556</a>
2557
2558
2559
2560
2561
2562            
2563        
2564      
2565    </div><div
2566      class="header__column header__column--right"
2567      data-testid="header-top-right"
2568    >
2569      
2570        
2571          
2572              
2573  
2574  
2575    <div class="dropdown-localization mobile:hidden">
2576      
2577<localization-form-component
2578  ref="localizationForm"
2579  data-label-results-count="[count] results"
2580  data-show-filter="false"
2581  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));"
2582>
2583  
2584<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" />
2585
2586    
2587      <div class="language-selector language-selector--collapse-space">
2588        <h2
2589          class="visually-hidden"
2590          id="dropdown-LanguageLabel"
2591        >
2592          Language
2593        </h2>
2594        
2595        <select
2596          id="dropdownSelect"
2597          class="localization-form__select"
2598          name="language_code"
2599          aria-label="Language"
2600          ref="languageInput"
2601          on:change="/changeLanguage"
2602        ><option
2603              value="it"
2604              lang="it"
2605              
2606            >
2607              Italiano
2608            </option><option
2609              value="en"
2610              lang="en"
2611              
2612                selected
2613              
2614            >
2615              English
2616            </option></select>
2617        <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">
2618  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2619</svg>
2620</span>
2621      </div>
2622    
2623</form></localization-form-component>
2624
2625
2626
2627    </div>
2628  
2629
2630            
2631        
2632      
2633        
2634          
2635              
2636  <search-button
2637    class="search-action search-action--hidden-on-drawer"
2638  >
2639    <button
2640      on:click="#search-modal/showDialog"
2641      class="button-unstyled header-actions__action"
2642      aria-label="Search"
2643      aria-haspopup="dialog"
2644    >
2645      <span class="hidden">
2646        Search
2647      </span>
2648
2649      <span class="svg-wrapper ">
2650        <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>
2651
2652      </span>
2653    </button>
2654  </search-button>
2654
2655
2656
2657
2658
2659            
2660        
2661      
2662        
2663          
2664              
2665
2666<script
2667  type="module"
2668  src="//procaccini.com/cdn/shop/t/4/assets/cart-icon.js?v=109428858171217037751782288532"
2669  fetchpriority="low"
2670></script>
2670
2671
2672
2673
2674
2675
2676<header-actions
2677  
2678>
2679  
2680    
2681    <div
2682      class="account-button header-actions__action color-custom-popover"
2683    >
2684      <shopify-store store-domain="https://procaccini.com" country="IT" language="en"></shopify-store>
2685<shopify-account
2686        menu="customer-account-main-menu"
2687        
2688      >
2689        
2690          <span
2691            slot="signed-out-avatar"
2692            class="account-button__text header-actions__text-style hidden"
2693          >
2694            Account
2695          </span>
2696
2697          <span
2698            slot="signed-out-avatar"
2699            class=""
2700            aria-hidden="true"
2701          >
2702            
2703  <svg
2704    xmlns="http://www.w3.org/2000/svg"
2705    width="15"
2706    height="17"
2707    viewBox="0 0 15 17"
2708    fill="none"
2709    slot="signed-out-avatar"
2710    class="account-button__icon"
2711  >
2712    <path
2713      stroke="currentColor"
2714      stroke-linejoin="round"
2715      stroke-width="var(--icon-stroke-width)"
2716      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"
2717    />
2718  </svg>
2719
2720          </span>
2721        
2722      </shopify-account>
2723    </div>
2724  
2725
2726  
2727    <button
2728      class="header-actions__action button-unstyled"
2729      on:click="#cart-drawer/toggle"
2730      aria-haspopup="dialog"
2731      aria-expanded="false"
2732      aria-controls="cart-drawer"
2733      aria-label="Cart"
2734      aria-describedby="cart-bubble-text"
2735      data-testid="cart-drawer-trigger"
2736    >
2737      
2738  <cart-icon
2739    class="header-actions__cart-icon"
2740    data-testid="cart-icon"
2741  >
2742    <span class="hidden">
2743      Cart
2744    </span>
2745
2746    <span
2747      class="svg-wrapper "
2748      aria-hidden="true"
2749    >
2750      <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>
2751
2752    </span>
2753
2754    
2755
2756<div
2757  ref="cartBubble"
2758  class="cart-bubble visually-hidden"
2759  style="--cart-bubble-background-fallback: #000000; --cart-bubble-text-fallback: #ffffff;"
2760  
2761  
2762    data-maintain-ratio
2763  
2764>
2765  <span class="cart-bubble__background"></span>
2766  <span
2767    ref="cartBubbleText"
2768    id="cart-bubble-text"
2769    class="cart-bubble__text"
2770  >
2771    <span
2772      class="cart-bubble__text-count hidden"
2773      ref="cartBubbleCount"
2774      aria-hidden="true"
2775      data-testid="cart-bubble"
2776    >
27770</span>
2778  </span>
2779</div>
2780
2781
2782
2783  </cart-icon>
2784
2785    </button>
2786  
2787
2788  <span
2789    ref="liveRegion"
2790    class="visually-hidden"
2791    role="status"
2792    data-testid="cart-count-live-region"
2793  ></span>
2794</header-actions>
2795
2796<script
2797  type="module"
2798  src="//procaccini.com/cdn/shop/t/4/assets/header-actions.js?v=157135685635924702181782288532"
2799  fetchpriority="low"
2800></script>
2800
2801
2802
2803
2804          
2805        
2806      
2807    </div>
2808        </div>
2809      </div>
2810    
2811  
2812    
2813
2814    
2815
2816    
2817    
2818  
2819
2820  
2821    <div class="header__row header__navigation-bar-row">
2822      
2823
2824
2825
2826    
2827  
2828
2829<style data-shopify>
2830  .header__underlay {
2831    --color-submenu: rgb(247 247 248);
2832  }
2833</style>
2834
2835
2836
2837
2838    </div>
2839  
2840</header-component>
2841
2842<script
2843  src="//procaccini.com/cdn/shop/t/4/assets/header.js?v=183210491532312943441782288532"
2844  type="module"
2845></script>
2845
2846
2847
2848
2849
2850  
2850<script type="module">
2851    import { hydrate } from '@theme/section-hydration';
2852    const url = new URL(window.location.href);
2853    url.searchParams.delete('page');
2854    hydrate('sections--28769422901581__header_section', url);
2855  </script>
2855
2856
2857
2858
2859</header>
2860<!-- END sections: header-group -->
2861      </div>
2862
2863      
2863<script>
2864        (function setHeaderHeighCustomProperties() {
2865          const header = document.querySelector('header-component');
2866          const headerGroup = document.querySelector('#header-group');
2867          const hasHeaderSection = headerGroup?.querySelector('.header-section');
2868
2869          if (!header || !headerGroup) return;
2870
2871          const headerTopRow = header.querySelector('.header__row--top');
2872          const headerHeight = header.offsetHeight;
2873
2874          let headerGroupHeight = 0;
2875          const children = headerGroup.children;
2876
2877          for (let i = 0; i < children.length; i++) {
2878            const element = children[i];
2879
2880            if (element === header || !(element instanceof HTMLElement)) continue;
2881
2882            headerGroupHeight += element.offsetHeight;
2883          }
2884
2885          if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
2886            headerGroupHeight += headerHeight;
2887          }
2888
2889          document.body.style.setProperty('--header-height', `${headerHeight}px`);
2890          document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
2891
2892          if (headerTopRow) {
2893            window.requestAnimationFrame(function () {
2894              document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
2895            });
2896          }
2897
2898          if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
2899            document.body.style.setProperty('--transparent-header-offset-boolean', '0');
2900            return;
2901          }
2902
2903          const hasImmediateSection =
2904            hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
2905
2906          const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
2907
2908          document.body.style.setProperty(
2909            '--transparent-header-offset-boolean',
2910            shouldApplyOffset
2911          );
2912        })();
2913
2914        (function setHeaderMenuStyle() {
2915          const headerComponent = document.querySelector('#header-component');
2916
2917          if (headerComponent) {
2918            const isTouchDevice =
2919              'ontouchstart' in window && navigator.maxTouchPoints > 0;
2920
2921            const overflowList = headerComponent?.querySelector('overflow-list');
2922
2923            const hasReachedMinimum =
2924              overflowList && overflowList.hasAttribute('minimum-reached');
2925
2926            headerComponent.dataset.menuStyle =
2927              isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
2928          }
2929        })();
2930      </script>
2930
2931
2932      <main
2933        id="MainContent"
2934        class="content-for-layout"
2935        role="main"
2936        data-page-transition-enabled="true"
2937        data-product-transition="true"
2938        data-template="product.champagne-brut-delamotte"
2939      >
2940        <div id="shopify-section-template--28970115301709__main" class="shopify-section">
2941
2942<script type="application/ld+json">
2943  {"@context":"http:\/\/schema.org\/","@id":"\/en\/products\/champagne-brut-delamotte#product","@type":"Product","brand":{"@type":"Brand","name":"Procaccini Milano"},"category":"Wine","description":"Delamotte Brut Champagne is born beneath the Côte des Blancs, where chalk outcrops just a few centimeters from the vineyard. The Chardonnay absorbs it, and Delamotte returns it in bubbles: 60% Chardonnay, 35% Pinot Noir, 5% Pinot Meunier, 30-36 months on lees before disgorgement.\n\nCitrus and cedrat peel, white flowers, fresh almond and a hint of freshly baked bread. On the palate, the attack is fresh and creamy while the acidity of the brut disgorgement remains intact, giving it a long and clean finish.","image":"https:\/\/procaccini.com\/cdn\/shop\/files\/Champagne_brut.jpg?v=1783673406\u0026width=1920","name":"Champagne Brut Delamotte for Procaccini Milano","offers":{"@id":"\/en\/products\/champagne-brut-delamotte?variant=54266250101069#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"150.00","priceCurrency":"EUR","url":"https:\/\/procaccini.com\/en\/products\/champagne-brut-delamotte?variant=54266250101069"},"url":"https:\/\/procaccini.com\/en\/products\/champagne-brut-delamotte"}
2944</script>
2944
2945
2946
2947
2948
2949
2950
2951
2952
2953  
2954
2955  <sticky-add-to-cart
2956    class="sticky-add-to-cart"
2957    data-variant-available="true"
2958    data-product-id="10745197232461"
2959    data-current-variant-id="54266250101069"
2960    data-initial-quantity="1"
2961    data-default-variant-title="Default Title"
2962  >
2963    <div
2964      class="sticky-add-to-cart__bar color-custom-popover"
2965      data-stuck="false"
2966      ref="stickyBar"
2967      role="region"
2968      aria-label="Quick add to cart bar"
2969    >
2970      
2971      
2972        <div
2973          class="sticky-add-to-cart__image"
2974        >
2975          
2976          <img src="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=120" alt="Champagne_brut" width="120" height="150" loading="lazy" class="sticky-add-to-cart__image-img" data-testid="sticky-product-image" ref="productImage">
2977        </div>
2978      
2979
2980      
2981      <div
2982        class="sticky-add-to-cart__info"
2983        data-has-image="true"
2984        data-singleton="true"
2985        data-single-option="false"
2986      >
2987        <p
2988          class="sticky-add-to-cart__title"
2989          data-testid="sticky-product-title"
2990        >
2991          Champagne Brut Delamotte for Procaccini Milano
2992        </p>
2993        <div
2994          class="sticky-add-to-cart__variant"
2995          data-testid="sticky-variant-title"
2996          
2997            style="display: none;"
2998          
2999        >
3000          
3001        </div>
3002      </div>
3003
3004      <div
3005        class="sticky-add-to-cart__price"
3006        data-testid="sticky-price-display"
3007      >
3008        <div ref="priceContainer">
3009  
3010    
3011    <div
3012      class="
3013        price__regular
3014        
3015      "
3016    >
3017      <span class="price">€150,00</span>
3018    </div>
3019    <div
3020      class="
3021        price__sale
3022        
3023          price__hidden
3024        
3025      "
3026    >
3027      
3028        <span class="price-item__group">
3029          <span class="visually-hidden">Sale price&nbsp;</span>
3030          <span class="price-item--sale price">€150,00</span>
3031        </span>
3032        <span class="price-item__group">
3033          <span class="visually-hidden">Regular price&nbsp;</span>
3034          <span class="price-item--regular compare-at-price"></span>
3035        </span>
3036      
3037    </div>
3038  
3039</div>
3040      </div>
3041
3042      <button
3043        type="button"
3044        class="sticky-add-to-cart__button add-to-cart-button button"
3045        ref="addToCartButton"
3046        on:click="/handleAddToCartClick"
3047        
3048      >
3049        <span
3050          class="add-to-cart-text"
3051        >
3052          
3053            <span class="svg-wrapper"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
3054</span>
3055          
3056          <span class="add-to-cart-text__content">
3057            <span>Add to cart</span>
3058            <span
3059              ref="quantityDisplay"
3060              
3061                style="display: none;"
3062              
3063            > (<span ref="quantityNumber">1</span>)</span>
3064          </span>
3065        </span>
3066        <span class="add-to-cart__added">
3067          <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3068  <g class="check">
3069    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3070    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3071  </g>
3072  <g class="burst">
3073    <g style="--index: 0;">
3074      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3075    </g>
3076    <g style="--index: 1;">
3077      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3078    </g>
3079    <g style="--index: 2;">
3080      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3081    </g>
3082    <g style="--index: 3;">
3083      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3084    </g>
3085    <g style="--index: 4;">
3086      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3087    </g>
3088    <g style="--index: 5;">
3089      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3090    </g>
3091    <g style="--index: 6;">
3092      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3093    </g>
3094    <g style="--index: 7;">
3095      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3096    </g>
3097  </g>
3098</svg>
3099</span>
3100        </span>
3101      </button>
3102    </div>
3103  </sticky-add-to-cart>
3104
3105
3106
3107
3108
3109
3110
3111
3112
3113
3114
3115  <style data-shopify>
3116    .color-custom-template--28970115301709__main,
3117    .color-custom-template--28970115301709__main .text-block {
3118      /* Background */
3119      --color-background: #ffffff;
3120      --color-background-rgb: 255 255 255;
3121
3122      /* Opacity values adjusted for background brightness */
3123      
3124--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
31250.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
3126
3127
3128      
3129        /* Foreground / text — explicit or smart-contrasted */
3130        --color: #000000;
3131        --color-rgb: 0 0 0;
3132        --color-foreground: #000000;
3133        --color-foreground-rgb: 0 0 0;
3134        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
3135        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
3136        --color-border: var(--palette-darkest);
3137        --color-border-rgb: var(--palette-darkest-rgb);
3138      
3139    }
3140
3141    
3142      .color-custom-template--28970115301709__main {
3143        /* Form-related tokens stay on .color-custom only — .text-block is a prose
3144           container (text/announcement/inline-text/blog-post-description/
3145           collection-link/price/sku) and never holds form inputs. */
3146        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
3147        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
3148        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
3149        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
3150      }
3151    
3152
3153    .color-custom-template--28970115301709__main {
3154      color: var(--color, var(--color-foreground));
3155      background-color: var(--color-background);
3156    }
3157  </style>
3158
3159
3160
3161<div
3162  class="section-background color-custom-template--28970115301709__main"
3163></div>
3164<div
3165  class="product-information section section--full-width spacing-style color-custom-template--28970115301709__main relative"
3166  style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 0px;"
3167  data-testid="product-information"
3168>
3169  
3170    
3171    <a
3172  class="skip-to-content-link button-secondary"
3173  href="#ProductInformation-template--28970115301709__main"
3174>
3175  Skip to product information
3176</a>
3177
3178
3179
3180  
3181  <product-component
3182    class="product-information__grid product-information--media-left product-information__grid--half product-information__grid--limit-details"
3183    data-product-grid-content
3184    
3185    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;:{&quot;id&quot;:54266250101069,&quot;title&quot;:&quot;Default Title&quot;,&quot;availableForSale&quot;:true,&quot;price&quot;:{&quot;amount&quot;:&quot;150.0&quot;,&quot;currencyCode&quot;:&quot;EUR&quot;},&quot;selectedOptions&quot;:[{&quot;name&quot;:&quot;Title&quot;,&quot;value&quot;:&quot;Default Title&quot;}]}},&quot;context&quot;:null,&quot;selectedOptions&quot;:[{&quot;name&quot;:&quot;Title&quot;,&quot;value&quot;:&quot;Default Title&quot;}]}"
3186    
3187  >
3188    
3189    
3190
3191    
3192      
3193        
3194      <div
3195        class="product-information__media"
3196        data-testid="product-information-media"
3197      >
3198        
3199
3200
3201<script
3202    src="//procaccini.com/cdn/shop/t/4/assets/zoom-dialog.js?v=102268456213388948961782288532"
3203    type="module"
3204  ></script>
3204<script
3205    src="//procaccini.com/cdn/shop/t/4/assets/drag-zoom-wrapper.js?v=49654226587051563631782288532"
3206    type="module"
3207  ></script>
3207<style data-shopify>
3208  
3209    .product-media-container {
3210      --media-preview-ratio: 1/1.25;
3211    }
3212
3213    
3214
3215    /* Constrain all deferred-media content to parent bounds when specific aspect ratio is set */
3216    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media,
3217    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model {
3218      width: 100%;
3219      height: 100%;
3220      top: 0;
3221      left: 0;
3222    }
3223
3224    /* Ensure video and iframe elements respect container aspect ratio */
3225    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media video,
3226    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media iframe {
3227      width: 100%;
3228      height: 100%;
3229      object-fit: cover;
3230    }
3231
3232    /* 3D models need special handling since they don't support object-fit */
3233    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model model-viewer {
3234      width: 100%;
3235      height: 100%;
3236    }
3237
3238    /* Clear gallery aspect ratio for zoom dialog - let media display at natural aspect ratios */
3239    .dialog-zoomed-gallery .product-media {
3240      --gallery-aspect-ratio: var(--ratio);
3241    }
3242  
3243
3244  
3245
3246  
3247    .media-fit-cover {
3248      --product-media-fit: cover;
3249    }
3250
3251    /* Media fit for all media elements - default to cover */
3252    .media-fit-cover :is(img, video, iframe, .deferred-media__poster-image) {
3253      object-fit: cover;
3254      width: 100%;
3255      height: 100%;
3256    }
3257
3258    /* 3D Models (no object-fit support, just sizing) */
3259    .media-fit-cover model-viewer {
3260      width: 100%;
3261      height: 100%;
3262    }
3263  
3264
3265  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
3266  
3267
3268  
3269  
3270  
3271    
3272    ::view-transition-old(gallery-item-open),
3273    ::view-transition-new(gallery-item-open),
3274    ::view-transition-old(gallery-item-close),
3275    ::view-transition-new(gallery-item-close) {
3276      height: 100%;
3277      width: 100%;
3278      object-fit: cover;
3279      object-position: var(--gallery-media-focal-point, center);
3280    }
3281  
3282  
3283
3284  :root { --gallery-media-border-radius: 0px; }
3285</style>
3286
3287
3288  <media-gallery
3289    class="
3290      spacing-style
3291      sticky-content
3292      
3293        media-gallery--one-column
3294        
3295      
3296      media-gallery--grid
3297      
3298      
3299        media-gallery--extend
3300      
3301    "
3302    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 57px; --media-radius: 0px;--image-gap: 0px; --gallery-aspect-ratio: 1/1.25;"
3303    data-presentation="grid"
3304    
3305  >
3306    
3307
3308    
3309
3310    
3311
3312    <slideshow-component
3313  
3314    ref="slideshow"
3315  
3316  
3317  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
3318  
3319  initial-slide="0"
3320  
3321  
3322    infinite
3323  
3324
3325  
3326>
3327  
3328  <slideshow-container ref="slideshowContainer">
3329    
3330    
3331    <slideshow-slides
3332      tabindex="-1"
3333      ref="scroller"
3334      
3335    >
3336      
3337      
3338        
3339        
3340        
3341        
3342
3343        <slideshow-slide
3344  ref="slides[]"
3345  aria-hidden="false"
3346  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3347  
3348    class="product-media-container media-fit-cover product-media-container--image product-media-container--zoomable"
3349  
3350  on:click="#zoom-dialog-ATUZrWmExV08xQVowN__media-gallery/open/0" data-view-transition-type="product-image-transition"
3351  
3352  
3353  
3354  
3355  on:click="#zoom-dialog-ATUZrWmExV08xQVowN__media-gallery/open/0" data-view-transition-type="product-image-transition"
3356>
3357  
3358
3359
3360
3361<div
3362  class="product-media"
3363  style="--ratio: 0.8003472222222222"
3364  data-media-id="63390663737677"
3365>
3366  
3367  <img src="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=3840" 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, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=832 832w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=3840 3840w" width="3840" height="4798" sizes="(min-width: 750px) calc(50vw - 0px), 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
3368
3369  
3370
3371  
3372</div>
3373
3374
3375
3376        
3377</slideshow-slide>
3378
3379
3380
3381
3382      
3383        
3384        
3385        
3386        
3387
3388        <slideshow-slide
3389  ref="slides[]"
3390  aria-hidden="true"
3391  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3392  
3393    class="product-media-container media-fit-cover product-media-container--video product-media-container--zoomable"
3394  
3395  on:click="#zoom-dialog-ATUZrWmExV08xQVowN__media-gallery/open/1"
3396  
3397  
3398  
3399  
3400  on:click="#zoom-dialog-ATUZrWmExV08xQVowN__media-gallery/open/1"
3401>
3402  
3403
3404
3405
3406<div
3407  class="product-media"
3408  style="--ratio: 0.8"
3409  data-media-id="63763329974605"
3410>
3411  
3412  <img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840" alt="Champagne Brut Delamotte for Procaccini Milano" 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, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=832 832w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840 3840w" width="3840" height="4800" sizes="(min-width: 750px) calc(50vw - 0px), 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840" fetchpriority="auto" style="--focal-point: ;">
3413
3414  
3415
3416
3417
3418
3419
3420
3421  <deferred-media
3422    class=""
3423    style=""
3424    
3425    
3426  >
3427    
3428      <button
3429        class="button deferred-media__poster-button button-unstyled"
3430        ref="deferredMediaPlayButton"
3431        aria-label="Load video: Champagne Brut Delamotte for Procaccini Milano"
3432        type="button"
3433        on:click="/showDeferredMedia"
3434        style="--video-aspect-ratio: 0.8"
3435      >
3436        <img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840" 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, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=832 832w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840 3840w" width="3840" height="4800" sizes="(min-width: 750px) 50vw, 100vw" class="deferred-media__poster-image">
3437
3438        <span class="deferred-media__poster-icon icon-play">
3439          <span class="visually-hidden">Play video</span><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3440    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
3441</svg>
3442</span>
3443      </button>
3444    
3445
3446    
3447      <button
3448        class="button button-unstyled deferred-media__poster-button video-interaction-hint hidden"
3449        ref="toggleMediaButton"
3450        type="button"
3451        on:click="/toggleMedia"
3452      >
3453        <span class="deferred-media__poster-icon icon-play hidden">
3454          <span class="visually-hidden">Play video</span><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3455    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
3456</svg>
3457</span>
3458        <span class="deferred-media__poster-icon icon-pause hidden">
3459          <span class="visually-hidden">Pause video</span><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3460    <path d="M12.5 5v10" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3461    <path d="M7.5 5v10" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3462</svg>
3463</span>
3464      </button>
3465    
3466
3467    <template>
3468      
3469        
3470    
3471      <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" aria-label="Champagne Brut Delamotte for Procaccini Milano" poster="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte_2500x.jpg?v=1784906239"><source src="//procaccini.com/cdn/shop/videos/c/vp/c2ab86ef71ed41f3a21e4b4f35de95d1/c2ab86ef71ed41f3a21e4b4f35de95d1.HD-1080p-7.2Mbps-89813252.mp4?v=0" type="video/mp4"><img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte_2500x.jpg?v=1784906239"></video>
3472    
3473  
3474      
3475    </template>
3476
3477    
3478  </deferred-media>
3479
3480
3481
3482
3483  
3484</div>
3485
3486
3487
3488        
3489</slideshow-slide>
3490
3491
3492
3493
3494      
3495        
3496        
3497        
3498        
3499
3500        <slideshow-slide
3501  ref="slides[]"
3502  aria-hidden="true"
3503  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3504  
3505    class="product-media-container media-fit-cover product-media-container--image product-media-container--zoomable"
3506  
3507  on:click="#zoom-dialog-ATUZrWmExV08xQVowN__media-gallery/open/2"
3508  
3509  
3510  
3511  
3512  on:click="#zoom-dialog-ATUZrWmExV08xQVowN__media-gallery/open/2"
3513>
3514  
3515
3516
3517
3518<div
3519  class="product-media"
3520  style="--ratio: 0.8"
3521  data-media-id="63395425026381"
3522>
3523  
3524  <img src="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=3840" alt="champagne" srcset="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=240 240w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=352 352w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=832 832w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=3840 3840w" width="3840" height="4800" sizes="(min-width: 750px) calc(50vw - 0px), 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3525
3526  
3527
3528  
3529</div>
3530
3531
3532
3533        
3534</slideshow-slide>
3535
3536
3537
3538
3539      
3540        
3541        
3542        
3543        
3544
3545        <slideshow-slide
3546  ref="slides[]"
3547  aria-hidden="true"
3548  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3549  
3550    class="product-media-container media-fit-cover product-media-container--image product-media-container--zoomable"
3551  
3552  on:click="#zoom-dialog-ATUZrWmExV08xQVowN__media-gallery/open/3"
3553  
3554  
3555  
3556  
3557  on:click="#zoom-dialog-ATUZrWmExV08xQVowN__media-gallery/open/3"
3558>
3559  
3560
3561
3562
3563<div
3564  class="product-media"
3565  style="--ratio: 0.8"
3566  data-media-id="63397383176525"
3567>
3568  
3569  <img src="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=3840" alt="champagne_brut_delamotte" srcset="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=240 240w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=352 352w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=832 832w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=3840 3840w" width="3840" height="4800" sizes="(min-width: 750px) calc(50vw - 0px), 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3570
3571  
3572
3573  
3574</div>
3575
3576
3577
3578        
3579</slideshow-slide>
3580
3581
3582
3583
3584      
3585    
3586    </slideshow-slides>
3587  </slideshow-container>
3588  
3589        
3590
3591  <slideshow-controls
3592    
3593      ref="slideshowControls"
3594    
3595    pagination-position="center"
3596    scroll-mode="horizontal"
3597    
3598      controls-on-media
3599    
3600    
3601    
3602    
3603    
3604      style="--thumbnail-radius: 0px;"
3605    
3606  >
3607    
3608
3609    
3610
3611    
3612        <div class="slideshow-controls__counter">
3613          <span ref="current">1</span><span class="slash">/</span>4</div>
3614      
3615
3616    
3617  </slideshow-controls>
3618
3619  
3620
3621
3622
3623
3624
3625        
3626      
3627</slideshow-component>
3628
3629
3630
3631
3632
3633    
3634      <ul
3635        class="media-gallery__grid list-unstyled"
3636        data-testid="media-gallery-grid"
3637      >
3638        
3639          <li
3640            ref="media[]"
3641            class="product-media-container media-fit-cover product-media-container--image product-media-container--force-aspect"
3642            style=" --media-radius: 0px;"
3643            
3644              data-view-transition-type="product-image-transition"
3645            
3646            
3647              data-focal-point="50.0% 50.0%"
3648            
3649          ><button
3650                type="button"
3651                class="button button-unstyled product-media-container__zoom-button"
3652                aria-label="Zoom media 1"
3653                on:click="/zoom/0"
3654                
3655                  on:pointerenter="/preloadImage/0"
3656                
3657              ></button>
3658
3659
3660<div
3661  class="product-media"
3662  style="--ratio: 0.8003472222222222"
3663  data-media-id="63390663737677"
3664>
3665  
3666  <img src="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=3840" 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, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=832 832w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=3840 3840w" width="3840" height="4798" sizes="(min-width: 750px) calc(50vw - 0px), 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
3667
3668  
3669
3670  
3671</div>
3672
3673
3674
3675          </li>
3676        
3677          <li
3678            ref="media[]"
3679            class="product-media-container media-fit-cover product-media-container--video product-media-container--force-aspect"
3680            style=" --media-radius: 0px;"
3681            
3682            
3683          >
3684
3685
3686<div
3687  class="product-media"
3688  style="--ratio: 0.8"
3689  data-media-id="63763329974605"
3690>
3691  
3692  <img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840" alt="Champagne Brut Delamotte for Procaccini Milano" 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, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=832 832w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840 3840w" width="3840" height="4800" sizes="(min-width: 750px) calc(50vw - 0px), 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840" fetchpriority="auto" style="--focal-point: ;">
3693
3694  
3695
3696
3697
3698
3699
3700
3701  <deferred-media
3702    class=""
3703    style=""
3704    
3705    
3706  >
3707    
3708      <button
3709        class="button deferred-media__poster-button button-unstyled"
3710        ref="deferredMediaPlayButton"
3711        aria-label="Load video: Champagne Brut Delamotte for Procaccini Milano"
3712        type="button"
3713        on:click="/showDeferredMedia"
3714        style="--video-aspect-ratio: 0.8"
3715      >
3716        <img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840" 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, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=832 832w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840 3840w" width="3840" height="4800" sizes="(min-width: 750px) 50vw, 100vw" class="deferred-media__poster-image">
3717
3718        <span class="deferred-media__poster-icon icon-play">
3719          <span class="visually-hidden">Play video</span><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3720    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
3721</svg>
3722</span>
3723      </button>
3724    
3725
3726    
3727      <button
3728        class="button button-unstyled deferred-media__poster-button video-interaction-hint hidden"
3729        ref="toggleMediaButton"
3730        type="button"
3731        on:click="/toggleMedia"
3732      >
3733        <span class="deferred-media__poster-icon icon-play hidden">
3734          <span class="visually-hidden">Play video</span><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3735    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
3736</svg>
3737</span>
3738        <span class="deferred-media__poster-icon icon-pause hidden">
3739          <span class="visually-hidden">Pause video</span><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3740    <path d="M12.5 5v10" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3741    <path d="M7.5 5v10" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3742</svg>
3743</span>
3744      </button>
3745    
3746
3747    <template>
3748      
3749        
3750    
3751      <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" aria-label="Champagne Brut Delamotte for Procaccini Milano" poster="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte_2500x.jpg?v=1784906239"><source src="//procaccini.com/cdn/shop/videos/c/vp/c2ab86ef71ed41f3a21e4b4f35de95d1/c2ab86ef71ed41f3a21e4b4f35de95d1.HD-1080p-7.2Mbps-89813252.mp4?v=0" type="video/mp4"><img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte_2500x.jpg?v=1784906239"></video>
3752    
3753  
3754      
3755    </template>
3756
3757    
3758  </deferred-media>
3759
3760
3761
3762
3763  
3764</div>
3765
3766
3767
3768          </li>
3769        
3770          <li
3771            ref="media[]"
3772            class="product-media-container media-fit-cover product-media-container--image product-media-container--force-aspect"
3773            style=" --media-radius: 0px;"
3774            
3775            
3776              data-focal-point="50.0% 50.0%"
3777            
3778          ><button
3779                type="button"
3780                class="button button-unstyled product-media-container__zoom-button"
3781                aria-label="Zoom media 3"
3782                on:click="/zoom/2"
3783                
3784                  on:pointerenter="/preloadImage/2"
3785                
3786              ></button>
3787
3788
3789<div
3790  class="product-media"
3791  style="--ratio: 0.8"
3792  data-media-id="63395425026381"
3793>
3794  
3795  <img src="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=3840" alt="champagne" srcset="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=240 240w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=352 352w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=832 832w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=3840 3840w" width="3840" height="4800" sizes="(min-width: 750px) calc(50vw - 0px), 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3796
3797  
3798
3799  
3800</div>
3801
3802
3803
3804          </li>
3805        
3806          <li
3807            ref="media[]"
3808            class="product-media-container media-fit-cover product-media-container--image product-media-container--force-aspect"
3809            style=" --media-radius: 0px;"
3810            
3811            
3812              data-focal-point="50.0% 50.0%"
3813            
3814          ><button
3815                type="button"
3816                class="button button-unstyled product-media-container__zoom-button"
3817                aria-label="Zoom media 4"
3818                on:click="/zoom/3"
3819                
3820                  on:pointerenter="/preloadImage/3"
3821                
3822              ></button>
3823
3824
3825<div
3826  class="product-media"
3827  style="--ratio: 0.8"
3828  data-media-id="63397383176525"
3829>
3830  
3831  <img src="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=3840" alt="champagne_brut_delamotte" srcset="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=240 240w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=352 352w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=832 832w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=3840 3840w" width="3840" height="4800" sizes="(min-width: 750px) calc(50vw - 0px), 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3832
3833  
3834
3835  
3836</div>
3837
3838
3839
3840          </li>
3841        
3842      </ul>
3843    
3844<zoom-dialog
3845        ref="zoomDialogComponent"
3846        id="zoom-dialog-ATUZrWmExV08xQVowN__media-gallery"
3847      >
3848        <dialog
3849          class="dialog-zoomed-gallery__dialog"
3850          ref="dialog"
3851          on:keydown="/handleKeyDown"
3852          scroll-lock
3853        >
3854          <button
3855            type="button"
3856            class="button button-unstyled close-button dialog-zoomed-gallery__close-button"
3857            aria-label="Close"
3858            on:click="/close"
3859          >
3860            <span class="visually-hidden">Close</span>
3861            <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3862<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"/>
3863</svg>
3864
3865          </button>
3866          <div class="dialog-thumbnails-list-container">
3867            <scroll-hint
3868              class="dialog-thumbnails-list list-unstyled"
3869              ref="thumbnails"
3870            >
3871              
3872
3873                  <button
3874                    type="button"
3875                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
3876                    aria-label="Scroll to Champagne_brut"
3877                    on:click="/handleThumbnailClick/0"
3878                    on:pointerenter="/handleThumbnailPointerEnter/0"
3879                    style="--aspect-ratio: 1/1.25; --gallery-aspect-ratio: 1/1.25;"
3880                    
3881                      aria-selected="true"
3882                    
3883                  >
3884                    
3885                    <img src="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=1024" 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, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=832 832w" width="1024" height="1279" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
3886                  </button>
3887                  <button
3888                    type="button"
3889                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
3890                    aria-label="Scroll to Champagne Brut Delamotte for Procaccini Milano"
3891                    on:click="/handleThumbnailClick/1"
3892                    on:pointerenter="/handleThumbnailPointerEnter/1"
3893                    style="--aspect-ratio: 1/1.25; --gallery-aspect-ratio: 1/1.25;"
3894                    
3895                  >
3896                    
3897                    <img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1024" alt="Champagne Brut Delamotte for Procaccini Milano" 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, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=832 832w" width="1024" height="1280" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="">
3898                  </button>
3899                  <button
3900                    type="button"
3901                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
3902                    aria-label="Scroll to champagne"
3903                    on:click="/handleThumbnailClick/2"
3904                    on:pointerenter="/handleThumbnailPointerEnter/2"
3905                    style="--aspect-ratio: 1/1.25; --gallery-aspect-ratio: 1/1.25;"
3906                    
3907                  >
3908                    
3909                    <img src="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=1024" alt="champagne" srcset="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=240 240w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=352 352w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=832 832w" width="1024" height="1280" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
3910                  </button>
3911                  <button
3912                    type="button"
3913                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
3914                    aria-label="Scroll to champagne_brut_delamotte"
3915                    on:click="/handleThumbnailClick/3"
3916                    on:pointerenter="/handleThumbnailPointerEnter/3"
3917                    style="--aspect-ratio: 1/1.25; --gallery-aspect-ratio: 1/1.25;"
3918                    
3919                  >
3920                    
3921                    <img src="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=1024" alt="champagne_brut_delamotte" srcset="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=240 240w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=352 352w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=832 832w" width="1024" height="1280" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
3922                  </button>
3923            </scroll-hint>
3924          </div>
3925          <ul
3926            class="dialog-zoomed-gallery list-unstyled"
3927          ><li
3928                id="product-63390663737677-1"
3929                class="product-media-container  product-media-container--image product-media-container--zoomable"
3930                style=""
3931                ref="media[]"
3932                
3933                  on:click="/close"
3934                
3935              >
3936                
3937                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
3938
3939<div
3940  class="product-media"
3941  style="--ratio: 0.8003472222222222"
3942  data-media-id="63390663737677"
3943>
3944  
3945  <img src="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=3840" 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, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=832 832w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=3840 3840w" width="3840" height="4798" loading="lazy" sizes="100vw" class="product-media__image" ref="image" data_max_resolution="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
3946
3947  
3948
3949  
3950</div>
3951
3952
3953</drag-zoom-wrapper>
3954                
3955              </li><li
3956                id="product-63763329974605-2"
3957                class="product-media-container  product-media-container--video"
3958                style=""
3959                ref="media[]"
3960                
3961              >
3962                
3963
3964
3965<div
3966  class="product-media"
3967  style="--ratio: 0.8"
3968  data-media-id="63763329974605"
3969>
3970  
3971  <img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840" alt="Champagne Brut Delamotte for Procaccini Milano" 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, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=832 832w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840" fetchpriority="auto" style="--focal-point: ;">
3972
3973  
3974
3975
3976
3977
3978
3979
3980  <deferred-media
3981    class=""
3982    style=""
3983    
3984    
3985  >
3986    
3987      <button
3988        class="button deferred-media__poster-button button-unstyled"
3989        ref="deferredMediaPlayButton"
3990        aria-label="Load video: Champagne Brut Delamotte for Procaccini Milano"
3991        type="button"
3992        on:click="/showDeferredMedia"
3993        style="--video-aspect-ratio: 0.8"
3994      >
3995        <img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840" 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, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=832 832w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="(min-width: 750px) 50vw, 100vw" class="deferred-media__poster-image">
3996
3997        <span class="deferred-media__poster-icon icon-play">
3998          <span class="visually-hidden">Play video</span><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3999    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
4000</svg>
4001</span>
4002      </button>
4003    
4004
4005    
4006      <button
4007        class="button button-unstyled deferred-media__poster-button video-interaction-hint hidden"
4008        ref="toggleMediaButton"
4009        type="button"
4010        on:click="/toggleMedia"
4011      >
4012        <span class="deferred-media__poster-icon icon-play hidden">
4013          <span class="visually-hidden">Play video</span><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4014    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
4015</svg>
4016</span>
4017        <span class="deferred-media__poster-icon icon-pause hidden">
4018          <span class="visually-hidden">Pause video</span><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4019    <path d="M12.5 5v10" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4020    <path d="M7.5 5v10" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4021</svg>
4022</span>
4023      </button>
4024    
4025
4026    <template>
4027      
4028        
4029    
4030      <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" aria-label="Champagne Brut Delamotte for Procaccini Milano" poster="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte_2500x.jpg?v=1784906239"><source src="//procaccini.com/cdn/shop/videos/c/vp/c2ab86ef71ed41f3a21e4b4f35de95d1/c2ab86ef71ed41f3a21e4b4f35de95d1.HD-1080p-7.2Mbps-89813252.mp4?v=0" type="video/mp4"><img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte_2500x.jpg?v=1784906239"></video>
4031    
4032  
4033      
4034    </template>
4035
4036    
4037  </deferred-media>
4038
4039
4040
4041
4042  
4043</div>
4044
4045
4046
4047              </li><li
4048                id="product-63395425026381-3"
4049                class="product-media-container  product-media-container--image product-media-container--zoomable"
4050                style=""
4051                ref="media[]"
4052                
4053                  on:click="/close"
4054                
4055              >
4056                
4057                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
4058
4059<div
4060  class="product-media"
4061  style="--ratio: 0.8"
4062  data-media-id="63395425026381"
4063>
4064  
4065  <img src="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=3840" alt="champagne" srcset="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=240 240w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=352 352w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=832 832w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="100vw" class="product-media__image" ref="image" data_max_resolution="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4066
4067  
4068
4069  
4070</div>
4071
4072
4073</drag-zoom-wrapper>
4074                
4075              </li><li
4076                id="product-63397383176525-4"
4077                class="product-media-container  product-media-container--image product-media-container--zoomable"
4078                style=""
4079                ref="media[]"
4080                
4081                  on:click="/close"
4082                
4083              >
4084                
4085                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
4086
4087<div
4088  class="product-media"
4089  style="--ratio: 0.8"
4090  data-media-id="63397383176525"
4091>
4092  
4093  <img src="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=3840" alt="champagne_brut_delamotte" srcset="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=240 240w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=352 352w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=832 832w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=1200 1200w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=1600 1600w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=1920 1920w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=2560 2560w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="100vw" class="product-media__image" ref="image" data_max_resolution="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4094
4095  
4096
4097  
4098</div>
4099
4100
4101</drag-zoom-wrapper>
4102                
4103              </li></ul>
4104        </dialog>
4105      </zoom-dialog></media-gallery>
4106
4107
4108
4109
4110
4111
4112
4113
4114
4115
4116      </div>
4117    
4118      
4119    
4120      
4121        
4122  
4123<div
4124  id="ProductInformation-template--28970115301709__main"
4125  class="
4126    product-details
4127     sticky-content--desktop
4128    "
4129  style="--details-position: flex-start;"
4130  data-testid="product-information-details"
4131  
4132    data-view-transition-type="product-details"
4133  
4134>
4135  
4136
4137  
4138
4139
4140
4141
4142
4143
4144
4145<div
4146  class="
4147    group-block
4148    group-block--height-fit
4149    group-block--width-fill
4150    border-style
4151    spacing-style
4152    size-style
4153    
4154    
4155  "
4156  style="
4157    
4158--border-width: 1px; --border-style: none; --border-color:
4159rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4160
4161    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4162    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4163    
4164  "
4165  
4166  data-testid="group-block"
4167><div class="group-block__media-wrapper">
4168    
4169
4170
4171
4172    
4173  </div>
4174
4175  <div
4176    class="
4177      group-block-content
4178      
4179      layout-panel-flex
4180      layout-panel-flex--column
4181      
4182    "
4183    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4184
4185--gap: 12px;
4186
4187--horizontal-alignment: ; --vertical-alignment: ;
4188--vertical-alignment-mobile: ;
4189"
4190  >
4191    <div class="view-product-title">
4192      <a
4193        href="/en/products/champagne-brut-delamotte?variant=54266250101069"
4194      >Champagne Brut Delamotte for Procaccini Milano
4195      </a>
4196    </div>
4197    
4198
4199
4200
4201
4202
4203
4204
4205
4206  <div class=" spacing-style text-block text-block--AdHp1c0w4OFBscGZtT__text_9WaLn7 h3    text-block--align-center  "  style="    --padding-block-start: 50px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
4207    <h1>Champagne Brut Delamotte for Procaccini Milano</h1>
4208  </div>
4209
4210
4211
4212
4213
4214
4215
4216
4217
4218<product-price
4219  class="text-block text-block--align-center text-center h5 spacing-style"
4220  data-block-id="AdGExUE1SK09tZVBGR__price_a7krng"
4221  data-product-id="10745197232461"
4222  style="
4223    
4224
4225    --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 50px));--padding-inline-start: 0px;--padding-inline-end: 0px;
4226    
4227    --width: 100%;
4228  "
4229  
4230>
4231  <div ref="priceContainer">
4232  
4233    
4234    <div
4235      class="
4236        price__regular
4237        
4238      "
4239    >
4240      <span class="price">€150,00</span>
4241    </div>
4242    <div
4243      class="
4244        price__sale
4245        
4246          price__hidden
4247        
4248      "
4249    >
4250      
4251        <span class="price-item__group">
4252          <span class="visually-hidden">Sale price&nbsp;</span>
4253          <span class="price-item--sale price">€150,00</span>
4254        </span>
4255        <span class="price-item__group">
4256          <span class="visually-hidden">Regular price&nbsp;</span>
4257          <span class="price-item--regular compare-at-price"></span>
4258        </span>
4259      
4260    </div>
4261  
4262</div>
4263
4264  
4265    <div class="tax-note">Taxes included.
4266Shipping calculated at checkout.
4267</div>
4268  
4269<div class="installments"><form method="post" action="/en/cart/add" id="product-form-installment-AdGExUE1SK09tZVBGR__price_a7krng" accept-charset="UTF-8" class="payment-terms" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
4270          type="hidden"
4271          name="id"
4272          value="54266250101069"
4273        >
4274        
4275<input type="hidden" name="product-id" value="10745197232461" /><input type="hidden" name="section-id" value="template--28970115301709__main" /></form></div></product-price>
4276
4277
4278
4279
4280<div
4281  class="divider divider-ARlFUMHVNT2lRR1lrM__divider_HrJgFt spacing-style"
4282  style="
4283    --divider-justify-content: center;
4284    
4285    --padding-block-start: 12px;--padding-block-end: 12px;
4286  "
4287  
4288
4289>
4290  <span
4291    class="divider__line"
4292    style="
4293      --divider-border-thickness: 1px;
4294      
4295        --divider-border-rounded: 0;
4296      
4297      --divider-flex-basis: 100%;
4298    "
4299  ></span>
4300</div>
4301
4302
4303
4304
4305
4306
4307
4308
4309  
4310
4311
4312
4313
4314
4315
4316
4317
4318
4319
4320
4321
4322
4323
4324
4325
4326
4327
4328<span
4329  class="buy-buttons-block buy-buttons-block--AdmFUbzIrN3hTY2pQb__buy_buttons_eYQEYi"
4330  
4331  
4332><product-form-component
4333      data-section-id="template--28970115301709__main"
4334      data-product-id="10745197232461"
4335      data-product-url="/en/products/champagne-brut-delamotte"
4336      on:submit="/handleSubmit"
4337      data-quantity-default="1"
4338      data-quantity-error-max="This item has a maximum of {{ maximum }}"
4339    >
4340      <div
4341        class="visually-hidden"
4342        aria-live="assertive"
4343        role="status"
4344        aria-atomic="true"
4345        ref="liveRegion"
4346      ></div><form method="post" action="/en/cart/add" id="BuyButtons-ProductForm-template--28970115301709__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
4347          type="hidden"
4348          name="id"
4349          ref="variantId"
4350          value="54266250101069"
4351        ><div
4352          class="product-form-buttons spacing-style"
4353          style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;"
4354          ref="productFormButtons"
4355        ><span
4356              class="product-form-text__error hidden"
4357              ref="addToCartTextError"
4358            >
4359              <span class="svg-wrapper"><svg aria-hidden="true" class="icon icon-error" viewBox="0 0 13 13">
4360  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
4361  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
4362  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
4363  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
4364</svg>
4365</span>
4366            </span>
4367
4368
4369
4370
4371
4372
4373
4374
4375
4376<span
4377  
4378  style="--add-to-cart-font-case: ;"
4379>
4380  <add-to-cart-component
4381  ref="addToCartButtonContainer"
4382  data-product-variant-media="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=100"
4383  data-add-to-cart-animation="true"
4384>
4385  <button
4386    
4387      id="BuyButtons-ProductSubmitButton-AUG52bXg1ZlhpMFRiT__add-to-cart"
4388    
4389    type="submit"
4390    name="add"
4391    ref="addToCartButton"
4392    on:click="/handleClick"
4393    class="button add-to-cart-button button button--AUG52bXg1ZlhpMFRiT__add-to-cart"
4394    
4395      data-testid="standalone-add-to-cart"
4396    
4397    
4398  >
4399    <span
4400      class="add-to-cart-text"
4401    >
4402      
4403        <span
4404          aria-hidden="true"
4405          class="svg-wrapper add-to-cart-icon"
4406        ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
4407</span>
4408      
4409      <span class="add-to-cart-text__content">
4410        <span>
4411          <span>Add to cart</span>
4412        </span>
4413      </span>
4414    </span>
4415    
4416    <span class="add-to-cart__added">
4417      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4418  <g class="check">
4419    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4420    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4421  </g>
4422  <g class="burst">
4423    <g style="--index: 0;">
4424      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4425    </g>
4426    <g style="--index: 1;">
4427      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4428    </g>
4429    <g style="--index: 2;">
4430      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4431    </g>
4432    <g style="--index: 3;">
4433      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4434    </g>
4435    <g style="--index: 4;">
4436      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4437    </g>
4438    <g style="--index: 5;">
4439      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4440    </g>
4441    <g style="--index: 6;">
4442      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4443    </g>
4444    <g style="--index: 7;">
4445      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4446    </g>
4447  </g>
4448</svg>
4449</span>
4450    </span>
4451  </button>
4452</add-to-cart-component>
4453
4454</span>
4455
4456
4457
4458
4459          
4460
4461
4462
4463
4464
4465  <div
4466    class="accelerated-checkout-block"
4467    ref="acceleratedCheckoutButtonContainer"
4468    
4469    
4470    
4471  >
4472    
4473  
4474    <div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:97879621965,&quot;merchantName&quot;:&quot;Procaccini Milano&quot;,&quot;personalized&quot;:true}}" fallback="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:true,&quot;name&quot;:&quot;buy_it_now&quot;,&quot;wallet_params&quot;:{}}" access-token="4abb93449d0cc81775055608d70b92e8" buyer-country="IT" buyer-locale="en" buyer-currency="EUR" variant-params="[{&quot;id&quot;:54266250101069,&quot;requiresShipping&quot;:true}]" shop-id="97879621965" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton">&nbsp;</div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true">&nbsp;</div> </shopify-accelerated-checkout> </div>
4475  
4476
4477  </div>
4478
4479
4480
4481
4482
4483
4484
4485        </div><input type="hidden" name="product-id" value="10745197232461" /><input type="hidden" name="section-id" value="template--28970115301709__main" /></form></product-form-component></span>
4486
4487
4488
4489
4490
4491
4492
4493
4494
4495
4496
4497
4498
4499
4500
4501
4502
4503
4504<div
4505  class="accordion accordion--AeU5rUFpTVG1zbWFRS__accordion_NKWPiW accordion--caret border-style spacing-style accordion--dividers"
4506  style="
4507    --summary-font-family: var(--font-h6--family);
4508     --summary-font-style: var(--font-h6--style);
4509     --summary-font-weight: var(--font-h6--weight);
4510     --summary-font-size: var(--font-h6--size);
4511     --summary-font-line-height: var(--font-h6--line-height);
4512     --summary-font-case: var(--font-h6--case);
4513    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4514    
4515--border-width: 1px; --border-style: none; --border-color:
4516rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4517
4518    
4519  "
4520  
4521>
4522  
4523
4524
4525
4526<accordion-custom
4527  
4528  
4529  
4530  
4531  
4532  
4533  
4534  
4535  
4536>
4537  
4538  <details
4539    class="details"
4540    data-testid="accordion-details"
4541    
4542    
4543  >
4544    <summary class="details__header">
4545      
4546      Description
4547      <span class="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">
4548  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4549</svg>
4550</span>
4551      <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4552  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4553  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4554</svg>
4555</span>
4556    </summary>
4557
4558    <div class="details-content">
4559      
4560
4561
4562
4563
4564
4565
4566
4567
4568  <div class=" spacing-style text-block text-block--ATlR0YnBBcDFWYk1HT__text_n7A9da custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;    --font-size: var(--font-size--body-lg);      --font-weight: var(--font-secondary--weight);--font-family: var(--font-secondary--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4569    <p class="font-claude-response-body break-words whitespace-normal">Delamotte Brut Champagne is born beneath the Côte des Blancs, where chalk outcrops just a few centimeters from the vineyard. The Chardonnay absorbs it, and Delamotte returns it in bubbles: 60% Chardonnay, 35% Pinot Noir, 5% Pinot Meunier, 30-36 months on lees before disgorgement.</p>
4570
4571<p class="font-claude-response-body break-words whitespace-normal">Citrus and cedrat peel, white flowers, fresh almond and a hint of freshly baked bread. On the palate, the attack is fresh and creamy while the acidity of the brut disgorgement remains intact, giving it a long and clean finish.</p>
4572  </div>
4573
4574
4575
4576
4577
4578
4579
4580    </div>
4581  </details>
4582
4583</accordion-custom>
4584
4585
4586
4587
4588
4589
4590
4591
4592
4593<accordion-custom
4594  
4595  
4596  
4597  
4598  
4599  
4600  
4601  
4602  
4603>
4604  
4605  <details
4606    class="details"
4607    data-testid="accordion-details"
4608    
4609    
4610  >
4611    <summary class="details__header">
4612      
4613      Data Sheet
4614      <span class="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">
4615  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4616</svg>
4617</span>
4618      <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4619  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4620  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4621</svg>
4622</span>
4623    </summary>
4624
4625    <div class="details-content">
4626      
4627
4628
4629
4630
4631
4632
4633
4634
4635  <div class=" spacing-style text-block text-block--AckdpcE1jRHRUbzEwV__text_VdG98J custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;    --font-size: var(--font-size--body-lg);      --font-weight: var(--font-secondary--weight);--font-family: var(--font-secondary--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4636    <p><strong>Producer:</strong> Champagne Delamotte<br><strong>Appellation:</strong> Champagne AOC<br><strong>Country:</strong> France<br><strong>Region:</strong> Champagne – Côte des Blancs<br><strong>Type: </strong>Champagne Brut<br><strong>Grape varieties:</strong> 60% Chardonnay, 35% Pinot Noir, 5% Pinot Meunier<br><strong>Alcohol content:</strong> 12% vol.<br><strong>Aging:</strong> 30–36 months on lees in bottle<br><strong>Dosage</strong>: Brut<br><strong>Serving temperature: </strong>8–10 °C<br><strong>Recommended glass:</strong> Tulip glass<br></p>
4637  </div>
4638
4639
4640
4641
4642
4643
4644
4645    </div>
4646  </details>
4647
4648</accordion-custom>
4649
4650
4651
4652
4653
4654
4655
4656
4657
4658<accordion-custom
4659  
4660  
4661  
4662  
4663  
4664  
4665  
4666  
4667  
4668>
4669  
4670  <details
4671    class="details"
4672    data-testid="accordion-details"
4673    
4674    
4675  >
4676    <summary class="details__header">
4677      
4678      PRODUCER
4679      <span class="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">
4680  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4681</svg>
4682</span>
4683      <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4684  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4685  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4686</svg>
4687</span>
4688    </summary>
4689
4690    <div class="details-content">
4691      
4692
4693
4694
4695
4696
4697
4698
4699
4700  <div class=" spacing-style text-block text-block--Ab3BYdUcyT1Z4dmhPZ__text_qLGEN9 custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;    --font-size: var(--font-size--body-lg);      --font-weight: var(--font-secondary--weight);--font-family: var(--font-secondary--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4701    <p>Champagne Delamotte – one of the oldest Champagne Houses in the Côte des Blancs, founded in 1760.</p>
4702  </div>
4703
4704
4705
4706
4707
4708
4709
4710    </div>
4711  </details>
4712
4713</accordion-custom>
4714
4715
4716
4717
4718
4719
4720</div>
4721
4722
4723
4724
4725
4726
4727<div
4728  class="disclosures__container"
4729><div
4730      hidden
4731      shopify-block-empty
4732    ></div>
4733
4734  
4735</div>
4736
4737
4738
4739  </div>
4740</div>
4741
4742
4743
4744</div>
4745
4746
4747
4748
4749
4750
4751      
4752    
4753  </product-component>
4754
4755  
4756  
4757
4758</div>
4759
4760
4761
4762
4763
4764
4765
4766</div><div id="shopify-section-template--28970115301709__product_recommendations_qnzPkn" class="shopify-section">
4767<script
4768  src="//procaccini.com/cdn/shop/t/4/assets/product-recommendations.js?v=127096830375957167321782288532"
4769  type="module"
4770  fetchpriority="low"
4771></script>
4771
4772
4773
4774
4775<style data-shopify>
4776  .custom-color-quick-add {
4777    --quick-add-background: #ffffff;
4778    --quick-add-foreground: #000000;
4779  }
4780</style>
4781
4782
4783
4784
4785
4786
4787
4788
4789
4790<product-recommendations
4791  id="product-recommendations-template--28970115301709__product_recommendations_qnzPkn"
4792  class="product-recommendations"
4793  data-url="/en/recommendations/products?limit=4"
4794  data-section-id="template--28970115301709__product_recommendations_qnzPkn"
4795  data-product-id="10745197232461"
4796  data-intent="related"
4797  data-testid="product-recommendations-section"
4798  data-recommendations-performed="false"
4799  data-hydration-key="product-recommendations-template--28970115301709__product_recommendations_qnzPkn"
4800  
4801>
4802  
4803
4804
4805
4806
4807  <style data-shopify>
4808    .color-custom-template--28970115301709__product_recommendations_qnzPkn,
4809    .color-custom-template--28970115301709__product_recommendations_qnzPkn .text-block {
4810      /* Background */
4811      --color-background: #ffffff;
4812      --color-background-rgb: 255 255 255;
4813
4814      /* Opacity values adjusted for background brightness */
4815      
4816--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
48170.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
4818
4819
4820      
4821        /* Foreground / text — explicit or smart-contrasted */
4822        --color: #000000;
4823        --color-rgb: 0 0 0;
4824        --color-foreground: #000000;
4825        --color-foreground-rgb: 0 0 0;
4826        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
4827        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
4828        --color-border: var(--palette-darkest);
4829        --color-border-rgb: var(--palette-darkest-rgb);
4830      
4831    }
4832
4833    
4834      .color-custom-template--28970115301709__product_recommendations_qnzPkn {
4835        /* Form-related tokens stay on .color-custom only — .text-block is a prose
4836           container (text/announcement/inline-text/blog-post-description/
4837           collection-link/price/sku) and never holds form inputs. */
4838        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
4839        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
4840        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
4841        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
4842      }
4843    
4844
4845    .color-custom-template--28970115301709__product_recommendations_qnzPkn {
4846      color: var(--color, var(--color-foreground));
4847      background-color: var(--color-background);
4848    }
4849  </style>
4850
4851
4852
4853  <div
4854    class="section-background color-custom-template--28970115301709__product_recommendations_qnzPkn"
4855  ></div>
4856  <div
4857    class="
4858      section
4859      section--page-width
4860      color-custom-template--28970115301709__product_recommendations_qnzPkn
4861      section-resource-list
4862      spacing-style
4863      gap-style
4864    "
4865    style="
4866      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
4867      --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
4868      --column-count-mobile: 2;--resource-list-column-gap-desktop: 16px;--resource-list-row-gap-desktop: 16px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--resource-list-column-gap-desktop: 16px;--column-count: 4;--column-count-mobile: 2;
4869    "
4870  >
4871    <div class="section-resource-list__content">
4872      
4873
4874
4875
4876
4877
4878
4879
4880
4881  <div class=" spacing-style text-block text-block--AV0VHWk92UXJ1UitVb__text_GbxcYC h4    text-block--align-center  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
4882    <h3>You may also like</h3>
4883  </div>
4884
4885
4886
4887
4888
4889
4890
4891    </div><div
4892        class="resource-list resource-list--grid"
4893      >
4894        
4895          <div
4896            class="product-recommendations__skeleton-item"
4897            aria-label="Loading product recommendations"
4898          ></div>
4899        
4900          <div
4901            class="product-recommendations__skeleton-item"
4902            aria-label="Loading product recommendations"
4903          ></div>
4904        
4905          <div
4906            class="product-recommendations__skeleton-item"
4907            aria-label="Loading product recommendations"
4908          ></div>
4909        
4910          <div
4911            class="product-recommendations__skeleton-item"
4912            aria-label="Loading product recommendations"
4913          ></div>
4914        
4915      </div></div>
4916</product-recommendations>
4917
4918
4919</div>
4920      </main>
4921
4922      <footer>
4923        <!-- BEGIN sections: footer-group -->
4924<div id="shopify-section-sections--28769422934349__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
4925
4926
4927
4928
4929
4930
4931  <style data-shopify>
4932    .color-custom-sections--28769422934349__footer,
4933    .color-custom-sections--28769422934349__footer .text-block {
4934      /* Background */
4935      --color-background: #172123;
4936      --color-background-rgb: 23 33 35;
4937
4938      /* Opacity values adjusted for background brightness */
4939      
4940--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
49410.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
4942
4943
4944      
4945        /* Foreground / text — explicit or smart-contrasted */
4946        --color: var(--palette-lightest);
4947        --color-rgb: var(--palette-lightest-rgb);
4948        --color-foreground: var(--palette-lightest);
4949        --color-foreground-rgb: var(--palette-lightest-rgb);
4950        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
4951        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
4952        --color-border: var(--palette-lightest);
4953        --color-border-rgb: var(--palette-lightest-rgb);
4954      
4955    }
4956
4957    
4958      .color-custom-sections--28769422934349__footer {
4959        /* Form-related tokens stay on .color-custom only — .text-block is a prose
4960           container (text/announcement/inline-text/blog-post-description/
4961           collection-link/price/sku) and never holds form inputs. */
4962        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
4963        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
4964        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
4965        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
4966      }
4967    
4968
4969    .color-custom-sections--28769422934349__footer {
4970      color: var(--color, var(--color-foreground));
4971      background-color: var(--color-background);
4972    }
4973  </style>
4974
4975
4976
4977<div
4978  class="section-background color-custom-sections--28769422934349__footer"
4979></div>
4980<div
4981  class="section section--page-width color-custom-sections--28769422934349__footer"
4982>
4983  
4984  <div
4985    class="
4986      footer-content
4987      spacing-style
4988      
4989      
4990    "
4991    style="
4992      --padding-block-start: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px));
4993      --footer-gap: 0px;
4994      --grid-columns: 1;
4995      --last-row-count: 1;
4996      --tablet-last-row-count: 1;
4997    "
4998  >
4999    
5000
5001
5002
5003
5004
5005
5006
5007
5008
5009
5010<div
5011  class="
5012    group-block
5013    group-block--height-fit
5014    group-block--width-custom
5015    border-style
5016    spacing-style
5017    size-style
5018    
5019    
5020  "
5021  style="
5022    
5023--border-width: 1px; --border-style: none; --border-color:
5024rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5025
5026    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5027    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5028    
5029  "
5030  
5031  data-testid="group-block"
5032><div class="group-block__media-wrapper">
5033    
5034
5035
5036
5037    
5038  </div>
5039
5040  <div
5041    class="
5042      group-block-content
5043      
5044      layout-panel-flex
5045      layout-panel-flex--row
5046       mobile-column
5047    "
5048    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5049
5050--gap: 12px;
5051
5052--horizontal-alignment: space-between; --vertical-alignment: flex-start;
5053--vertical-alignment-mobile: flex-start;
5054"
5055  >
5056  
5057
5058
5059<div
5060  class="
5061    logo-block
5062    spacing-style
5063  "
5064  style="
5065    
5066      
5067        --logo-width: 365.12446351931334px;
5068      
5069    
5070
5071    
5072      
5073        --logo-width-mobile: 35%;
5074        --logo-height-mobile: auto;
5075      
5076    
5077    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: max(20px, calc(var(--spacing-scale) * 100px));
5078  "
5079  
5080>
5081  
5082    <div class="logo-block__image-wrapper">
5083      
5084<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">
5085    </div>
5086  
5087</div>
5088
5089
5090
5091
5092
5093
5094
5095
5096
5097
5098
5099
5100
5101
5102
5103<div
5104  class="
5105    group-block
5106    group-block--height-fit
5107    group-block--width-custom
5108    border-style
5109    spacing-style
5110    size-style
5111    
5112    
5113  "
5114  style="
5115    
5116--border-width: 1px; --border-style: none; --border-color:
5117rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5118
5119    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5120    --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5121    
5122  "
5123  
5124  data-testid="group-block"
5125><div class="group-block__media-wrapper">
5126    
5127
5128
5129
5130    
5131  </div>
5132
5133  <div
5134    class="
5135      group-block-content
5136      
5137      layout-panel-flex
5138      layout-panel-flex--row
5139       mobile-column
5140    "
5141    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5142
5143--gap: 12px;
5144
5145--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
5146--vertical-alignment-mobile: flex-start;
5147"
5148  >
5149  
5150
5151
5152
5153
5154  
5155
5156
5157
5158
5159
5160
5161  <accordion-custom
5162  
5163    class="menu"
5164  
5165  
5166  
5167    open-by-default-on-desktop
5168  
5169  
5170    open-by-default-on-mobile
5171  
5172  
5173    data-disable-on-desktop="true"
5174  
5175  
5176    data-disable-on-mobile="true"
5177  
5178  
5179  
5180  
5181>
5182  
5183    <details
5184      class="
5185        menu__details
5186        spacing-style
5187        
5188      "
5189      data-testid="menu-details"
5190      style="
5191        --spacing--size: 12px;
5192        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5193      "
5194      
5195        open
5196      
5197      
5198    >
5199      <summary class="menu__heading h4">
5200        <span class="menu__heading__default">The experience</span>
5201        <span class="menu__heading__accordion">
5202          The experience
5203          
5204            <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">
5205  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5206</svg>
5207</span>
5208          
5209        </span>
5210      </summary>
5211
5212      <nav
5213        class="details-content"
5214        
5215      >
5216        
5217          <ul class="list-unstyled">
5218            
5219              <li class="menu__item h5">
5220                <a href="/en/pages/il-ristorante-procaccini-milano">
5221                  Who we are
5222                </a>
5223              </li>
5224            
5225              <li class="menu__item h5">
5226                <a href="/en/pages/menu-procaccini-milano">
5227                  Menu
5228                </a>
5229              </li>
5230            
5231              <li class="menu__item h5">
5232                <a href="/en/pages/prenota-un-tavolo">
5233                  Book a table
5234                </a>
5235              </li>
5236            
5237              <li class="menu__item h5">
5238                <a href="https://procaccini.shop.bonkdo.com/it/buoni-regalo">
5239                  Give an experience
5240                </a>
5241              </li>
5242            
5243          </ul>
5244        
5245      </nav>
5246    </details>
5247  
5248</accordion-custom>
5249
5250
5251
5252
5253
5254
5255
5256
5257
5258
5259
5260
5261
5262  
5263
5264
5265
5266
5267
5268
5269  <accordion-custom
5270  
5271    class="menu"
5272  
5273  
5274  
5275    open-by-default-on-desktop
5276  
5277  
5278    open-by-default-on-mobile
5279  
5280  
5281    data-disable-on-desktop="true"
5282  
5283  
5284    data-disable-on-mobile="true"
5285  
5286  
5287  
5288  
5289>
5290  
5291    <details
5292      class="
5293        menu__details
5294        spacing-style
5295        
5296      "
5297      data-testid="menu-details"
5298      style="
5299        --spacing--size: 12px;
5300        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5301      "
5302      
5303        open
5304      
5305      
5306    >
5307      <summary class="menu__heading h4">
5308        <span class="menu__heading__default">The Restaurant</span>
5309        <span class="menu__heading__accordion">
5310          The Restaurant
5311          
5312            <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">
5313  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5314</svg>
5315</span>
5316          
5317        </span>
5318      </summary>
5319
5320      <nav
5321        class="details-content"
5322        
5323      >
5324        
5325          <ul class="list-unstyled">
5326            
5327              <li class="menu__item h5">
5328                <a href="/en/collections/all">
5329                  Shop
5330                </a>
5331              </li>
5332            
5333              <li class="menu__item h5">
5334                <a href="/en/pages/dicono-di-noi">
5335                  About us
5336                </a>
5337              </li>
5338            
5339              <li class="menu__item h5">
5340                <a href="/en/pages/contatti-procaccini-milano">
5341                  Contacts
5342                </a>
5343              </li>
5344            
5345          </ul>
5346        
5347      </nav>
5348    </details>
5349  
5350</accordion-custom>
5351
5352
5353
5354
5355
5356
5357
5358
5359
5360</div>
5361</div>
5362
5363
5364
5365
5366
5367
5368
5369
5370
5371
5372
5373
5374
5375
5376  <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);          ">
5377    <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>
5378  </div>
5379
5380
5381
5382
5383
5384
5385
5386
5387
5388
5389
5390
5391
5392
5393
5394
5395
5396<div
5397  class="
5398    group-block
5399    group-block--height-fit
5400    group-block--width-custom
5401    border-style
5402    spacing-style
5403    size-style
5404    
5405    
5406  "
5407  style="
5408    
5409--border-width: 1px; --border-style: none; --border-color:
5410rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5411
5412    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5413    --size-style-width:30%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5414    
5415  "
5416  
5417  data-testid="group-block"
5418><div class="group-block__media-wrapper">
5419    
5420
5421
5422
5423    
5424  </div>
5425
5426  <div
5427    class="
5428      group-block-content
5429      
5430      layout-panel-flex
5431      layout-panel-flex--column
5432       mobile-column
5433    "
5434    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5435
5436--gap: 12px;
5437
5438--horizontal-alignment: flex-start; --vertical-alignment: center;
5439--vertical-alignment-mobile: center;
5440"
5441  >
5442  
5443
5444
5445
5446
5447
5448
5449
5450
5451
5452<div
5453  class="email-signup-block size-style spacing-style"
5454  style="
5455    --size-style-width: 100%;--size-style-height: ;
5456    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5457  "
5458  
5459>
5460  
5461    <div
5462      class="email-signup__heading h4"
5463      style=""
5464    >
5465      Subscribe to our newsletter
5466    </div>
5467  
5468<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="✓" />
5469    
5470<div
5471      class="email-signup__input-group email-signup__input-group--underline email-signup__input-group--arrow"
5472      style="
5473        --border-width: 1px;
5474        --border-radius: 100px;
5475        --color-input-background: #ffffff; --color-input-text: #ffffff; --color-input-text-rgb: 255 255 255; --color-input-border: #ffffff;
5476      "
5477    >
5478      <label
5479        for="EmailInput-AUTlZaVljMGVtS3prK__email_signup_XgpLx7"
5480        class="visually-hidden"
5481      >
5482        Email
5483      </label>
5484      <input
5485        id="EmailInput-AUTlZaVljMGVtS3prK__email_signup_XgpLx7"
5486        class="email-signup__input email-signup__input--underline paragraph "
5487        type="email"
5488        name="contact[email]"
5489        autocorrect="off"
5490        autocapitalize="off"
5491        autocomplete="email"
5492        placeholder="Email address"
5493        required
5494        
5495      >
5496      <button
5497        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AUTlZaVljMGVtS3prK__email_signup_XgpLx7"
5498        
5499          aria-label="Sign up"
5500        
5501      >
5502        
5503          <svg
5504            viewBox="0 0 20 20"
5505            xmlns="http://www.w3.org/2000/svg"
5506            focusable="false"
5507            aria-hidden="true"
5508            class="email-signup__button-icon"
5509          >
5510            
5511
5512
5513<path
5514      clip-rule="evenodd"
5515      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"
5516      fill="currentColor"
5517      fill-rule="evenodd"
5518    />
5519          </svg>
5520        
5521      </button>
5522    </div></form>
5523</div>
5524
5525
5526
5527
5528
5529</div>
5530</div>
5531
5532
5533
5534
5535
5536
5537</div>
5538</div>
5539
5540
5541
5542
5543
5544
5545  </div>
5546</div>
5547
5548
5549
5550
5551</div><div id="shopify-section-sections--28769422934349__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
5552
5553
5554
5555
5556
5557
5558  <style data-shopify>
5559    .color-custom-sections--28769422934349__utilities,
5560    .color-custom-sections--28769422934349__utilities .text-block {
5561      /* Background */
5562      --color-background: #172123;
5563      --color-background-rgb: 23 33 35;
5564
5565      /* Opacity values adjusted for background brightness */
5566      
5567--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
55680.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
5569
5570
5571      
5572        /* Foreground / text — explicit or smart-contrasted */
5573        --color: var(--palette-lightest);
5574        --color-rgb: var(--palette-lightest-rgb);
5575        --color-foreground: var(--palette-lightest);
5576        --color-foreground-rgb: var(--palette-lightest-rgb);
5577        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
5578        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
5579        --color-border: var(--palette-lightest);
5580        --color-border-rgb: var(--palette-lightest-rgb);
5581      
5582    }
5583
5584    
5585      .color-custom-sections--28769422934349__utilities {
5586        /* Form-related tokens stay on .color-custom only — .text-block is a prose
5587           container (text/announcement/inline-text/blog-post-description/
5588           collection-link/price/sku) and never holds form inputs. */
5589        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
5590        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
5591        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
5592        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
5593      }
5594    
5595
5596    .color-custom-sections--28769422934349__utilities {
5597      color: var(--color, var(--color-foreground));
5598      background-color: var(--color-background);
5599    }
5600  </style>
5601
5602
5603
5604<div
5605  class="section-background color-custom-sections--28769422934349__utilities"
5606></div>
5607<div
5608  class="section section--page-width color-custom-sections--28769422934349__utilities"
5609  
5610>
5611  <div
5612    class="utilities utilities--blocks-3 spacing-style"
5613    style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 0px; --gap: 24px;"
5614    data-testid="footer-utilities"
5615  >
5616    
5617
5618<div
5619  class="
5620    footer-utilities__group-copyright
5621    custom-typography
5622    custom-font-size
5623  "
5624  style="
5625    
5626--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-);
5627    
5628  "
5629  
5630>
5631  <span class="footer-utilities__text">
5632    &copy; 2026
5633    <a href="/en" title="">Procaccini Milano</a></span>
5634</div>
5635
5636
5637
5638
5639
5640
5641  <anchored-popover-component
5642    data-hover-triggered="true"
5643  >
5644    <button
5645      class="policy-list-trigger button-unstyled"
5646      popovertarget="terms-policies-popover"
5647      popovertargetaction="toggle"
5648      ref="trigger"
5649      style="
5650        
5651--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-);
5652        
5653      "
5654      
5655    >
5656      Terms and Policies
5657    </button>
5658    <div
5659      class="terms-policies-popover color-custom-popover"
5660      id="terms-policies-popover"
5661      popover="auto"
5662      ref="popover"
5663    >
5664      <ul
5665        class="
5666          policy_list list-unstyled
5667          custom-typography
5668          custom-font-size
5669        "
5670      ><li>
5671              <a
5672                href="/en/policies/privacy-policy"
5673                class="footer-utilities__text"
5674              >Privacy policy</a>
5675            </li><li>
5676              <a
5677                href="/en/policies/contact-information"
5678                class="footer-utilities__text"
5679              >Contact information</a>
5680            </li><li>
5681              <a
5682                href="/en/policies/terms-of-service"
5683                class="footer-utilities__text"
5684              >Terms of service</a>
5685            </li><li>
5686              <a
5687                href="/en/policies/refund-policy"
5688                class="footer-utilities__text"
5689              >Refund policy</a>
5690            </li><li>
5691              <a
5692                href="/en/policies/shipping-policy"
5693                class="footer-utilities__text"
5694              >Shipping policy</a>
5695            </li></ul>
5696    </div>
5697  </anchored-popover-component>
5698
5699
5700
5701
5702
5703
5704<div
5705  class="social-icons__wrapper social-icons__wrapper--AekV5ekRhNlBBSTZsT__social_links_BGVf9A"
5706  
5707>
5708  
5709    <style data-shopify>
5710      .social-icons__wrapper--AekV5ekRhNlBBSTZsT__social_links_BGVf9A {
5711        --color-utilities: #ffffff;
5712      }
5713    </style>
5714  
5715  
5716
5717  
5718    
5719
5720    
5721    
5722      
5723        <div
5724          class="social-icons__icon-wrapper"
5725        >
5726          <a
5727            href="https://www.facebook.com/procaccinimilano"
5728            target="_blank"
5729            rel="noopener noreferrer"
5730            aria-label="Facebook"
5731            
5732          >
5733            <span class="social-icons__icon-label">Facebook</span>
5734            
5735              <svg
5736                class="social-icons__icon icon-default"
5737                aria-hidden="true"
5738                focusable="false"
5739                xmlns="http://www.w3.org/2000/svg"
5740                viewBox="0 0 20 20"
5741              >
5742
5743
5744<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>
5745            
5746          </a>
5747        </div>
5748      
5749    
5750  
5751    
5752
5753    
5754    
5755      
5756        <div
5757          class="social-icons__icon-wrapper"
5758        >
5759          <a
5760            href="https://www.instagram.com/procaccinimilano/"
5761            target="_blank"
5762            rel="noopener noreferrer"
5763            aria-label="Instagram"
5764            
5765          >
5766            <span class="social-icons__icon-label">Instagram</span>
5767            
5768              <svg
5769                class="social-icons__icon icon-default"
5770                aria-hidden="true"
5771                focusable="false"
5772                xmlns="http://www.w3.org/2000/svg"
5773                viewBox="0 0 20 20"
5774              >
5775
5776
5777<path
5778      fill-rule="evenodd"
5779      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"
5780      clip-rule="evenodd"
5781    /></svg>
5782            
5783          </a>
5784        </div>
5785      
5786    
5787  
5788    
5789
5790    
5791    
5792  
5793    
5794
5795    
5796    
5797      
5798        <div
5799          class="social-icons__icon-wrapper"
5800        >
5801          <a
5802            href="https://www.tiktok.com/@procaccini.milano"
5803            target="_blank"
5804            rel="noopener noreferrer"
5805            aria-label="Tiktok"
5806            
5807          >
5808            <span class="social-icons__icon-label">Tiktok</span>
5809            
5810              <svg
5811                class="social-icons__icon icon-default"
5812                aria-hidden="true"
5813                focusable="false"
5814                xmlns="http://www.w3.org/2000/svg"
5815                viewBox="0 0 20 20"
5816              >
5817
5818
5819<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>
5820            
5821          </a>
5822        </div>
5823      
5824    
5825  
5826    
5827
5828    
5829    
5830  
5831    
5832
5833    
5834    
5835  
5836    
5837
5838    
5839    
5840      
5841        <div
5842          class="social-icons__icon-wrapper"
5843        >
5844          <a
5845            href="https://www.linkedin.com/company/procaccinimilano/?viewAsMember=true"
5846            target="_blank"
5847            rel="noopener noreferrer"
5848            aria-label="Linkedin"
5849            
5850          >
5851            <span class="social-icons__icon-label">Linkedin</span>
5852            
5853              <svg
5854                class="social-icons__icon icon-default"
5855                aria-hidden="true"
5856                focusable="false"
5857                xmlns="http://www.w3.org/2000/svg"
5858                viewBox="0 0 20 20"
5859              >
5860
5861
5862<path
5863      fill-rule="evenodd"
5864      clip-rule="evenodd"
5865      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"
5866      fill="currentColor"
5867    /></svg>
5868            
5869          </a>
5870        </div>
5871      
5872    
5873  
5874    
5875
5876    
5877    
5878  
5879    
5880
5881    
5882    
5883  
5884    
5885
5886    
5887    
5888  
5889    
5890
5891    
5892    
5893  
5894    
5895
5896    
5897    
5898  
5899    
5900
5901    
5902    
5903  
5904</div>
5905
5906
5907
5908
5909
5910  </div>
5911</div>
5912
5913
5914
5915
5916</div>
5917<!-- END sections: footer-group -->
5918      </footer>
5919    </div>
5920
5921    
5922
5923    <div
5924      id="shopify-section-cart-drawer-section"
5925      class="shopify-section"
5926    >
5927  
5928
5929  
5929<script
5930    type="module"
5931    src="//procaccini.com/cdn/shop/t/4/assets/cart-drawer.js?v=101430053943909765251782288532"
5932    fetchpriority="low"
5933  ></script>
5933
5934
5935  
5936
5937  <theme-drawer
5938    id="cart-drawer"
5939    data-skip-node-update
5940  >
5941    <dialog
5942      ref="panel"
5943      class="theme-drawer__dialog color-custom-drawer"
5944      aria-labelledby="cart-drawer-heading"
5945      cart-summary-sticky="true"
5946    >
5947      <cart-drawer-component
5948        
5949      >
5950        <template id="empty-cart-template">
5951          
5952    <div
5953      class="cart-drawer__content"
5954      aria-label="Cart"
5955    >
5956      <h2
5957        class="theme-drawer__title h4"
5958        id="cart-drawer-heading"
5959      >
5960        Your cart is empty
5961      </h2>
5962
5963      <div class="cart-drawer__items">
5964        
5965
5966
5967<script
5968  src="//procaccini.com/cdn/shop/t/4/assets/component-cart-items.js?v=14476580701730542761782288532"
5969  type="module"
5970  fetchpriority="low"
5971></script>
vendor: 1 bytes, line 5971
5971
5972<script
5973  src="//procaccini.com/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=168493463479860323171782288532"
5974  type="module"
5975  fetchpriority="low"
5976></script>
vendor: 1 bytes, line 5976
5976
5977<script
5978  src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661782288532"
5979  type="module"
5980  fetchpriority="low"
5981></script>
5981
5982
5983<div
5984  
5985  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
5986  
5987    data-cart-drawer-empty
5988  
5989  style=""
5990>
5991  
5992<p>
5993        Have an account? <a href="https://procaccini.com/customer_authentication/redirect?locale=en&region_country=IT">Log in</a> to check out faster.
5994      </p><a
5995      class="button cart-items__empty-button"
5996      href="/en/collections/all"
5997    >
5998      <span class="button-text">
5999        Continue shopping
6000      </span>
6001    </a></div>
6002
6003
6004
6005      </div>
6006    </div>
6007    
6008        </template>
6009
6010        <div
6011          class="cart-drawer__inner cart-drawer--empty"
6012          data-hydration-key="cart-drawer-inner"
6013        ><div class="theme-drawer__header">
6014              <button
6015                on:click="#cart-drawer/close"
6016                class="theme-drawer__close-button cart-drawer__close-button--empty"
6017                type="button"
6018                aria-label="Close"
6019              >
6020                <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">
6021<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"/>
6022</svg>
6023</span>
6024              </button>
6025            </div>
6026          
6027
6028<cart-items-component
6029  class="cart-items-component"
6030  
6031    data-drawer
6032    view-event-trigger="dialog"
6033  
6034  data-section-id="cart-drawer-section"
6035  
6036  view-event-payload="{&quot;context&quot;:null,&quot;cart&quot;:null}"
6037  
6038>
6039  
6040
6041    <div
6042      class="cart-drawer__content"
6043      aria-label="Cart"
6044    >
6045      <h2
6046        class="theme-drawer__title h4"
6047        id="cart-drawer-heading"
6048      >
6049        Your cart is empty
6050      </h2>
6051
6052      <div class="cart-drawer__items">
6053        
6054
6055
6056<script
6057  src="//procaccini.com/cdn/shop/t/4/assets/component-cart-items.js?v=14476580701730542761782288532"
6058  type="module"
6059  fetchpriority="low"
6060></script>
vendor: 1 bytes, line 6060
6060
6061<script
6062  src="//procaccini.com/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=168493463479860323171782288532"
6063  type="module"
6064  fetchpriority="low"
6065></script>
vendor: 1 bytes, line 6065
6065
6066<script
6067  src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661782288532"
6068  type="module"
6069  fetchpriority="low"
6070></script>
6070
6071
6072<div
6073  
6074  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
6075  
6076    data-cart-drawer-empty
6077  
6078  style=""
6079>
6080  
6081<p>
6082        Have an account? <a href="https://procaccini.com/customer_authentication/redirect?locale=en&region_country=IT">Log in</a> to check out faster.
6083      </p><a
6084      class="button cart-items__empty-button"
6085      href="/en/collections/all"
6086    >
6087      <span class="button-text">
6088        Continue shopping
6089      </span>
6090    </a></div>
6091
6092
6093
6094      </div>
6095    </div>
6096    
6097
6098</cart-items-component>
6099
6100
6101
6102        </div>
6103      </cart-drawer-component>
6104    </dialog>
6105  </theme-drawer>
6106
6107  
6108    </div>
6109  
6110
6111
6112    
6113
6114
6115
6116
6117
6118
6119<script
6120  type="module"
6121  src="//procaccini.com/cdn/shop/t/4/assets/theme-drawer.js?v=155110645205299884131782288532"
6122  fetchpriority="low"
6123></script>
6123
6124
6125<script>
6126  /* Runs synchronously during HTML parsing — opens the correct drawer on first
6127     paint if navigation state was saved, so it renders with the rest of the page. */
6128  (function () {
6129    var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
6130    if (!drawerIds.length) return;
6131
6132    // Only restore on wide viewports (squeeze mode). On narrow viewports the
6133    // drawer is a modal overlay — let it start closed after navigation rather
6134    // than re-opening a fullscreen dialog the user may have left behind.
6135    if (!window.matchMedia('(min-width: 990px)').matches) return;
6136
6137    var dialogs = [];
6138    for (var i = 0; i < drawerIds.length; i++) {
6139      var drawer = document.getElementById(drawerIds[i]);
6140      if (!drawer) continue;
6141
6142      drawer.setAttribute('open', '');
6143
6144      // Set [open] directly so the CSS slide-in applies without triggering
6145      // the browser's dialog focusing steps — on wide viewports the drawer is
6146      // a sidebar, not a modal, so focus should stay where it is.
6147      // The instant class suppresses the slide-in transition for the initial restore.
6148      // Set --drawer-stack-order so z-index layering matches the original order.
6149      drawer.style.setProperty('--drawer-stack-order', String(i + 1));
6150
6151      var dialog = drawer.querySelector('dialog');
6152      if (dialog) {
6153        dialog.setAttribute('open', '');
6154        dialog.classList.add('theme-drawer__dialog-instant');
6155        dialogs.push(dialog);
6156      }
6157
6158      // Let each drawer type handle its own restore (e.g. shopify-chat mode).
6159      // Synchronous dispatch — listeners attached during earlier parsing run immediately.
6160      drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
6161    }
6162
6163    // Apply squeeze immediately, bypassing the margin transition.
6164    // Only squeeze if at least one drawer was actually restored — saved
6165    // drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
6166    var pageWrapper = document.querySelector('.page-wrapper');
6167    if (pageWrapper && dialogs.length > 0) {
6168      pageWrapper.style.transition = 'none';
6169      pageWrapper.classList.add('page-wrapper--drawer-open');
6170    }
6171
6172    // Re-enable transitions after one paint so the instant state is rendered first.
6173    requestAnimationFrame(function () {
6174      requestAnimationFrame(function () {
6175        if (pageWrapper) pageWrapper.style.transition = '';
6176        for (var j = 0; j < dialogs.length; j++) {
6177          dialogs[j].classList.remove('theme-drawer__dialog-instant');
6178        }
6179      });
6180    });
6181  })();
6182</script>
6182
6183
6184<script
6185  type="module"
6186>
6187  const pageWrapper = document.querySelector('.page-wrapper');
6188  const squeezeQuery = window.matchMedia('(min-width: 990px)');
6189
6190  // ── Squeeze coordination ──
6191  // Listens to all drawers. Only squeezes on wide viewports.
6192  document.addEventListener('theme-drawer:open', () => {
6193    if (squeezeQuery.matches) {
6194      pageWrapper?.classList.add('page-wrapper--drawer-open');
6195    }
6196  });
6197
6198  document.addEventListener('theme-drawer:close', () => {
6199    const openDrawer = document.querySelector('theme-drawer[open]');
6200    if (!openDrawer) {
6201      pageWrapper?.classList.remove('page-wrapper--drawer-open');
6202    }
6203  });
6204
6205  squeezeQuery.addEventListener('change', () => {
6206    const openDrawer = document.querySelector('theme-drawer[open]');
6207    pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
6208  });
6209
6210  // ── State persistence ──
6211  // Store open drawer IDs sorted by their visual stack order so
6212  // the restore script can recreate the same z-index layering.
6213  function persistDrawerState() {
6214    const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
6215    if (!openDrawers.length) {
6216      sessionStorage.removeItem('theme-drawer-open');
6217      return;
6218    }
6219
6220    openDrawers.sort((a, b) => {
6221      const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
6222      const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
6223      return orderA - orderB;
6224    });
6225
6226    sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
6227  }
6228
6229  document.addEventListener('theme-drawer:open', persistDrawerState);
6230  document.addEventListener('theme-drawer:close', persistDrawerState);
6231</script>
6231
6232
6233
6234    
6235
6236
6237
6238
6239
6240
6241<script
6242  src="//procaccini.com/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281782288532"
6243  type="module"
6244></script>
6244
6245
6246<script
6247  src="//procaccini.com/cdn/shop/t/4/assets/predictive-search.js?v=162722252387887966571782288532"
6248  type="module"
6249  fetchpriority="low"
6250></script>
6250
6251
6252<dialog-component
6253  id="search-modal"
6254  class="search-modal"
6255  
6256>
6257  <dialog
6258    ref="dialog"
6259    on:click="/closeDialogOnClickOutside"
6260    on:keydown="/closeDialogOnEscapePress"
6261    class="search-modal__content dialog-modal"
6262    scroll-lock
6263    aria-labelledby="search-modal-heading"
6264  >
6265    <h2
6266      id="search-modal-heading"
6267      class="visually-hidden"
6268    >
6269      Search
6270    </h2>
6271    <predictive-search-component
6272      class="predictive-search color-custom-popover"
6273      style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
6274      data-section-id="predictive-search"
6275      data-testid="search-component--modal"
6276      role="search"
6277      aria-label="Search"
6278    >
6279      <form
6280        action="/en/search"
6281        method="get"
6282        role="search"
6283        class="predictive-search-form"
6284        ref="form"
6285        on:keydown="/onSearchKeyDown"
6286      >
6287        <div
6288          class="predictive-search-form__header"
6289        >
6290          <div class="predictive-search-form__header-inner">
6291            <label
6292              for="cmdk-input"
6293              class="visually-hidden"
6294            >Search</label>
6295            <input
6296              class="search-input"
6297              id="cmdk-input"
6298              type="search"
6299              name="q"
6300              role="combobox"
6301              aria-expanded="false"
6302              aria-owns="predictive-search-results"
6303              aria-controls="predictive-search-results"
6304              aria-haspopup="listbox"
6305              aria-autocomplete="list"
6306              autocomplete="off"
6307              placeholder="Search"
6308              ref="searchInput"
6309              on:input="/search"
6310              on:keydown="/onSearchKeyDown"
6311            >
6312            <input
6313              name="options[prefix]"
6314              type="hidden"
6315              value="last"
6316            >
6317            <span class="svg-wrapper predictive-search__icon">
6318              <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>
6319
6320            </span>
6321            <button
6322              type="button"
6323              class="button-unstyled predictive-search__reset-button"
6324              ref="resetButton"
6325              hidden
6326              on:click="/resetSearch"
6327            >
6328              Clear
6329            </button>
6330          </div>
6331          <button
6332            type="button"
6333            class="button predictive-search__close-modal-button"
6334            aria-label="Close dialog"
6335            on:click="dialog-component/closeDialog"
6336            ref="closeModalButton"
6337          >
6338            <span class="svg-wrapper">
6339              <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6340<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"/>
6341</svg>
6342
6343            </span>
6344          </button>
6345        </div>
6346
6347        <div class="predictive-search-form__content-wrapper">
6348          <div
6349            class="predictive-search-form__content"
6350            ref="predictiveSearchResults"
6351            on:click="/handleModalClick"
6352          >
6353            
6354
6355<div
6356  id="predictive-search-results"
6357  class="predictive-search-dropdown"
6358  role="listbox"
6359  aria-expanded="true"
6360  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
6361>
6362  
6363    <div class="predictive-search-results__inner">
6364      
6365      
6366        
6367        
6368        
6369          <div
6370  id="predictive-search-products"
6371  class="predictive-search-results__products"
6372  
6373    data-testid="products-list-default--modal"
6374  
6375>
6376  
6377    <h4 class="predictive-search-results__title">
6378      Products
6379    </h4>
6380    <ul
6381      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
6382    >
6383      
6384      
6385        <li
6386          class="predictive-search-results__card predictive-search-results__card--product"
6387          ref="resultsItems[]"
6388        >
6389          
6390<product-card-link
6391    class="resource-card__wrapper"
6392    
6393      data-product-id="10745197232461"
6394      data-featured-media-url="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=500"
6395      data-product-transition="true"
6396      on:click="/handleViewTransition"
6397    
6398    
6399    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;:{&quot;id&quot;:54266250101069,&quot;title&quot;:&quot;Default Title&quot;,&quot;availableForSale&quot;:true,&quot;price&quot;:{&quot;amount&quot;:&quot;150.0&quot;,&quot;currencyCode&quot;:&quot;EUR&quot;},&quot;selectedOptions&quot;:[{&quot;name&quot;:&quot;Title&quot;,&quot;value&quot;:&quot;Default Title&quot;}]}},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[{&quot;name&quot;:&quot;Title&quot;,&quot;value&quot;:&quot;Default Title&quot;}]}"
6400    
6401  ><div
6402  class="resource-card"
6403  data-resource-type="product"
6404>
6405  <a
6406    class="resource-card__link"
6407    href="/en/products/champagne-brut-delamotte"
6408  >
6409    <span class="visually-hidden">
6410      Champagne Brut Delamotte for Procaccini Milano
6411    </span>
6412  </a>
6413  <div
6414    class="resource-card__media"
6415    style="--resource-card-aspect-ratio: 4 / 5;"
6416    
6417      ref="cardGallery"
6418      data-view-transition-to-main-product
6419    
6420  >
6421      
6422      
6423
6424        <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%;">
6425
6426          <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="">
6427</div>
6428
6429  <div class="resource-card__content">
6430    <p class="resource-card__title paragraph">Champagne Brut Delamotte for Procaccini Milano</p>
6431
6432    
6433      <div ref="priceContainer">
6434  
6435    
6436    <div
6437      class="
6438        price__regular
6439        
6440      "
6441    >
6442      <span class="price">€150,00</span>
6443    </div>
6444    <div
6445      class="
6446        price__sale
6447        
6448          price__hidden
6449        
6450      "
6451    >
6452      
6453        <span class="price-item__group">
6454          <span class="visually-hidden">Regular price&nbsp;</span>
6455          <span class="price-item--regular compare-at-price"></span>
6456        </span>
6457        <span class="price-item__group">
6458          <span class="visually-hidden">Sale price&nbsp;</span>
6459          <span class="price-item--sale price">€150,00</span>
6460        </span>
6461      
6462    </div>
6463  
6464</div>
6465    
6466  </div>
6467</div></product-card-link>
6468
6469        </li>
6470      
6471        <li
6472          class="predictive-search-results__card predictive-search-results__card--product"
6473          ref="resultsItems[]"
6474        >
6475          
6476<product-card-link
6477    class="resource-card__wrapper"
6478    
6479      data-product-id="10719475106125"
6480      data-featured-media-url="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=500"
6481      data-product-transition="true"
6482      on:click="/handleViewTransition"
6483    
6484    
6485    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;:[]}"
6486    
6487  ><div
6488  class="resource-card"
6489  data-resource-type="product"
6490>
6491  <a
6492    class="resource-card__link"
6493    href="/en/products/olio-procaccini-by-emin-haziri"
6494  >
6495    <span class="visually-hidden">
6496      Olio Procaccini by Emin Haziri
6497    </span>
6498  </a>
6499  <div
6500    class="resource-card__media"
6501    style="--resource-card-aspect-ratio: 4 / 5;"
6502    
6503      ref="cardGallery"
6504      data-view-transition-to-main-product
6505    
6506  >
6507      
6508      
6509
6510        <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%;">
6511
6512          <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%;">
6513</div>
6514
6515  <div class="resource-card__content">
6516    <p class="resource-card__title paragraph">Olio Procaccini by Emin Haziri</p>
6517
6518    
6519      <div ref="priceContainer">
6520  
6521    
6522    <div
6523      class="
6524        price__regular
6525        
6526      "
6527    >
6528      <span class="price">€40,00</span>
6529    </div>
6530    <div
6531      class="
6532        price__sale
6533        
6534          price__hidden
6535        
6536      "
6537    >
6538      
6539        <span class="price-item__group">
6540          <span class="visually-hidden">Regular price&nbsp;</span>
6541          <span class="price-item--regular compare-at-price"></span>
6542        </span>
6543        <span class="price-item__group">
6544          <span class="visually-hidden">Sale price&nbsp;</span>
6545          <span class="price-item--sale price">€40,00</span>
6546        </span>
6547      
6548    </div>
6549  
6550</div>
6551    
6552  </div>
6553</div></product-card-link>
6554
6555        </li>
6556      
6557    </ul>
6558  
6559</div>
6560
6561        
6562      
6563    </div>
6564  
6565</div>
6566
6567          </div>
6568
6569          <div class="predictive-search-form__footer">
6570            <button
6571              class="button predictive-search__search-button"
6572              ref="viewAllButton"
6573            >
6574              View all
6575            </button>
6576          </div>
6577        </div>
6578      </form>
6579    </predictive-search-component>
6580  </dialog>
6581</dialog-component>
6582
6583
6584
6585
6586    
6587      
6587<script
6588  src="//procaccini.com/cdn/shop/t/4/assets/gift-card-recipient-form.js?v=170482155849799299241782288532"
6589  type="module"
6590  fetchpriority="low"
6591></script>
6591
6592<quick-add-dialog id="quick-add-dialog">
6593  <dialog
6594    class="quick-add-modal dialog-modal color-custom-popover"
6595    ref="dialog"
6596    scroll-lock
6597  >
6598    <button
6599      ref="closeButton"
6600      on:click="/closeDialog"
6601      class="button button-unstyled close-button quick-add-modal__close"
6602      aria-label="Close dialog"
6603    ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6604<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"/>
6605</svg>
6606</button>
6607
6608    <product-component
6609      id="quick-add-modal-content"
6610      class="quick-add-modal__content"
6611      view-event-trigger="dialog"
6612    ></product-component>
6613  </dialog>
6614</quick-add-dialog>
6615
6616
6617
6618
6619
6620
6621    
6622  <style>  </style>
6623<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6623
6624</body>
6625</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.