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" 46> 47<meta 48 property="og:title" 49 content="Michelin Star Restaurant | Gourmet & Fine Dining Chef Emin Haziri" 50> 51<meta 52 property="og:type" 53 content="website" 54> 55<meta 56 property="og:description" 57 content="Star-rated restaurant in the heart of Milan led by Chef Emin Haziri, who embraces simple cuisine, made with a few ingredients that create a unique culinary experience. Choose between tasting menus or à la carte menus to enjoy a special evening, with piano and live music." 58><meta 59 property="og:image" 60 content="http://procaccini.com/cdn/shop/files/Procaccini_Milano_-_Ristorante_Stella_Michelin_2_5b52886a-0af9-4c66-a4e2-a15a4ee727c0.webp?v=1783584418" 61 > 62 <meta 63 property="og:image:secure_url" 64 content="https://procaccini.com/cdn/shop/files/Procaccini_Milano_-_Ristorante_Stella_Michelin_2_5b52886a-0af9-4c66-a4e2-a15a4ee727c0.webp?v=1783584418" 65 > 66 <meta 67 property="og:image:width" 68 content="1080" 69 > 70 <meta 71 property="og:image:height" 72 content="608" 73 ><meta 74 name="twitter:card" 75 content="summary_large_image" 76> 77<meta 78 name="twitter:title" 79 content="Michelin Star Restaurant | Gourmet & Fine Dining Chef Emin Haziri" 80> 81<meta 82 name="twitter:description" 83 content="Star-rated restaurant in the heart of Milan led by Chef Emin Haziri, who embraces simple cuisine, made with a few ingredients that create a unique culinary experience. Choose between tasting menus or à la carte menus to enjoy a special evening, with piano and live music." 84> 85 86<title> 87 Michelin Star Restaurant | Gourmet & Fine Dining Chef Emin Haziri 88 – Procaccini Milano</title> 89 90<link 91 rel="canonical" 92 href="https://procaccini.com/en" 93> 94 95 96 <meta 97 name="description" 98 content="Star-rated restaurant in the heart of Milan led by Chef Emin Haziri, who embraces simple cuisine, made with a few ingredients that create a unique culinary experience. Choose between tasting menus or à la carte menus to enjoy a special evening, with piano and live music." 99 > 100 101<link href="//procaccini.com/cdn/shop/t/4/assets/overflow-list.css?v=16727044177065489451782288532" as="style" rel="preload"> 102<link href="//procaccini.com/cdn/shop/t/4/assets/base.css?v=14320065099553879401782288532" rel="stylesheet" type="text/css" media="all" /> 103<link href="//procaccini.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 104<link href="//procaccini.com/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 105<link href="//procaccini.com/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 106<link href="//procaccini.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 107 108
109<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 109
109
110<script type="importmap"> 111 { 112 "imports": { 113 "@theme/overflow-list": "//procaccini.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511782288532", 114 "@theme/component": "//procaccini.com/cdn/shop/t/4/assets/component.js?v=175690430936884589731782288532", 115 "@theme/dialog": "//procaccini.com/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281782288532", 116 "@theme/events": "//procaccini.com/cdn/shop/t/4/assets/events.js?v=99399773727497444581782288532", 117 "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js", 118 "@theme/view-event-elements": "//procaccini.com/cdn/shop/t/4/assets/view-event-elements.js?v=34258756885466567141782288532", 119 "@theme/focus": "//procaccini.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401782288532", 120 "@theme/morph": "//procaccini.com/cdn/shop/t/4/assets/morph.js?v=182601902166245204061782288532", 121 "@theme/paginated-list": "//procaccini.com/cdn/shop/t/4/assets/paginated-list.js?v=71290058904108491691782288532", 122 "@theme/performance": "//procaccini.com/cdn/shop/t/4/assets/performance.js?v=171015751390534793081782288532", 123 "@theme/product-form": "//procaccini.com/cdn/shop/t/4/assets/product-form.js?v=75424241456978697291782288532", 124 "@theme/recently-viewed-products": "//procaccini.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651782288532", 125 "@theme/scrolling": "//procaccini.com/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011782288532", 126 "@theme/section-renderer": "//procaccini.com/cdn/shop/t/4/assets/section-renderer.js?v=44511745960026958271782288532", 127 "@theme/section-hydration": "//procaccini.com/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311782288532", 128 "@theme/money-formatting": "//procaccini.com/cdn/shop/t/4/assets/money-formatting.js?v=160151249720534550011782288532", 129 "@theme/utilities": "//procaccini.com/cdn/shop/t/4/assets/utilities.js?v=86469562398914351581782288532", 130 "@theme/variant-picker": "//procaccini.com/cdn/shop/t/4/assets/variant-picker.js?v=21977969907998071131782288532", 131 "@theme/media-gallery": "//procaccini.com/cdn/shop/t/4/assets/media-gallery.js?v=154207211298275592001782288532", 132 "@theme/quick-add": "//procaccini.com/cdn/shop/t/4/assets/quick-add.js?v=43065342542833269571782288532", 133 "@theme/paginated-list-aspect-ratio": "//procaccini.com/cdn/shop/t/4/assets/paginated-list-aspect-ratio.js?v=25254270272143792451782288532", 134 "@theme/popover-polyfill": "//procaccini.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201782288532", 135 "@theme/component-quantity-selector": "//procaccini.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641782288532", 136 "@theme/comparison-slider": "//procaccini.com/cdn/shop/t/4/assets/comparison-slider.js?v=106705562947035711941782288532", 137 "@theme/sticky-add-to-cart": "//procaccini.com/cdn/shop/t/4/assets/sticky-add-to-cart.js?v=130489688094345781431782288532", 138 "@theme/fly-to-cart": "//procaccini.com/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081782288532", 139 "@theme/scroll-container": "//procaccini.com/cdn/shop/t/4/assets/scroll-container.js?v=127018149358875384221782288532", 140 "@theme/theme-drawer": "//procaccini.com/cdn/shop/t/4/assets/theme-drawer.js?v=155110645205299884131782288532" 141 } 142 } 143</script>
143<script 144 src="//procaccini.com/cdn/shop/t/4/assets/standard-actions-override.js?v=171683365447094389611782288532" 145 type="module" 146></script>
146 147
148<script 149 src="//procaccini.com/cdn/shop/t/4/assets/page-view-event.js?v=12823247316348680231782288532" 150 type="module" 151 defer 152></script>
152 153
154<script 155 src="//procaccini.com/cdn/shop/t/4/assets/view-transitions.js?v=5297208939214537721782288532" 156 async 157 158 blocking="render" 159 160></script>
160 161 162<link 163 rel="modulepreload" 164 href="//procaccini.com/cdn/shop/t/4/assets/utilities.js?v=86469562398914351581782288532" 165 fetchpriority="low" 166> 167<link 168 rel="modulepreload" 169 href="//procaccini.com/cdn/shop/t/4/assets/component.js?v=175690430936884589731782288532" 170 fetchpriority="low" 171> 172<link 173 rel="modulepreload" 174 href="//procaccini.com/cdn/shop/t/4/assets/section-renderer.js?v=44511745960026958271782288532" 175 fetchpriority="low" 176> 177<link 178 rel="modulepreload" 179 href="//procaccini.com/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311782288532" 180 fetchpriority="low" 181> 182<link 183 rel="modulepreload" 184 href="//procaccini.com/cdn/shop/t/4/assets/morph.js?v=182601902166245204061782288532" 185 fetchpriority="low" 186> 187 188 189 190<link 191 rel="modulepreload" 192 href="//procaccini.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401782288532" 193 fetchpriority="low" 194> 195<link 196 rel="modulepreload" 197 href="//procaccini.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651782288532" 198 fetchpriority="low" 199> 200<link 201 rel="modulepreload" 202 href="//procaccini.com/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011782288532" 203 fetchpriority="low" 204> 205<link 206 rel="modulepreload" 207 href="//procaccini.com/cdn/shop/t/4/assets/events.js?v=99399773727497444581782288532" 208 fetchpriority="low" 209>
210<script 211 src="//procaccini.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201782288532" 212 type="module" 213 fetchpriority="low" 214></script>
vendor: 1 bytes, line 214
214
215<script 216 src="//procaccini.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511782288532" 217 type="module" 218 fetchpriority="low" 219></script>
vendor: 1 bytes, line 219
219
220<script 221 src="//procaccini.com/cdn/shop/t/4/assets/quick-add.js?v=43065342542833269571782288532" 222 type="module" 223 fetchpriority="low" 224></script>
224 225 226
227<script 228 src="//procaccini.com/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281782288532" 229 type="module" 230 fetchpriority="low" 231></script>
vendor: 1 bytes, line 231
231
232<script 233 src="//procaccini.com/cdn/shop/t/4/assets/variant-picker.js?v=21977969907998071131782288532" 234 type="module" 235 fetchpriority="low" 236></script>
vendor: 1 bytes, line 236
236
237<script 238 src="//procaccini.com/cdn/shop/t/4/assets/product-card.js?v=37238785082130356571782288532" 239 type="module" 240 fetchpriority="low" 241></script>
vendor: 1 bytes, line 241
241
242<script 243 src="//procaccini.com/cdn/shop/t/4/assets/product-form.js?v=75424241456978697291782288532" 244 type="module" 245 fetchpriority="low" 246></script>
vendor: 1 bytes, line 246
246
247<script 248 src="//procaccini.com/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081782288532" 249 type="module" 250 fetchpriority="low" 251></script>
vendor: 1 bytes, line 251
251
252<script 253 src="//procaccini.com/cdn/shop/t/4/assets/accordion-custom.js?v=105323356731531709191782288532" 254 type="module" 255 fetchpriority="low" 256></script>
vendor: 1 bytes, line 256
256
257<script 258 src="//procaccini.com/cdn/shop/t/4/assets/media.js?v=37825095869491791421782288532" 259 type="module" 260 fetchpriority="low" 261></script>
vendor: 1 bytes, line 261
261
262<script 263 src="//procaccini.com/cdn/shop/t/4/assets/product-price.js?v=179333985604099329921782288532" 264 type="module" 265 fetchpriority="low" 266></script>
vendor: 1 bytes, line 266
266
267<script 268 src="//procaccini.com/cdn/shop/t/4/assets/product-sku.js?v=28741104639155857071782288532" 269 type="module" 270 fetchpriority="low" 271></script>
vendor: 1 bytes, line 271
271
272<script 273 src="//procaccini.com/cdn/shop/t/4/assets/product-inventory.js?v=7173209571153411411782288532" 274 type="module" 275 fetchpriority="low" 276></script>
vendor: 1 bytes, line 276
276
277<script 278 src="//procaccini.com/cdn/shop/t/4/assets/show-more.js?v=94563802205717136101782288532" 279 type="module" 280 fetchpriority="low" 281></script>
vendor: 1 bytes, line 281
281
282<script 283 src="//procaccini.com/cdn/shop/t/4/assets/slideshow.js?v=28306258147874261831782288532" 284 type="module" 285 fetchpriority="low" 286></script>
vendor: 1 bytes, line 286
286
287<script 288 src="//procaccini.com/cdn/shop/t/4/assets/layered-slideshow.js?v=30135417790894624731782288532" 289 type="module" 290 fetchpriority="low" 291></script>
vendor: 1 bytes, line 291
291
292<script 293 src="//procaccini.com/cdn/shop/t/4/assets/anchored-popover.js?v=143987075196095667371782288532" 294 type="module" 295 fetchpriority="low" 296></script>
vendor: 1 bytes, line 296
296
297<script 298 src="//procaccini.com/cdn/shop/t/4/assets/floating-panel.js?v=151277338116891310371782288532" 299 type="module" 300 fetchpriority="low" 301></script>
vendor: 1 bytes, line 301
301
302<script 303 src="//procaccini.com/cdn/shop/t/4/assets/video-background.js?v=25237992823806706551782288532" 304 type="module" 305 fetchpriority="low" 306></script>
vendor: 1 bytes, line 306
306
307<script 308 src="//procaccini.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641782288532" 309 type="module" 310 fetchpriority="low" 311></script>
vendor: 1 bytes, line 311
311
312<script 313 src="//procaccini.com/cdn/shop/t/4/assets/media-gallery.js?v=154207211298275592001782288532" 314 type="module" 315 fetchpriority="low" 316></script>
vendor: 1 bytes, line 316
316
317<script 318 src="//procaccini.com/cdn/shop/t/4/assets/rte-formatter.js?v=40306132146590816021782288532" 319 type="module" 320 fetchpriority="low" 321></script>
vendor: 1 bytes, line 321
321
322<script 323 src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing.js?v=15442793518842484731782288532" 324 type="module" 325 fetchpriority="low" 326></script>
vendor: 1 bytes, line 326
326
327<script 328 src="//procaccini.com/cdn/shop/t/4/assets/price-per-item.js?v=115937180292451397851782288532" 329 type="module" 330 fetchpriority="low" 331></script>
vendor: 1 bytes, line 331
331
332<script 333 src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661782288532" 334 type="module" 335 fetchpriority="low" 336></script>
336 337 338 339
339<script 340 src="//procaccini.com/cdn/shop/t/4/assets/localization.js?v=15585934801240115691782288532" 341 type="module" 342 fetchpriority="low" 343 ></script>
343 344 345 346 347
348<script 349 src="//procaccini.com/cdn/shop/t/4/assets/auto-close-details.js?v=58350291535404441581782288532" 350 defer="defer" 351></script>
351 352
353<script> 354 const Theme = { 355 translations: { 356 placeholder_image: `Placeholder image`, 357 added: `Added`, 358 recipient_form_fields_visible: `Recipient form fields are now visible`, 359 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 360 recipient_form_error: `There was an error with the form submission`, 361 items_added_to_cart_one: `1 item added to cart`, 362 items_added_to_cart_other: `{{ count }} items added to cart`, 363 cart_count: `Total items in cart`, 364 }, 365 routes: { 366 cart_add_url: '/en/cart/add.js', 367 cart_change_url: '/en/cart/change', 368 cart_update_url: '/en/cart/update', 369 cart_url: '/en/cart', 370 predictive_search_url: '/en/search/suggest', 371 search_url: '/en/search', 372 }, 373 template: { 374 name: 'index', 375 }, 376 }; 377</script>
377 378<style data-shopify> 379@font-face { 380 font-family: Poppins; 381 font-weight: 400; 382 font-style: normal; 383 font-display: swap; 384 src: url("//procaccini.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"), 385 url("//procaccini.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff"); 386} 387@font-face { 388 font-family: Poppins; 389 font-weight: 700; 390 font-style: normal; 391 font-display: swap; 392 src: url("//procaccini.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"), 393 url("//procaccini.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff"); 394} 395@font-face { 396 font-family: Poppins; 397 font-weight: 400; 398 font-style: italic; 399 font-display: swap; 400 src: url("//procaccini.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"), 401 url("//procaccini.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff"); 402} 403@font-face { 404 font-family: Poppins; 405 font-weight: 700; 406 font-style: italic; 407 font-display: swap; 408 src: url("//procaccini.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"), 409 url("//procaccini.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff"); 410} 411@font-face { 412 font-family: Cormorant; 413 font-weight: 400; 414 font-style: normal; 415 font-display: swap; 416 src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2") format("woff2"), 417 url("//procaccini.com/cdn/fonts/cormorant/cormorant_n4.e5604516683cb4cc166c001f2ff5f387255e3b45.woff") format("woff"); 418} 419@font-face { 420 font-family: Cormorant; 421 font-weight: 700; 422 font-style: normal; 423 font-display: swap; 424 src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_n7.c51184f59f7d2caf4999bcef8df2fc4fc4444aec.woff2") format("woff2"), 425 url("//procaccini.com/cdn/fonts/cormorant/cormorant_n7.c9ca63ec9e4d37ba28b9518c6b06672c0f43cd49.woff") format("woff"); 426} 427@font-face { 428 font-family: Cormorant; 429 font-weight: 400; 430 font-style: italic; 431 font-display: swap; 432 src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_i4.0b95f138bb9694e184a2ebaf079dd59cf448e2d3.woff2") format("woff2"), 433 url("//procaccini.com/cdn/fonts/cormorant/cormorant_i4.75684eb0a368d69688996f5f8e72c62747e6c249.woff") format("woff"); 434} 435@font-face { 436 font-family: Cormorant; 437 font-weight: 700; 438 font-style: italic; 439 font-display: swap; 440 src: url("//procaccini.com/cdn/fonts/cormorant/cormorant_i7.fa6e55789218717259c80e332e32b03d0c0e36e1.woff2") format("woff2"), 441 url("//procaccini.com/cdn/fonts/cormorant/cormorant_i7.b5766b6262212587af58cec3328f4ffbc7c29531.woff") format("woff"); 442} 443@font-face { 444 font-family: Poppins; 445 font-weight: 600; 446 font-style: normal; 447 font-display: swap; 448 src: url("//procaccini.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2") format("woff2"), 449 url("//procaccini.com/cdn/fonts/poppins/poppins_n6.5f815d845fe073750885d5b7e619ee00e8111208.woff") format("woff"); 450} 451@font-face { 452 font-family: Poppins; 453 font-weight: 600; 454 font-style: italic; 455 font-display: swap; 456 src: url("//procaccini.com/cdn/fonts/poppins/poppins_i6.bb8044d6203f492888d626dafda3c2999253e8e9.woff2") format("woff2"), 457 url("//procaccini.com/cdn/fonts/poppins/poppins_i6.e233dec1a61b1e7dead9f920159eda42280a02c3.woff") format("woff"); 458} 459 460 461 :root { 462 /* Page Layout */ 463 --sidebar-width: 25rem; 464 --theme-drawer-width: 30rem; 465 --narrow-content-width: 36rem; 466 --normal-content-width: 42rem; 467 --wide-content-width: 46rem; 468 --narrow-page-width: 90rem; 469 --normal-page-width: 120rem; 470 --wide-page-width: 150rem; 471 472 /* Section Heights */ 473 --section-height-small: 15rem; 474 --section-height-medium: 25rem; 475 --section-height-large: 35rem; 476 477 @media screen and (min-width: 40em) { 478 --section-height-small: 40svh; 479 --section-height-medium: 55svh; 480 --section-height-large: 70svh; 481 } 482 483 @media screen and (min-width: 60em) { 484 --section-height-small: 50svh; 485 --section-height-medium: 65svh; 486 --section-height-large: 80svh; 487 } 488 489 /* Letter spacing */ 490 --letter-spacing-sm: 0.06em; 491 --letter-spacing-md: 0.13em; 492 493 /* Font families */ 494 --font-body--family: Poppins, sans-serif; 495 --font-body--style: normal; 496 --font-body--weight: 400; 497 --font-subheading--family: Cormorant, serif; 498 --font-subheading--style: normal; 499 --font-subheading--weight: 400; 500 --font-heading--family: Cormorant, serif; 501 --font-heading--style: normal; 502 --font-heading--weight: 400; 503 --font-accent--family: Poppins, sans-serif; 504 --font-accent--style: normal; 505 --font-accent--weight: 600; 506 507 /* Margin sizes */ 508 --font-heading--spacing: 0.25em; 509 --font-h1--spacing: var(--font-heading--spacing); 510 --font-h2--spacing: var(--font-heading--spacing); 511 --font-h3--spacing: var(--font-heading--spacing); 512 --font-h4--spacing: var(--font-heading--spacing); 513 --font-h5--spacing: var(--font-heading--spacing); 514 --font-h6--spacing: var(--font-heading--spacing); 515 --font-paragraph--spacing: 0.5em; 516 517 /** Z-Index / Layering */ 518 --layer-section-background: -2; 519 --layer-lowest: -1; 520 --layer-base: 0; 521 --layer-flat: 1; 522 --layer-raised: 2; 523 --layer-heightened: 4; 524 --layer-sticky: 8; 525 --layer-window-overlay: 10; 526 --layer-header-menu: 12; 527 --layer-overlay: 16; 528 --layer-menu-drawer: 18; 529 --layer-temporary: 20; 530 531 /* Max-width / Measure */ 532 --max-width--body-normal: 32.5em; 533 --max-width--body-narrow: 22.75em; 534 535 --max-width--heading-normal: 32.5em; 536 --max-width--heading-narrow: 19.5em; 537 538 --max-width--display-normal: 13em; 539 --max-width--display-narrow: 9.75em; 540 --max-width--display-tight: 3.25em; 541 542 /* Letter-spacing / Tracking */ 543 --letter-spacing--display-tight: -0.03em; 544 --letter-spacing--display-normal: 0em; 545 --letter-spacing--display-loose: 0.03em; 546 547 --letter-spacing--heading-tight: -0.03em; 548 --letter-spacing--heading-normal: 0em; 549 --letter-spacing--heading-loose: 0.03em; 550 551 --letter-spacing--body-tight: -0.03em; 552 --letter-spacing--body-normal: 0em; 553 --letter-spacing--body-loose: 0.03em; 554 555 /* Line height / Leading */ 556 --line-height: 1; 557 558 --line-height--display-tight: 1; 559 --line-height--display-normal: 1.1; 560 --line-height--display-loose: 1.2; 561 562 --line-height--heading-tight: 1.15; 563 --line-height--heading-normal: 1.25; 564 --line-height--heading-loose: 1.35; 565 566 --line-height--body-tight: 1.2; 567 --line-height--body-normal: 1.4; 568 --line-height--body-loose: 1.6; 569 570 /* Typography presets */ 571 --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); 572 573 /* Hardcoded font sizes */ 574 --font-size--3xs: 0.625rem; 575 --font-size--2xs: 0.75rem; 576 --font-size--xs: 0.8125rem; 577 --font-size--sm: 0.875rem; 578 --font-size--md: 1rem; 579 --font-size--lg: 1.125rem; 580 --font-size--xl: 1.25rem; 581 --font-size--2xl: 1.5rem; 582 --font-size--3xl: 2rem; 583 --font-size--4xl: 2.5rem; 584 --font-size--5xl: 3rem; 585 --font-size--6xl: 3.5rem; 586 587 /* Menu font sizes */ 588 --menu-font-sm--size: 0.875rem; 589 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 590 --menu-font-md--size: 1rem; 591 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 592 --menu-font-lg--size: 1.125rem; 593 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 594 --menu-font-xl--size: 1.25rem; 595 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 596 --menu-font-2xl--size: 1.75rem; 597 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 598 599 /* Colors */ 600 --color-error: #8B0000; 601 --color-success: #006400; 602 --color-white: #FFFFFF; 603 --color-white-rgb: 255 255 255; 604 --color-black: #000000; 605 --color-instock: #3ED660; 606 --color-lowstock: #EE9441; 607 --color-outofstock: #C8C8C8; 608 609 /* Opacity */ 610 --opacity-5: 0.05; 611 --opacity-8: 0.08; 612 --opacity-10: 0.1; 613 --opacity-15: 0.15; 614 --opacity-20: 0.2;
615 --opacity-25: 0.25; 616 --opacity-30: 0.3; 617 --opacity-40: 0.4; 618 --opacity-50: 0.5; 619 --opacity-60: 0.6; 620 --opacity-70: 0.7; 621 --opacity-80: 0.8; 622 --opacity-85: 0.85; 623 --opacity-90: 0.9; 624 --opacity-subdued-text: 0.8; 625 --opacity-muted-text: 0.6; 626 627 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 628 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 629 630 /* Spacing */ 631 --margin-3xs: 0.125rem; 632 --margin-2xs: 0.3rem; 633 --margin-xs: 0.5rem; 634 --margin-sm: 0.7rem; 635 --margin-md: 0.8rem; 636 --margin-lg: 1rem; 637 --margin-xl: 1.25rem; 638 --margin-2xl: 1.5rem; 639 --margin-3xl: 1.75rem; 640 --margin-4xl: 2rem; 641 --margin-5xl: 3rem; 642 --margin-6xl: 5rem; 643 644 --scroll-margin: 50px; 645 646 --padding-3xs: 0.125rem; 647 --padding-2xs: 0.25rem; 648 --padding-xs: 0.5rem; 649 --padding-sm: 0.7rem; 650 --padding-md: 0.8rem; 651 --padding-lg: 1rem; 652 --padding-xl: 1.25rem; 653 --padding-2xl: 1.5rem; 654 --padding-3xl: 1.75rem; 655 --padding-4xl: 2rem; 656 --padding-5xl: 3rem; 657 --padding-6xl: 4rem; 658 659 --gap-3xs: 0.125rem; 660 --gap-2xs: 0.3rem; 661 --gap-xs: 0.5rem; 662 --gap-sm: 0.7rem; 663 --gap-md: 0.9rem; 664 --gap-lg: 1rem; 665 --gap-xl: 1.25rem; 666 --gap-2xl: 2rem; 667 --gap-3xl: 3rem; 668 669 --spacing-scale-sm: 0.6; 670 --spacing-scale-md: 0.7; 671 --spacing-scale-default: 1.0; 672 673 /* Checkout buttons gap */ 674 --checkout-button-gap: 10px; 675 676 /* Borders */ 677 --style-border-width: 1px; 678 --style-border-radius-xs: 0.2rem; 679 --style-border-radius-sm: 0.6rem; 680 --style-border-radius-md: 0.8rem; 681 --style-border-radius-50: 50%; 682 --style-border-radius-lg: 1rem; 683 --style-border-radius-pills: 40px; 684 --style-border-radius-inputs: 0px; 685 --style-border-radius-buttons-primary: 0px; 686 --style-border-radius-buttons-secondary: 0px; 687 --style-border-width-primary: 0px; 688 --style-border-width-secondary: 1px; 689 --style-border-width-inputs: 1px; 690 --style-border-radius-popover: 0px; 691 --style-border-popover: 0px solid #000000; 692 --style-border-drawer: 1px solid ; 693 --style-border-swatch-opacity: 10%; 694 --style-border-swatch-width: 1px; 695 --style-border-swatch-style: solid; 696 697 /* Animation */ 698 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 699 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 700 --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); 701 --animation-speed-fast: 0.0625s; 702 --animation-speed: 0.125s; 703 --animation-speed-slow: 0.2s; 704 --animation-speed-medium: 0.15s; 705 --animation-easing: ease-in-out; 706 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 707 --drawer-animation-speed: 0.2s; 708 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 709 --animation-values: var(--animation-speed) var(--animation-easing); 710 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 711 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 712 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 713 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 714 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 715 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 716 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 717 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 718 /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/ 719 --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%); 720 --spring-d300-b0-duration: 0.4980s; 721 --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%); 722 --spring-d280-b0-duration: 0.4648s; 723 --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%); 724 --spring-d260-b0-duration: 0.4316s; 725 --spring-d220-b0-easing: linear( 726 0, 727 0.0093 1.37%, 728 0.0696 4.12%, 729 0.4667 15.09%, 730 0.6322 20.58%, 731 0.6986 23.32%, 732 0.7793 27.44%, 733 0.8219 30.18%, 734 0.8721, 735 0.9089 38.42%, 736 0.9427, 737 0.9644, 738 0.978 54.88%, 739 0.9881 61.74%, 740 0.9944 69.97%, 741 0.998 80.95%, 742 0.9996 98.78% 743 ); 744 --spring-d220-b0-duration: 0.3818s; 745 --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%); 746 --spring-d180-b0-duration: 0.2988s; 747 748 /* View transitions */ 749 /* View transition old */ 750 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 751 752 /* View transition new */ 753 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 754 755 /* Focus */ 756 --focus-outline-width: 0.09375rem; 757 --focus-outline-offset: 0.2em; 758 759 /* Badges */ 760 --badge-blob-padding-block: 1px; 761 --badge-blob-padding-inline: 12px 8px; 762 --badge-rectangle-padding-block: 1px; 763 --badge-rectangle-padding-inline: 6px; 764 @media screen and (min-width: 750px) { 765 --badge-blob-padding-block: 4px; 766 --badge-blob-padding-inline: 16px 12px; 767 --badge-rectangle-padding-block: 4px; 768 --badge-rectangle-padding-inline: 10px; 769 } 770 771 /* Icons */ 772 --icon-size-2xs: 0.6rem; 773 --icon-size-xs: 0.85rem; 774 --icon-size-sm: 1.25rem; 775 --icon-size-md: 1.375rem; 776 --icon-size-lg: 1.5rem; 777 --icon-stroke-width: 1px; 778 779 /* Input */ 780 --input-email-min-width: 200px; 781 --input-search-max-width: 650px; 782 --input-padding-y: 0.8rem; 783 --input-padding-x: 0.8rem; 784 --input-padding: var(--input-padding-y) var(--input-padding-x); 785 --input-box-shadow-width: var(--style-border-width-inputs); 786 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 787 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 788 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 789 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 790 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
791 --input-textarea-min-height: 55px; 792 793 /* Checkbox */ 794 --checkbox-size: 22px; 795 --checkbox-border-radius: 7px; 796 --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); 797 --checkbox-label-padding: 8px; 798 799 @media screen and (min-width: 750px) { 800 --checkbox-size: 16px; 801 --checkbox-border-radius: 5px; 802 --checkbox-label-padding: 6px; 803 } 804 805 /* Button size */ 806 --button-size-sm: 30px; 807 --button-size-md: 36px; 808 --button-size: var(--minimum-touch-target); 809 --button-padding-inline: 24px; 810 --button-padding-block: 16px; 811 812 /* Button font-family */ 813 --button-font-family-primary: var(--font-body--family); 814 --button-font-family-secondary: var(--font-body--family); 815 816 /* Button text case */ 817 --button-text-case: ; 818 --button-text-case-primary: uppercase; 819 --button-text-case-secondary: uppercase; 820 821 /* Borders */ 822 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 823 --border-width-sm: 1px; 824 --border-width-md: 2px; 825 --border-width-lg: 5px; 826 --border-radius-sm: 0.25rem; 827 828 /* Drawers */ 829 --drawer-inline-padding: 25px; 830 --drawer-menu-inline-padding: 2.5rem; 831 --drawer-header-block-padding: 20px; 832 --drawer-content-block-padding: 10px; 833 --drawer-header-desktop-top: 0rem; 834 --drawer-padding: calc(var(--padding-sm) + 7px); 835 --drawer-height: 100dvh; 836 --drawer-width: 95vw; 837 --drawer-max-width: 500px; 838 839 /* Variant Picker Swatches */ 840 --variant-picker-swatch-width-unitless: 18; 841 --variant-picker-swatch-height-unitless: 18; 842 --variant-picker-swatch-width: 18px; 843 --variant-picker-swatch-height: 18px; 844 --variant-picker-swatch-radius: 0px; 845 --variant-picker-border-width: 1px; 846 --variant-picker-border-style: solid; 847 --variant-picker-border-opacity: 10%; 848 849 /* Variant Picker Buttons */ 850 --variant-picker-button-radius: 0px; 851 --variant-picker-button-border-width: 1px; 852 --variant-option-label-color: var(--color, var(--color-foreground)); 853 854 /* Slideshow */ 855 --slideshow-controls-size: 3.5rem; 856 --slideshow-controls-icon: 2rem; 857 --peek-next-slide-size: 3rem; 858 859 /* Utilities */ 860 --backdrop-opacity: 0.15; 861 --backdrop-color-rgb: var(--color-shadow-rgb); 862 --minimum-touch-target: 44px; 863 --disabled-opacity: 0.5; 864 --skeleton-opacity: 0.025; 865 866 /* Shapes */ 867 --shape--circle: circle(50% at center); 868 --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%); 869 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 870 --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
870% 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%); 871 872 /* Buy buttons */ 873 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 874 875 /* Card image width and height variables */ 876 --card-width-small: 10rem; 877 878 --height-small: 10rem; 879 --height-medium: 11.5rem; 880 --height-large: 13rem; 881 --height-full: 100vh; 882 883 @media screen and (min-width: 750px) { 884 --height-small: 17.5rem; 885 --height-medium: 21.25rem; 886 --height-large: 25rem; 887 } 888 889 /* Modal */ 890 --modal-max-height: 65dvh; 891 --quick-add-modal-height: min(38.5rem, 96vh); 892 --quick-add-modal-width: min(54rem, 96vw); 893 --quick-add-modal-gallery-width: 24rem; 894 895 /* Card styles for search */ 896 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 897 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 898 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 899 900 /* Cart */ 901 --cart-primary-font-family: var(--font-body--family); 902 --cart-primary-font-style: var(--font-body--style); 903 --cart-primary-font-weight: var(--font-body--weight); 904 --cart-secondary-font-family: var(--font-primary--family); 905 --cart-secondary-font-style: var(--font-primary--style); 906 --cart-secondary-font-weight: var(--font-primary--weight); 907 } 908</style> 909 910 911 912 913 914 915 <style data-shopify> 916 .color-custom-popover, 917 .color-custom-popover .text-block { 918 /* Background */ 919 --color-background: #ffffff; 920 --color-background-rgb: 255 255 255; 921 922 /* Opacity values adjusted for background brightness */ 923 924--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 9250.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 926 927 928 929 /* Foreground / text â explicit or smart-contrasted */ 930 --color: #000000; 931 --color-rgb: 0 0 0; 932 --color-foreground: #000000; 933 --color-foreground-rgb: 0 0 0; 934 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 935 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 936 --color-border: #000000; 937 --color-border-rgb: 0 0 0; 938 939 } 940 941 942 .color-custom-popover { 943 /* Form-related tokens stay on .color-custom only â .text-block is a prose 944 container (text/announcement/inline-text/blog-post-description/ 945 collection-link/price/sku) and never holds form inputs. */ 946 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 947 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 948 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 949 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 950 } 951 952 953 .color-custom-popover { 954 color: var(--color, var(--color-foreground)); 955 background-color: var(--color-background); 956 } 957 </style> 958 959 960 961 962 963 964 965 966 <style data-shopify> 967 .color-custom-drawer, 968 .color-custom-drawer .text-block { 969 /* Background */ 970 --color-background: #ffffff; 971 --color-background-rgb: 255 255 255; 972 973 /* Opacity values adjusted for background brightness */ 974 975--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 9760.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 977 978 979 980 /* Foreground / text â explicit or smart-contrasted */ 981 --color: #000000; 982 --color-rgb: 0 0 0; 983 --color-foreground: #000000; 984 --color-foreground-rgb: 0 0 0; 985 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 986 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 987 --color-border: #000000; 988 --color-border-rgb: 0 0 0; 989 990 } 991 992 993 .color-custom-drawer { 994 /* Form-related tokens stay on .color-custom only â .text-block is a prose 995 container (text/announcement/inline-text/blog-post-description/ 996 collection-link/price/sku) and never holds form inputs. */ 997 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 998 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 999 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 1000 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 1001 } 1002 1003 1004 .color-custom-drawer { 1005 color: var(--color, var(--color-foreground)); 1006 background-color: var(--color-background); 1007 } 1008 </style> 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 <style data-shopify> 1019 .color-custom-badge-sale, 1020 .color-custom-badge-sale .text-block { 1021 --color: #ffffff; 1022 --color-rgb: 255 255 255; 1023 --color-foreground: #ffffff; 1024 --color-foreground-rgb: 255 255 255; 1025 --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text)); 1026 --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text)); 1027 1028 1029 --color-border: #ffffff; 1030 --color-border-rgb: 255 255 255; 1031 1032 1033 } 1034 1035 .color-custom-badge-sale { 1036 /* Form-related tokens stay on .color-custom only. */ 1037 --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10)); 1038 --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5)); 1039 --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50)); 1040 --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55)); 1041 } 1042 1043 1044 .color-custom-badge-sale { 1045 color: #ffffff; 1046 } 1047 1048 </style> 1049 1050 1051 1052 1053 1054 1055 1056 1057 <style data-shopify> 1058 .color-custom-badge-sold-out, 1059 .color-custom-badge-sold-out .text-block {
1060 /* Background */ 1061 --color-background: #000000; 1062 --color-background-rgb: 0 0 0; 1063 1064 /* Opacity values adjusted for background brightness */ 1065 1066--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 10670.6; --opacity-30-60: 0.6; --opacity-60: 0.6; 1068 1069 1070 1071 /* Foreground / text â explicit or smart-contrasted */ 1072 --color: #ffffff; 1073 --color-rgb: 255 255 255; 1074 --color-foreground: #ffffff; 1075 --color-foreground-rgb: 255 255 255; 1076 --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text)); 1077 --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text)); 1078 --color-border: #ffffff; 1079 --color-border-rgb: 255 255 255; 1080 1081 } 1082 1083 1084 .color-custom-badge-sold-out { 1085 /* Form-related tokens stay on .color-custom only â .text-block is a prose 1086 container (text/announcement/inline-text/blog-post-description/ 1087 collection-link/price/sku) and never holds form inputs. */ 1088 --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10)); 1089 --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5)); 1090 --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50)); 1091 --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55)); 1092 } 1093 1094 1095 .color-custom-badge-sold-out { 1096 color: var(--color, var(--color-foreground)); 1097 background-color: var(--color-background); 1098 } 1099 </style> 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118<style data-shopify> 1119 /* Palette colors */ 1120 :root { 1121 --color-background: #ffffff; 1122 --color-background-rgb: 255 255 255; 1123 --color-foreground: #000000; 1124 --color-foreground-rgb: 0 0 0; 1125 --color-border: #000000; 1126 --color-border-rgb: 0 0 0; 1127 --palette-lightest: #ffffff; 1128 --palette-lightest-rgb: 255 255 255; 1129 --palette-darkest: #000000; 1130 --palette-darkest-rgb: 0 0 0; 1131 1132--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 11330.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 1134 1135 1136 --color-primary-button-text: rgb(255 255 255 / 1.0); 1137 --color-primary-button-background: rgb(23 33 35 / 1.0); 1138 --color-primary-button-border: rgb(0 0 0 / 1.0); 1139 --color-primary-button-focus-outline: rgb(23 33 35); 1140 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1141 --color-primary-button-hover-background: #354d51; 1142 --color-primary-button-hover-border: #262626; 1143 1144 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1145 --color-secondary-button-background: rgb(255 255 255 / 1.0); 1146 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1147 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1148 --color-secondary-button-hover-background: #f2f2f2; 1149 --color-secondary-button-hover-border: #f2f2f2; 1150 1151 --color-input-background: rgb(255 255 255 / 1.0); 1152 --color-input-text: rgb(0 0 0 / 1.0); 1153 --color-input-text-rgb: 0 0 0; 1154 --color-input-border: rgb(); 1155 1156 --color-variant-background: rgb(255 255 255 / 1.0); 1157 --color-variant-border: rgb(); 1158 --color-variant-text: rgb(0 0 0 / 1.0); 1159 --color-variant-text-rgb: 0 0 0; 1160 --color-variant-hover-background: #f2f2f2; 1161 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1162 --color-variant-hover-border: ; 1163 1164 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1165 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1166 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1167 --color-selected-variant-hover-background: #262626; 1168 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1169 --color-selected-variant-hover-border: #262626; 1170 1171 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1172 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1173 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1174 --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text)); 1175 --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text)); 1176 --color-drawer-shadow-rgb: ; 1177 --color-popover-shadow-rgb: 0 0 0; 1178 1179 /* Shadows */ 1180 1181 1182 --shadow-blur: 20px; 1183 --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15)); 1184 1185 } 1186 1187 body { 1188 color: var(--color-foreground); 1189 background-color: var(--color-background); 1190 } 1191</style> 1192 1193 1194
1194<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1194<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/97879621965/digital_wallets/dialog"> 1195<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://procaccini.com/"> 1196<link rel="alternate" hreflang="it" href="https://procaccini.com/"> 1197<link rel="alternate" hreflang="en" href="https://procaccini.com/en">
1198<script async="async" src="/checkouts/internal/preloads.js?locale=en-IT"></script>
1198 1199<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1200<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-IT&shop_id=97879621965" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1200
1200
1201<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 1201
1201
1202<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 1202
1202
1203<script>var Shopify = Shopify || {}; 1204Shopify.shop = "w9ce8j-7j.myshopify.com"; 1205Shopify.locale = "en"; 1206Shopify.currency = {"active":"EUR","rate":"1.0"}; 1207Shopify.country = "IT"; 1208Shopify.theme = {"name":"Atelier","id":192663126349,"schema_name":"Atelier","schema_version":"4.1.0","theme_store_id":3621,"role":"main"}; 1209Shopify.theme.handle = "null"; 1210Shopify.theme.style = {"id":null,"handle":null}; 1211Shopify.cdnHost = "procaccini.com/cdn"; 1212Shopify.routes = Shopify.routes || {}; 1213Shopify.routes.root = "/en/"; 1214Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1215Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1216Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1217Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1217
1217
1218<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1218
1218
1219<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 1219
1219
1220<script> 1221 window.ShopifyPay = window.ShopifyPay || {}; 1222 window.ShopifyPay.apiHost = "shop.app\/pay"; 1223 window.ShopifyPay.redirectState = null; 1224</script>
vendor: 1 bytes, line 1224
1224
1225<script> 1226 window.Shopify = window.Shopify || {}; 1227 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1228 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1229 window.Shopify.SignInWithShop.eligible = true; 1230</script>
vendor: 1 bytes, line 1230
1230
1231<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1231
1231
1232<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 1232
1232
1233<script type="module"> 1234 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1235 1236 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1237 1238</script>
vendor: 1 bytes, line 1238
1238
1239<script> 1240 window.Shopify = window.Shopify || {}; 1241 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1242 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"]}; 1243</script>
vendor: 1 bytes, line 1243
1243
1244<script id="__st">var __st={"a":97879621965,"offset":7200,"reqid":"829e9b00-c471-4fa5-84bd-aaeb661dda5e-1791314039","pageurl":"procaccini.com\/en","u":"75d94f7f1512","p":"home"};</script>
vendor: 1 bytes, line 1244
1244
1245<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1245
1245
1246<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 1246
1246
1247<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 1247
1247
1248<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>
1248<script crossorigin="anonymous" defer="defer" src="//procaccini.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1248
1248
1249<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 1249
1249
1250<script> 1251 window.Shopify = window.Shopify || {}; 1252 window.Shopify.MCP = window.Shopify.MCP || {}; 1253 window.Shopify.MCP.enabled = true; 1254 window.Shopify.MCP.shop = "w9ce8j-7j.myshopify.com"; 1255 window.Shopify.MCP.mcpEndpoint = "https:\/\/procaccini.com\/api\/mcp"; 1256 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"]}}]; 1257</script>
vendor: 1 bytes, line 1257
1257
1258<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=");})(); 1259</script>
vendor: 1 bytes, line 1259
1259
1260<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)}}; 1261</script>
vendor: 1 bytes, line 1261
1261
1262<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1263 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); 1264</script>
vendor: 1 bytes, line 1264
1264
1265<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 1266</script>
vendor: 1 bytes, line 1266
1266
1267<script id='scb4127' type='text/javascript' async='' src='https://procaccini.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1267<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"> 1268<style id="shopify-accelerated-checkout-cart"> 1269 #shopify-buyer-consent { 1270 margin-top: 1em; 1271 display: inline-block; 1272 width: 100%; 1273} 1274 1275#shopify-buyer-consent.hidden { 1276 display: none; 1277} 1278 1279#shopify-subscription-policy-button { 1280 background: none; 1281 border: none; 1282 padding: 0; 1283 text-decoration: underline; 1284 font-size: inherit; 1285 cursor: pointer; 1286} 1287 1288#shopify-subscription-policy-button::before { 1289 box-shadow: none; 1290} 1291 1292 </style> 1293<link rel="compression-dictionary" href="//procaccini.com/cdn/shop/t/4/compiled_assets/styles.css?v=44760935978152708521784207515" crossorigin="anonymous"> 1294<link rel="stylesheet" media="screen" href="//procaccini.com/cdn/shop/t/4/compiled_assets/styles.css?v=44760935978152708521784207515&subset=AGwAAAAAAACAAQAAAAAAxDIAUCRwFwDkAIIgUyVcE0ABIA" crossorigin="anonymous">
1295<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1295 1296 <!-- 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">
1297<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: "index"};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 1297
1297
1298<script> 1299 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1300</script>
vendor: 1 bytes, line 1300
1300
1301<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}
1301).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 97879621965,storefrontBaseUrl: "https://procaccini.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://procaccini.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Procaccini Milano","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"w9ce8j-7j.myshopify.com","countryCode":"IT","storefrontUrl":"https:\/\/procaccini.com\/en"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
130110745197232461","handle":"champagne-brut-delamotte","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54266250101069","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10719475106125","handle":"olio-procaccini-by-emin-haziri","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54155716002125","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://procaccini.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"192663126349","themeStoreId":"3621","themePublished":"true","eventMetadataId":"2ebe7e0a-4f43-45cf-b3ec-04b9863ba552","pageType":"home","shopId":"97879621965","storefrontBaseUrl":"https:\/\/procaccini.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1301<script> 1302 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1303 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1304 window.ShopifyAnalytics.meta.currency = 'EUR'; 1305 var meta = {"page":{"pageType":"home","requestId":"829e9b00-c471-4fa5-84bd-aaeb661dda5e-1791314039"}}; 1306 for (var attr in meta) { 1307 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1308 } 1309</script>
vendor: 1 bytes, line 1309
1309
1310<script class="analytics"> 1311 (function () { 1312 var customDocumentWrite = function(content) { 1313 var jquery = null; 1314 1315 if (window.jQuery) { 1316 jquery = window.jQuery; 1317 } else if (window.Checkout && window.Checkout.$) { 1318 jquery = window.Checkout.$; 1319 } 1320 1321 if (jquery) { 1322 jquery('body').append(content); 1323 } 1324 }; 1325 1326 var hasLoggedConversion = function(token) { 1327 if (token) { 1328 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1329 } 1330 return false; 1331 } 1332 1333 var setCookieIfConversion = function(token) { 1334 if (token) { 1335 var twoMonthsFromNow = new Date(Date.now()); 1336 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1337 1338 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1339 } 1340 } 1341 1342 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1343 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1344 if (trekkie.integrations) { 1345 return; 1346 } 1347 trekkie.methods = [ 1348 'identify', 1349 'page', 1350 'ready', 1351 'track', 1352 'trackForm', 1353 'trackLink' 1354 ]; 1355 trekkie.factory = function(method) { 1356 return function() { 1357 var args = Array.prototype.slice.call(arguments); 1358 args.unshift(method); 1359 trekkie.push(args); 1360 if (method == 'track' || method == 'page') { 1361 var pageUrl; 1362 try { 1363 pageUrl = window.location.href; 1364 } catch (e) {} 1365 var pageReferrer; 1366 try { 1367 pageReferrer = document.referrer; 1368 } catch (e) {} 1369 try { 1370 if (window.__TREKKIE_SHIM_QUEUE == null) { 1371 window.__TREKKIE_SHIM_QUEUE = []; 1372 } 1373 window.__TREKKIE_SHIM_QUEUE.push({ 1374 from: 'trekkie-stub', 1375 method: method, 1376 args: args.slice(1), 1377 pageContext: { 1378 url: pageUrl, 1379 referrer: pageReferrer 1380 } 1381 }); 1382 } catch (e) { 1383 // no-op 1384 } 1385 } 1386 return trekkie; 1387 }; 1388 }; 1389 for (var i = 0; i < trekkie.methods.length; i++) { 1390 var key = trekkie.methods[i]; 1391 trekkie[key] = trekkie.factory(key); 1392 } 1393 trekkie.load = function(config) { 1394 trekkie.config = config || {}; 1395 trekkie.config.initialDocumentCookie = document.cookie; 1396 var first = document.getElementsByTagName('script')[0]; 1397var script = document.createElement('script'); 1398script.type = 'text/javascript'; 1399script.onerror = function(e) { 1400 var scriptFallback = document.createElement('script'); 1401 scriptFallback.type = 'text/javascript'; 1402 scriptFallback.onerror = function(error) { 1403 var Monorail = { 1404 produce: function produce(monorailDomain, schemaId, payload) { 1405 var currentMs = new Date().getTime(); 1406 var event = { 1407 schema_id: schemaId, 1408 payload: payload, 1409 metadata: { 1410 event_created_at_ms: currentMs, 1411 event_sent_at_ms: currentMs 1412 } 1413 }; 1414 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1415 }, 1416 sendRequest: function sendRequest(endpointUrl, payload) { 1417 // Try the sendBeacon API 1418 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1419 var blobData = new window.Blob([payload], { 1420 type: 'text/plain' 1421 }); 1422 1423 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1424 return true; 1425 } // sendBeacon was not successful 1426 1427 } // XHR beacon 1428 1429 var xhr = new XMLHttpRequest(); 1430 1431 try { 1432 xhr.open('POST', endpointUrl); 1433 xhr.setRequestHeader('Content-Type', 'text/plain'); 1434 xhr.send(payload); 1435 } catch (e) { 1436 console.log(e); 1437 } 1438 1439 return false; 1440 }, 1441 isIos12: function isIos12() { 1442 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1443 } 1444 }; 1445 Monorail.produce('monorail-edge.shopifysvc.com', 1446 'trekkie_storefront_load_errors/1.1', 1447 {shop_id: 97879621965, 1448 theme_id: 192663126349, 1449 app_name: "storefront", 1450 context_url: window.location.href, 1451 source_url: "//procaccini.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1452 1453 }; 1454 scriptFallback.async = true; 1455 scriptFallback.src = '//procaccini.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1456 first.parentNode.insertBefore(scriptFallback, first); 1457}; 1458script.async = true; 1459script.src = '//procaccini.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1460first.parentNode.insertBefore(script, first); 1461 1462 }; 1463 trekkie.load( 1464 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":97879621965,"isMerchantRequest":null,"themeId":192663126349,"themeCityHash":"8709819045432205906","contentLanguage":"en","currency":"EUR","eventMetadataId":"2ebe7e0a-4f43-45cf-b3ec-04b9863ba552"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1465 ); 1466 1467 var loaded = false;
1468 trekkie.ready(function() { 1469 if (loaded) return; 1470 loaded = true; 1471 1472 window.ShopifyAnalytics.lib = window.trekkie; 1473 1474 var originalDocumentWrite = document.write; 1475 document.write = customDocumentWrite; 1476 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1477 document.write = originalDocumentWrite; 1478 1479 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1480 var token = match? match[1]: undefined; 1481 if (!hasLoggedConversion(token)) { 1482 setCookieIfConversion(token); 1483 1484 } 1485 }); 1486 1487 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"829e9b00-c471-4fa5-84bd-aaeb661dda5e-1791314039","shopifyEmitted":true}); 1488 1489 var eventsListenerScript = document.createElement('script'); 1490 eventsListenerScript.async = true; 1491 eventsListenerScript.src = "//procaccini.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1492 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1493})();</script>
vendor: 1 bytes, line 1493
1493
1494<script 1495 defer 1496 src="https://procaccini.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js" 1497 data-application="storefront-renderer" 1498 data-shop-id="97879621965" 1499 data-render-region="gcp-europe-west1" 1500 data-page-type="index" 1501 data-theme-instance-id="192663126349" 1502 data-theme-name="Atelier" 1503 data-theme-version="4.1.0" 1504 data-monorail-region="shop_domain" 1505 data-resource-timing-sampling-rate="10" 1506 data-shs="true" 1507 data-shs-beacon="true" 1508 data-shs-export-with-fetch="true" 1509 data-shs-logs-sample-rate="1" 1510 data-shs-beacon-endpoint="https://procaccini.com/api/collect" 1511></script>
vendor: 1 bytes, line 1511
1511
1512<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1512<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>
1512 1513<meta name="shopify-y" content="f728744b-7662-4409-9de1-c1246bc4fc5c" data-expiration="1822871639000"><meta name="shopify-s" content="e2ba7497-80e4-4e07-bd62-3d61de153925" data-expiration="1791315839000"><meta name="new-cookie-storage-activated" content="t"> 1514</head> 1515 1516 <body class="page-width-wide card-hover-effect-subtle-zoom"> 1517 <a 1518 class="skip-to-content-link button-secondary" 1519 href="#MainContent" 1520> 1521 Skip to content 1522</a> 1523 1524 1525 1526 1527 1528 1529<theme-drawer id="chat-drawer"> 1530 <dialog 1531 ref="panel" 1532 class="theme-drawer__dialog chat-drawer" 1533 > 1534 <shopify-chat 1535 mode="standalone" 1536 mode-switch 1537 ></shopify-chat> 1538 </dialog> 1539</theme-drawer> 1540
1541<script type="module"> 1542 const chatDrawer = document.querySelector('#chat-drawer'); 1543 const shopifyChat = document.querySelector('shopify-chat'); 1544 1545 document.addEventListener('theme-drawer:open', (event) => { 1546 if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return; 1547 shopifyChat?.setAttribute('mode', 'managed'); 1548 }); 1549 1550 document.addEventListener('theme-drawer:close', (event) => { 1551 if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return; 1552 // If mode is still managed, this is a theme-initiated close (backdrop / 1553 // Escape) â close the chat so the FAB appears. If mode is already 1554 // standalone, the close was triggered by an undock (enter-standalone sets 1555 // mode before closing the drawer) â leave the chat open as a floating panel. 1556 if (shopifyChat?.getAttribute('mode') === 'managed') { 1557 shopifyChat?.removeAttribute('open'); 1558 } 1559 shopifyChat?.setAttribute('mode', 'standalone'); 1560 }); 1561 1562 document.addEventListener('shopify-chat:enter-managed', () => { 1563 // Captured at event-fire time â the dock-transition animation hint below 1564 // depends on state as it was when the event was dispatched. 1565 const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone'; 1566 1567 // The activator-click path (FAB click on desktop with stored 1568 // preferredMode=managed) dispatches enter-managed *before* calling show(), 1569 // so the chat's `open` attribute at event time understates the imminent 1570 // outcome. Defer to a microtask: by then show() (if any) has run, and we 1571 // can distinguish the viewport-driven mobileâdesktop transition that left 1572 // a minimized FAB (chat stays closed â don't open an empty drawer) from 1573 // an activator click (chat just opened â open the drawer). 1574 queueMicrotask(() => { 1575 if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) { 1576 return; 1577 } 1578 chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined); 1579 }); 1580 }); 1581 1582 document.addEventListener('shopify-chat:enter-standalone', () => { 1583 shopifyChat?.setAttribute('mode', 'standalone'); 1584 chatDrawer?.close?.(); 1585 }); 1586 1587 document.addEventListener('shopify-chat:close', () => { 1588 if (shopifyChat?.getAttribute('mode') === 'managed') { 1589 chatDrawer?.close?.(); 1590 } 1591 }); 1592 1593 document.addEventListener('megaMenu:hover', () => { 1594 if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') { 1595 shopifyChat?.removeAttribute('open'); 1596 } 1597 }); 1598 1599 // After the chat upgrades it self-restores its preferred mode from 1600 // sessionStorage. Reconcile any mismatch with the theme-drawer's state 1601 // â the drawer is the source of truth for which mode the chat should 1602 // be in (open â managed, closed â standalone). 1603 customElements.whenDefined('shopify-chat').then(() => { 1604 const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone'; 1605 if (shopifyChat?.getAttribute('mode') !== mode) { 1606 // When switching managed â standalone (e.g. narrow viewport skipped 1607 // drawer restore), also close the chat so it renders as the FAB 1608 // rather than an open standalone panel. 1609 if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) { 1610 shopifyChat?.removeAttribute('open'); 1611 } 1612 shopifyChat?.setAttribute('mode', mode); 1613 } 1614 }); 1615</script>
1615 1616 1617 1618 1619 1620 <div class="page-wrapper"> 1621 <div id="header-group"> 1622 <!-- BEGIN sections: header-group --> 1623<header id="shopify-section-sections--28769422901581__header_section" class="shopify-section shopify-section-group-header-group header-section"> 1624 1625 1626 1627 1628 1629
1630<script type="application/ld+json"> 1631 { 1632 "@context": "http://schema.org", 1633 "@type": "Organization", 1634 "name": "Procaccini Milano", 1635 1636 "logo": "https:\/\/procaccini.com\/cdn\/shop\/files\/Procaccini_Milano_logo_1.png?v=1782304919\u0026width=500", 1637 1638 "url": "https:\/\/procaccini.com" 1639 } 1640</script>
1640 1641 1642<header-component 1643 id="header-component" 1644 class="header" 1645 data-theme-color="rgb(255 255 255)" 1646 data-bubble-style="default" 1647 1648 transparent="not-sticky" 1649 1650 1651 sticky="always" 1652 1653 data-skip-node-update 1654 data-scroll-direction="none" 1655 1656 1657 data-transparent-background="bottom" 1658 1659 style=" 1660 --color-background-top-row: rgba(255 255 255 / 1.0); 1661 --color-background-bottom-row: rgba(255 255 255 / 1.0); 1662 1663 --color-transparent-text: #ffffff; 1664 --color-transparent-text-rgb: 255 255 255; 1665 --color-transparent-text-contrast: var(--palette-darkest); 1666 1667 1668 --cart-bubble-background: var(--palette-darkest); 1669 --cart-bubble-text: #ffffff; 1670 1671 1672 " 1673> 1674 <div class="header__underlay header__underlay-closed"></div> 1675 <div 1676 class="header__underlay header__underlay-open" 1677 ></div><h1 class="visually-hidden">Procaccini Milano</h1> 1678 1679 1680 1681 1682 1683 1684 <div 1685 class="header__row header__row--top color-#ffffff section section--full-width-margin section--page-width color-custom-top-sections--28769422901581__header_section" 1686 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);"> 1687 <div class="header__columns spacing-style"> 1688 <style data-shopify> 1689 .color-custom-top-sections--28769422901581__header_section, 1690 .color-custom-top-sections--28769422901581__header_section .text-block { 1691 /* Background */ 1692 --color-background: #ffffff; 1693 --color-background-rgb: 255 255 255; 1694 1695 /* Opacity values adjusted for background brightness */ 1696 1697--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 16980.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 1699 1700 1701 1702 /* Foreground / text â explicit or smart-contrasted */ 1703 --color: #000000; 1704 --color-rgb: 0 0 0; 1705 --color-foreground: #000000; 1706 --color-foreground-rgb: 0 0 0; 1707 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 1708 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 1709 --color-border: var(--palette-darkest); 1710 --color-border-rgb: var(--palette-darkest-rgb); 1711 1712 } 1713 1714 1715 .color-custom-top-sections--28769422901581__header_section { 1716 /* Form-related tokens stay on .color-custom only â .text-block is a prose 1717 container (text/announcement/inline-text/blog-post-description/ 1718 collection-link/price/sku) and never holds form inputs. */ 1719 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 1720 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 1721 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 1722 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 1723 } 1724 1725 1726 .color-custom-top-sections--28769422901581__header_section { 1727 color: var(--color, var(--color-foreground)); 1728 background-color: var(--color-background); 1729 } 1730 </style> 1731 1732 1733 1734 1735<div 1736 class="header__column header__column--left" 1737 data-testid="header-top-left" 1738 > 1739 1740 1741 1742 1743 1744 1745 1746 <div 1747 class="header__drawer" 1748 ref="headerDrawerContainer" 1749 data-hydration-key="header-drawer-mobile" 1750 1751 > 1752 1753 1754 1755 1756 1757 <style data-shopify> 1758 .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1, 1759 .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1 .text-block { 1760 /* Background */ 1761 --color-background: #f7f7f8; 1762 --color-background-rgb: 247 247 248; 1763 1764 /* Opacity values adjusted for background brightness */ 1765 1766--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 17670.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 1768 1769 1770 1771 /* Foreground / text â explicit or smart-contrasted */ 1772 --color: #000000; 1773 --color-rgb: 0 0 0; 1774 --color-foreground: #000000; 1775 --color-foreground-rgb: 0 0 0; 1776 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 1777 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 1778 --color-border: var(--palette-darkest); 1779 --color-border-rgb: var(--palette-darkest-rgb); 1780 1781 } 1782 1783 1784 .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1 { 1785 /* Form-related tokens stay on .color-custom only â .text-block is a prose 1786 container (text/announcement/inline-text/blog-post-description/ 1787 collection-link/price/sku) and never holds form inputs. */ 1788 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 1789 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 1790 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 1791 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 1792 } 1793 1794 1795 .color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1 { 1796 color: var(--color, var(--color-foreground)); 1797 background-color: var(--color-background); 1798 } 1799 </style> 1800 1801 1802
1803<script 1804 src="//procaccini.com/cdn/shop/t/4/assets/header-drawer.js?v=121243031541024704371782288532" 1805 type="module" 1806 fetchpriority="low" 1807></script>
1807 1808 1809<header-drawer 1810 class="header-drawer " 1811 style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;" 1812> 1813 <details 1814 id="Details-menu-drawer-container" 1815 data-skip-node-update="true" 1816 class="menu-drawer-container" 1817 ref="details" 1818 scroll-lock 1819 > 1820 <summary 1821 class="header__icon header__icon--menu header__icon--summary" 1822 aria-label="Menu" 1823 on:click="/toggle" 1824 > 1825 <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"> 1826 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 1827 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 1828</svg> 1829</span> 1830 <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"> 1831<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"/> 1832</svg> 1833</span> 1834 </summary> 1835 <div 1836 ref="menuDrawer" 1837 class=" 1838 menu-drawer 1839 1840 color-custom-ANXV0V1NjYUtIa3NsY__header-menu-1 1841 1842 " 1843 > 1844 <button 1845 class="button close-button menu-drawer__close-button focus-inset" 1846 type="button" 1847 aria-label="Close" 1848 on:click="/close" 1849 > 1850 <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"> 1851<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"/> 1852</svg> 1853</span> 1854 </button> 1855 <nav 1856 class="menu-drawer__navigation" 1857 style="--menu-top-level-font-family: var(--font-primary--family); 1858--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; 1859 1860 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 1861 var(--menu-font-2xl--line-height); 1862 1863--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 1864 1865--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style: 1866var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case: 1867uppercase; 1868 1869 --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height: 1870 var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground); 1871 --menu-parent-active-font-color: var(--color-foreground-subdued); 1872 1873--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: 1874uppercase; 1875 1876 --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height); 1877 --menu-child-font-color: var(--color-foreground-subdued); --menu-child-active-font-color: var(--color-foreground); 1878 1879 1880 " 1881 aria-label="Primary" 1882 > 1883 <ul 1884 class="menu-drawer__menu has-submenu" 1885 role="list" 1886 > 1887 1888 1889 1890 <li 1891 style="--menu-drawer-animation-index: 1;" 1892 class="menu-drawer__list-item--flat" 1893 > 1894 1895<a 1896 id="HeaderDrawer-il-ristorante" 1897 href="/en/pages/il-ristorante-procaccini-milano" 1898 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 1899 1900 >
1901 <span class="menu-drawer__menu-item-text wrap-text">Restaurant</span> 1902 </a> 1903 1904 <ul 1905 class="menu-drawer__menu menu-drawer__menu--childlist" 1906 role="list" 1907 tabindex="-1" 1908 ><li 1909 class="menu-drawer__list-item" 1910 style="--menu-drawer-animation-index: 1;" 1911 > 1912 <a 1913 href="/en/pages/il-ristorante-procaccini-milano#shopify-section-template--28772365369677__media_with_content_MPgA9e" 1914 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 1915 1916 > 1917 1918 <span class="menu-drawer__menu-item-text wrap-text">The Chef</span> 1919 </a> 1920 </li><li 1921 class="menu-drawer__list-item" 1922 style="--menu-drawer-animation-index: 1;" 1923 > 1924 <a 1925 href="/en/pages/menu-procaccini-milano" 1926 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 1927 1928 > 1929 1930 <span class="menu-drawer__menu-item-text wrap-text">Menu</span> 1931 </a> 1932 </li><li 1933 class="menu-drawer__list-item" 1934 style="--menu-drawer-animation-index: 1;" 1935 > 1936 <a 1937 href="/en/pages/prenota-un-tavolo" 1938 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 1939 1940 > 1941 1942 <span class="menu-drawer__menu-item-text wrap-text">Book a table</span> 1943 </a> 1944 </li><li 1945 class="menu-drawer__list-item" 1946 style="--menu-drawer-animation-index: 1;" 1947 > 1948 <a 1949 href="https://procaccini.shop.bonkdo.com/it/buoni-regalo" 1950 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 1951 1952 > 1953 1954 <span class="menu-drawer__menu-item-text wrap-text">Give an experience</span> 1955 </a> 1956 </li></ul> 1957 1958 </li> 1959 <li 1960 style="--menu-drawer-animation-index: 2;" 1961 class="menu-drawer__list-item--flat" 1962 > 1963 1964<a 1965 id="HeaderDrawer-shop" 1966 href="/en/collections/all" 1967 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 1968 1969 > 1970 <span class="menu-drawer__menu-item-text wrap-text">Shop</span> 1971 </a> 1972 1973 </li> 1974 <li 1975 style="--menu-drawer-animation-index: 3;" 1976 class="menu-drawer__list-item--flat" 1977 > 1978 1979<a 1980 id="HeaderDrawer-dicono-di-noi" 1981 href="/en/pages/dicono-di-noi" 1982 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 1983 1984 > 1985 <span class="menu-drawer__menu-item-text wrap-text">About us</span> 1986 </a> 1987 1988 </li> 1989 <li 1990 style="--menu-drawer-animation-index: 4;" 1991 class="menu-drawer__list-item--flat" 1992 > 1993 1994<a 1995 id="HeaderDrawer-contatti" 1996 href="/en/pages/contatti-procaccini-milano" 1997 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 1998 1999 >
2000 <span class="menu-drawer__menu-item-text wrap-text">Contacts</span> 2001 </a> 2002 2003 </li> 2004 </ul> 2005 </nav> 2006 <div 2007 class="menu-drawer__utility-links menu-drawer__animated-element" 2008 style="--menu-drawer-animation-index: 4;" 2009 > 2010 2011 2012 2013 2014 <div class="menu-drawer__localization color-custom-popover"> 2015 2016<localization-form-component 2017 ref="localizationForm" 2018 data-label-results-count="[count] results" 2019 data-show-filter="false" 2020 style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));" 2021> 2022 2023<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" /> 2024 2025 2026 <div class="language-selector language-selector--collapse-space h5"> 2027 <h2 2028 class="visually-hidden" 2029 id="drawer-LanguageLabel" 2030 > 2031 Language 2032 </h2> 2033 2034 <select 2035 id="drawerSelect" 2036 class="localization-form__select" 2037 name="language_code" 2038 aria-label="Language" 2039 ref="languageInput" 2040 on:change="/changeLanguage" 2041 ><option 2042 value="it" 2043 lang="it" 2044 2045 > 2046 Italiano 2047 </option><option 2048 value="en" 2049 lang="en" 2050 2051 selected 2052 2053 > 2054 English 2055 </option></select> 2056 <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"> 2057 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2058</svg> 2059</span> 2060 </div> 2061 2062</form></localization-form-component> 2063 2064 2065 2066 </div> 2067 2068</div> 2069 2070 2071 </div> 2072 <div 2073 class="menu-drawer__backdrop" 2074 on:click="header-drawer/close" 2075 ></div> 2076 </details> 2077</header-drawer> 2078 2079 2080 2081 </div> 2082 2083 2084 2085<style data-shopify> 2086 .header__underlay { 2087 --color-submenu: rgb(247 247 248); 2088 } 2089</style> 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 <search-button 2101 class="search-action search-action--hidden-on-menu" 2102 > 2103 <button 2104 on:click="#search-modal/showDialog" 2105 class="button-unstyled header-actions__action" 2106 aria-label="Search" 2107 aria-haspopup="dialog" 2108 > 2109 <span class="hidden"> 2110 Search 2111 </span> 2112 2113 <span class="svg-wrapper "> 2114 <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> 2115 2116 </span> 2117 </button> 2118 </search-button> 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 2133 2134 2135 2136 2137 <style data-shopify> 2138 .color-custom-ANXV0V1NjYUtIa3NsY__header-menu, 2139 .color-custom-ANXV0V1NjYUtIa3NsY__header-menu .text-block { 2140 /* Background */ 2141 --color-background: #f7f7f8; 2142 --color-background-rgb: 247 247 248; 2143 2144 /* Opacity values adjusted for background brightness */ 2145 2146--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 21470.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 2148 2149 2150 2151 /* Foreground / text â explicit or smart-contrasted */ 2152 --color: #000000; 2153 --color-rgb: 0 0 0; 2154 --color-foreground: #000000; 2155 --color-foreground-rgb: 0 0 0; 2156 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 2157 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 2158 --color-border: var(--palette-darkest); 2159 --color-border-rgb: var(--palette-darkest-rgb); 2160 2161 } 2162 2163 2164 .color-custom-ANXV0V1NjYUtIa3NsY__header-menu { 2165 /* Form-related tokens stay on .color-custom only â .text-block is a prose 2166 container (text/announcement/inline-text/blog-post-description/ 2167 collection-link/price/sku) and never holds form inputs. */ 2168 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 2169 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 2170 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 2171 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 2172 } 2173 2174 2175 .color-custom-ANXV0V1NjYUtIa3NsY__header-menu { 2176 color: var(--color, var(--color-foreground)); 2177 background-color: var(--color-background); 2178 } 2179 </style> 2180 2181 2182 2183 2184 2185 <header-menu 2186 ref="headerMenu" 2187 class="header-menu" 2188 2189 data-hydration-key="header-menu" 2190 > 2191 <div class="header-menu__inner"> 2192 <nav 2193 class="menu-list" 2194 aria-label="Primary" 2195 style="--menu-top-level-font-family: var(--font-primary--family); 2196--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-primary--style);
2196 --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:uppercase; 2197 2198 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 2199 var(--menu-font-sm--line-height); 2200 2201--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2202" 2203 > 2204 2205 <overflow-list 2206 2207 ref="overflowMenu" 2208 2209 2210 class="overflow-menu color-custom-ANXV0V1NjYUtIa3NsY__header-menu" 2211 2212 2213 minimum-items="2" 2214 2215 2216 data-testid="header-menu-overflow-list" 2217 2218 2219 data-skip-node-update 2220 2221> 2222 <template shadowrootmode="open"> 2223 <link href="//procaccini.com/cdn/shop/t/4/assets/overflow-list.css?v=16727044177065489451782288532" rel="stylesheet" type="text/css" media="all" /> 2224 2225 <ul part="list"> 2226 <slot></slot> 2227 <slot 2228 name="more" 2229 part="more" 2230 hidden 2231 2232 > 2233 <li 2234 part="more" 2235 > 2236 <button 2237 class="button" 2238 type="button" 2239 tabindex="0" 2240 2241 > 2242 More 2243 </button> 2244 </li> 2245 </slot> 2246 <li 2247 part="placeholder" 2248 hidden 2249 ></li> 2250 </ul> 2251 2252 <div part="overflow"> 2253 <ul part="overflow-list"> 2254 <slot name="overflow"></slot> 2255 </ul> 2256 </div> 2257 </template> 2258 2259 2260 2261 <li 2262 role="presentation" 2263 class="menu-list__list-item" 2264 on:focus="/activate" 2265 on:blur="/deactivate" 2266 on:pointerenter="/activate" 2267 on:pointerleave="/deactivate" 2268 > 2269 <a 2270 href="/en/pages/il-ristorante-procaccini-milano" 2271 data-skip-node-update="true" 2272 class="menu-list__link"aria-controls="submenu-1" 2273 aria-haspopup="true" 2274 aria-expanded="false" 2275 ref="menuitem" 2276 > 2277 <span class="menu-list__link-title">Restaurant</span> 2278 </a><div class="menu-list__submenu color-custom-ANXV0V1NjYUtIa3NsY__header-menu" ref="submenu[]"> 2279 <div 2280 id="submenu-1" 2281 class="menu-list__submenu-inner" 2282 style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style: 2283var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case: 2284uppercase; 2285 2286 --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height: 2287 var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground); 2288 --menu-parent-active-font-color: var(--color-foreground-subdued); 2289 2290--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: 2291uppercase; 2292 2293 --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height); 2294 --menu-child-font-color: var(--color-foreground-subdued); --menu-child-active-font-color: var(--color-foreground); 2295 2296" 2297 > 2298 2299 <div class="mega-menu section section--full-width-margin section--page-width"> 2300 <div 2301 class="mega-menu__grid" 2302 data-menu-grid-id="MegaMenuList-1" 2303 > 2304 2305<ul 2306 data-menu-list-id="MegaMenuList-1" 2307 class="mega-menu__list list-unstyled" 2308 style="--menu-image-border-radius: 0px;" 2309> 2310 2311 <li class="mega-menu__column mega-menu__column--span-1"> 2312 <div> 2313 <a 2314 href="/en/pages/il-ristorante-procaccini-milano#shopify-section-template--28772365369677__media_with_content_MPgA9e" 2315 class="mega-menu__link " 2316 > 2317 2318 <span class="wrap-text">The Chef</span> 2319 </a> 2320 2321 </div> 2322 2323 2324 2325 2326 <div> 2327 <a 2328 href="/en/pages/menu-procaccini-milano" 2329 class="mega-menu__link " 2330 > 2331 2332 <span class="wrap-text">Menu</span> 2333 </a> 2334 2335 </div> 2336 2337 2338 2339 2340 <div> 2341 <a 2342 href="/en/pages/prenota-un-tavolo" 2343 class="mega-menu__link " 2344 > 2345
2346 <span class="wrap-text">Book a table</span> 2347 </a> 2348 2349 </div> 2350 2351 2352 2353 2354 <div> 2355 <a 2356 href="https://procaccini.shop.bonkdo.com/it/buoni-regalo" 2357 class="mega-menu__link " 2358 > 2359 2360 <span class="wrap-text">Give an experience</span> 2361 </a> 2362 2363 </div> 2364 2365 </li> 2366 2367</ul> 2368 2369 2370 2371<style data-shopify> 2372 [data-menu-grid-id="MegaMenuList-1"] { 2373 2374 --menu-columns-desktop: 6; 2375 --menu-columns-tablet: 4; 2376 2377 } 2378 2379 [data-menu-list-id="MegaMenuList-1"] { 2380 2381 --menu-columns-desktop: 6; 2382 --menu-columns-tablet: 4; 2383 2384 } 2385</style> 2386 2387 2388 2389 </div> 2390 </div> 2391 </div> 2392 </div></li> 2393 2394 <li 2395 role="presentation" 2396 class="menu-list__list-item" 2397 on:focus="/activate" 2398 on:blur="/deactivate" 2399 on:pointerenter="/activate" 2400 on:pointerleave="/deactivate" 2401 > 2402 <a 2403 href="/en/collections/all" 2404 data-skip-node-update="true" 2405 class="menu-list__link" 2406 ref="menuitem" 2407 > 2408 <span class="menu-list__link-title">Shop</span> 2409 </a></li> 2410 2411 <li 2412 role="presentation" 2413 class="menu-list__list-item" 2414 on:focus="/activate" 2415 on:blur="/deactivate" 2416 on:pointerenter="/activate" 2417 on:pointerleave="/deactivate" 2418 > 2419 <a 2420 href="/en/pages/dicono-di-noi" 2421 data-skip-node-update="true" 2422 class="menu-list__link" 2423 ref="menuitem" 2424 > 2425 <span class="menu-list__link-title">About us</span> 2426 </a></li> 2427 2428 <li 2429 role="presentation" 2430 class="menu-list__list-item" 2431 on:focus="/activate" 2432 on:blur="/deactivate" 2433 on:pointerenter="/activate" 2434 on:pointerleave="/deactivate" 2435 > 2436 <a 2437 href="/en/pages/contatti-procaccini-milano" 2438 data-skip-node-update="true" 2439 class="menu-list__link" 2440 ref="menuitem" 2441 > 2442 <span class="menu-list__link-title">Contacts</span> 2443 </a></li> 2444 2445 <li 2446 class="menu-list__list-item" 2447 role="presentation" 2448 slot="more" 2449 on:focus="/activate" 2450 on:blur="/deactivate" 2451 on:pointerenter="/activate" 2452 on:pointerleave="/deactivate" 2453 > 2454 <button role="listitem" class="menu-list__link button-unstyled"> 2455 <span class="menu-list__link-title">More</span> 2456 </button> 2457 </li> 2458 2459</overflow-list> 2460 2461 </nav> 2462 </div> 2463 2464
2464<script 2465 src="//procaccini.com/cdn/shop/t/4/assets/header-menu.js?v=95929844569485293131782288532" 2466 type="module" 2467 fetchpriority="low" 2468 ></script>
2468 2469 </header-menu> 2470 2471 2472<style data-shopify> 2473 .header__underlay { 2474 --color-submenu: rgb(247 247 248); 2475 } 2476</style> 2477 2478 2479 2480 2481 2482 2483 2484 </div><div 2485 class="header__column header__column--center" 2486 data-testid="header-top-center" 2487 > 2488 2489 2490 2491 2492 2493 2494<a 2495 2496 href="/en" 2497 class="size-style spacing-style header-logo" 2498 style=" 2499 --size-style-width: ;--size-style-height: ; 2500 --padding-block-start: 10px;--padding-block-end: 0px; 2501 --font-family: var(--font-body--family); 2502 --font-style: var(--font-body--style); 2503 --font-weight: 600; 2504 " 2505 2506> 2507 2508 2509 <span 2510 class="header-logo__image-container header-logo__image-container--original" 2511 data-testid="header-logo" 2512 > 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 <img src="//procaccini.com/cdn/shop/files/Procaccini_Milano_logo_1.png?height=36&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&v=1782304919 1x, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_1.png?height=72&v=1782304919 2x, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_1.png?height=108&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;"> 2526 2527 2528 </span> 2529 2530 2531 <span 2532 class="header-logo__image-container header-logo__image-container--inverse" 2533 data-testid="header-logo-inverse" 2534 > 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 2545 2546 2547 <img src="//procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?height=36&v=1782304919" alt="Procaccini Milano - Home" width="149" height="36" class="header-logo__image" srcset="//procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?height=36&v=1782304919 1x, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?height=72&v=1782304919 2x, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?height=108&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;"> 2548 2549 2550 </span> 2551 2552</a> 2553 2554 2555 2556 2557 2558 2559 2560 2561 </div><div 2562 class="header__column header__column--right" 2563 data-testid="header-top-right" 2564 > 2565 2566 2567 2568 2569 2570 2571 <div class="dropdown-localization mobile:hidden"> 2572 2573<localization-form-component 2574 ref="localizationForm" 2575 data-label-results-count="[count] results" 2576 data-show-filter="false" 2577 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));" 2578> 2579 2580<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" /> 2581 2582 2583 <div class="language-selector language-selector--collapse-space"> 2584 <h2 2585 class="visually-hidden" 2586 id="dropdown-LanguageLabel" 2587 > 2588 Language 2589 </h2> 2590 2591 <select 2592 id="dropdownSelect" 2593 class="localization-form__select" 2594 name="language_code" 2595 aria-label="Language" 2596 ref="languageInput" 2597 on:change="/changeLanguage" 2598 ><option 2599 value="it" 2600 lang="it" 2601 2602 > 2603 Italiano 2604 </option><option 2605 value="en" 2606 lang="en" 2607 2608 selected 2609 2610 > 2611 English 2612 </option></select> 2613 <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"> 2614 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2615</svg> 2616</span> 2617 </div> 2618 2619</form></localization-form-component> 2620 2621 2622 2623 </div> 2624 2625 2626 2627 2628 2629 2630 2631 2632 <search-button 2633 class="search-action search-action--hidden-on-drawer" 2634 > 2635 <button 2636 on:click="#search-modal/showDialog" 2637 class="button-unstyled header-actions__action" 2638 aria-label="Search" 2639 aria-haspopup="dialog" 2640 >
2641 <span class="hidden"> 2642 Search 2643 </span> 2644 2645 <span class="svg-wrapper "> 2646 <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> 2647 2648 </span> 2649 </button> 2650 </search-button> 2651 2652 2653 2654 2655 2656 2657 2658 2659 2660 2661
2662<script 2663 type="module" 2664 src="//procaccini.com/cdn/shop/t/4/assets/cart-icon.js?v=109428858171217037751782288532" 2665 fetchpriority="low" 2666></script>
2666 2667 2668 2669 2670 2671 2672<header-actions 2673 2674> 2675 2676 2677 <div 2678 class="account-button header-actions__action color-custom-popover" 2679 > 2680 <shopify-store store-domain="https://procaccini.com" country="IT" language="en"></shopify-store> 2681<shopify-account 2682 menu="customer-account-main-menu" 2683 2684 > 2685 2686 <span 2687 slot="signed-out-avatar" 2688 class="account-button__text header-actions__text-style hidden" 2689 > 2690 Account 2691 </span> 2692 2693 <span 2694 slot="signed-out-avatar" 2695 class="" 2696 aria-hidden="true" 2697 > 2698 2699 <svg 2700 xmlns="http://www.w3.org/2000/svg" 2701 width="15" 2702 height="17" 2703 viewBox="0 0 15 17" 2704 fill="none" 2705 slot="signed-out-avatar" 2706 class="account-button__icon" 2707 > 2708 <path 2709 stroke="currentColor" 2710 stroke-linejoin="round" 2711 stroke-width="var(--icon-stroke-width)" 2712 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" 2713 /> 2714 </svg> 2715 2716 </span> 2717 2718 </shopify-account> 2719 </div> 2720 2721 2722 2723 <button 2724 class="header-actions__action button-unstyled" 2725 on:click="#cart-drawer/toggle" 2726 aria-haspopup="dialog" 2727 aria-expanded="false" 2728 aria-controls="cart-drawer" 2729 aria-label="Cart" 2730 aria-describedby="cart-bubble-text" 2731 data-testid="cart-drawer-trigger" 2732 > 2733 2734 <cart-icon 2735 class="header-actions__cart-icon" 2736 data-testid="cart-icon" 2737 > 2738 <span class="hidden"> 2739 Cart 2740 </span> 2741 2742 <span 2743 class="svg-wrapper " 2744 aria-hidden="true" 2745 > 2746 <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> 2747 2748 </span> 2749 2750 2751 2752<div 2753 ref="cartBubble" 2754 class="cart-bubble visually-hidden" 2755 style="--cart-bubble-background-fallback: #000000; --cart-bubble-text-fallback: #ffffff;" 2756 2757 2758 data-maintain-ratio 2759 2760> 2761 <span class="cart-bubble__background"></span> 2762 <span 2763 ref="cartBubbleText" 2764 id="cart-bubble-text" 2765 class="cart-bubble__text" 2766 > 2767 <span 2768 class="cart-bubble__text-count hidden" 2769 ref="cartBubbleCount" 2770 aria-hidden="true" 2771 data-testid="cart-bubble" 2772 > 27730</span> 2774 </span> 2775</div> 2776 2777 2778 2779 </cart-icon> 2780 2781 </button> 2782 2783 2784 <span 2785 ref="liveRegion" 2786 class="visually-hidden" 2787 role="status" 2788 data-testid="cart-count-live-region" 2789 ></span> 2790</header-actions> 2791
2792<script 2793 type="module" 2794 src="//procaccini.com/cdn/shop/t/4/assets/header-actions.js?v=157135685635924702181782288532" 2795 fetchpriority="low" 2796></script>
2796 2797 2798 2799 2800 2801 2802 2803 </div> 2804 </div> 2805 </div> 2806 2807 2808 2809 2810 2811 2812 2813 2814 2815 2816 2817 <div class="header__row header__navigation-bar-row"> 2818 2819 2820 2821 2822 2823 2824 2825<style data-shopify> 2826 .header__underlay { 2827 --color-submenu: rgb(247 247 248); 2828 } 2829</style> 2830 2831 2832 2833 2834 </div> 2835 2836</header-component> 2837
2838<script 2839 src="//procaccini.com/cdn/shop/t/4/assets/header.js?v=183210491532312943441782288532" 2840 type="module" 2841></script>
2841 2842 2843 2844 2845 2846
2846<script type="module"> 2847 import { hydrate } from '@theme/section-hydration'; 2848 const url = new URL(window.location.href); 2849 url.searchParams.delete('page'); 2850 hydrate('sections--28769422901581__header_section', url); 2851 </script>
2851 2852 2853 2854 2855</header> 2856<!-- END sections: header-group --> 2857 </div> 2858 2859
2859<script> 2860 (function setHeaderHeighCustomProperties() { 2861 const header = document.querySelector('header-component'); 2862 const headerGroup = document.querySelector('#header-group'); 2863 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 2864 2865 if (!header || !headerGroup) return; 2866 2867 const headerTopRow = header.querySelector('.header__row--top'); 2868 const headerHeight = header.offsetHeight; 2869 2870 let headerGroupHeight = 0; 2871 const children = headerGroup.children; 2872 2873 for (let i = 0; i < children.length; i++) { 2874 const element = children[i]; 2875 2876 if (element === header || !(element instanceof HTMLElement)) continue; 2877 2878 headerGroupHeight += element.offsetHeight; 2879 } 2880 2881 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 2882 headerGroupHeight += headerHeight; 2883 } 2884 2885 document.body.style.setProperty('--header-height', `${headerHeight}px`); 2886 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 2887 2888 if (headerTopRow) { 2889 window.requestAnimationFrame(function () { 2890 document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`); 2891 }); 2892 } 2893 2894 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 2895 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 2896 return; 2897 } 2898 2899 const hasImmediateSection = 2900 hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 2901 2902 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 2903 2904 document.body.style.setProperty( 2905 '--transparent-header-offset-boolean', 2906 shouldApplyOffset 2907 ); 2908 })(); 2909 2910 (function setHeaderMenuStyle() { 2911 const headerComponent = document.querySelector('#header-component'); 2912 2913 if (headerComponent) { 2914 const isTouchDevice = 2915 'ontouchstart' in window && navigator.maxTouchPoints > 0; 2916 2917 const overflowList = headerComponent?.querySelector('overflow-list'); 2918 2919 const hasReachedMinimum = 2920 overflowList && overflowList.hasAttribute('minimum-reached'); 2921 2922 headerComponent.dataset.menuStyle = 2923 isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu'; 2924 } 2925 })(); 2926 </script>
2926 2927 2928 <main 2929 id="MainContent" 2930 class="content-for-layout" 2931 role="main" 2932 data-page-transition-enabled="true" 2933 data-product-transition="true" 2934 data-template="index" 2935 > 2936 <section id="shopify-section-template--28769422573901__hero_iyt6zg" class="shopify-section hero-wrapper section-wrapper"> 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954<div 2955 id="Hero-template--28769422573901__hero_iyt6zg" 2956 class="hero color-custom-template--28769422573901__hero_iyt6zg" 2957 style=" 2958 --hero-border-style: ; 2959 --hero-border-width: px; 2960 --hero-border-opacity: %; 2961 --blur-opacity: 0.75; 2962 2963 --hero-min-height: 100svh; 2964 2965 " 2966 2967 2968> 2969 2970 2971 2972 2973 <div 2974 class="hero__container spacing-style section section--full-width" 2975 style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 55px));" 2976 ><div 2977 class="hero__media-grid" 2978 style="--hero-media-count: 1;--hero-media-count-mobile: 1;" 2979 data-testid="hero-media-wrapper" 2980 > 2981 <div 2982 class="overlay overlay--gradient" 2983 style=" 2984 --overlay-layer: var(--layer-flat); 2985 --overlay-color: #0000003b; 2986 --overlay-color--end: rgba(0, 0, 0, 0); 2987 --overlay-direction: to top;" 2988></div> 2989 2990 2991 2992 2993 2994<div class="hero__media-wrapper hero__media-wrapper--desktop"> 2995 <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="hero__media" data-testid="hero-desktop-video-1" preload="metadata"><source src="//procaccini.com/cdn/shop/videos/c/vp/5ec17304feea49cfa391669e2391610f/5ec17304feea49cfa391669e2391610f.HD-1080p-7.2Mbps-90837347.mp4?v=0" type="video/mp4"><img src="//procaccini.com/cdn/shop/files/preview_images/5ec17304feea49cfa391669e2391610f.thumbnail.0000000000_small.jpg?v=1785943084"></video> 2996 </div><div class="hero__media-wrapper hero__media-wrapper--mobile"> 2997 <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="hero__media" data-testid="hero-mobile-video-1" preload="metadata"><source src="//procaccini.com/cdn/shop/videos/c/vp/d71348d24b2e43879ec891ad8b431a25/d71348d24b2e43879ec891ad8b431a25.HD-1080p-7.2Mbps-90837896.mp4?v=0" type="video/mp4"><img src="//procaccini.com/cdn/shop/files/preview_images/d71348d24b2e43879ec891ad8b431a25.thumbnail.0000000000_small.jpg?v=1785943497"></video> 2998 </div> 2999 3000 3001 3002 3003 </div> 3004 <div 3005 class=" 3006 hero__content-wrapper 3007 layout-panel-flex 3008 layout-panel-flex--column 3009 mobile-column 3010 section-content-wrapper 3011 page-width 3012 3013 " 3014 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3015 3016--gap: 16px; 3017 3018--horizontal-alignment: center; --vertical-alignment: center; 3019--vertical-alignment-mobile: center; 3020" 3021 > 3022 <div id="shopify-block-AeFZ4bVVhL2Myb0p5N__icon_J4fXdq" class="shopify-block icon-block"> 3023 3024 3025<style data-shopify> 3026 .icon-block-AeFZ4bVVhL2Myb0p5N__icon_J4fXdq { 3027 3028 --icon-width-mobile: 66px; 3029 --icon-width-desktop: 100px; 3030 width: var(--icon-width-mobile) !important; 3031 height: auto; 3032 } 3033 3034 @media screen and (min-width: 750px) { 3035 .icon-block-AeFZ4bVVhL2Myb0p5N__icon_J4fXdq { 3036 width: var(--icon-width-desktop) !important; 3037 } 3038 } 3039</style> 3040 3041 3042 3043 3044 3045 3046 <img src="//procaccini.com/cdn/shop/files/Stella_Michelin_2026_300x_064dd087-3036-49c3-bfe1-ec432059f0b7.png?v=1783585282&width=1200" alt="" srcset="//procaccini.com/cdn/shop/files/Stella_Michelin_2026_300x_064dd087-3036-49c3-bfe1-ec432059f0b7.png?v=1783585282&width=240 240w, //procaccini.com/cdn/shop/files/Stella_Michelin_2026_300x_064dd087-3036-49c3-bfe1-ec432059f0b7.png?v=1783585282&width=352 352w, //procaccini.com/cdn/shop/files/Stella_Michelin_2026_300x_064dd087-3036-49c3-bfe1-ec432059f0b7.png?v=1783585282&width=832 832w, //procaccini.com/cdn/shop/files/Stella_Michelin_2026_300x_064dd087-3036-49c3-bfe1-ec432059f0b7.png?v=1783585282&width=1200 1200w" width="1200" height="798" class="icon-block__media icon-block-AeFZ4bVVhL2Myb0p5N__icon_J4fXdq" style="width: 100px;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw"> 3047 3048 3049 3050 3051</div> 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 <div class=" spacing-style text-block text-block--ATzBzYWNrd0owSHpse__text_tzGazA h3 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: #ffffff; --color-rgb: 255 255 255; --width: fit-content; --max-width: var(--max-width--body-none); "> 3062 <h1>The Art of Cooking </h1> 3063 </div> 3064 3065 3066 3067 3068 3069 3070 3071 </div> 3072 </div> 3073</div> 3074 3075 3076 3077 3078</section><div id="shopify-section-template--28769422573901__178368611753448c74" class="shopify-section section-wrapper"> 3079 3080 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092<div class="section-background color-custom-template--28769422573901__178368611753448c74"></div> 3093<div 3094 class="section section--full-width color-custom-template--28769422573901__178368611753448c74" 3095 data-testid="ui-test-section" 3096 3097 3098 3099 style=" 3100 3101 3102 3103 " 3104> 3105 <div class="custom-section-background"> 3106 3107 3108 3109 3110 </div> 3111 3112 <div 3113 class="border-style custom-section-content" 3114 style=" 3115--border-width: 1px; --border-style: none; --border-color: 3116rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 3117" 3118 > 3119 3120 3121 <div 3122 class=" 3123 spacing-style 3124 layout-panel-flex 3125 layout-panel-flex--column 3126 section-content-wrapper 3127 mobile-column 3128 " 3129 style=" 3130 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3131 3132--gap: 12px; 3133 3134--horizontal-alignment: flex-start; --vertical-alignment: center; 3135--vertical-alignment-mobile: center; 3136 3137 --padding-block-start: 0px;--padding-block-end: 0px; 3138 " 3139 data-testid="section-content" 3140 > 3141 3142 3143 3144 </div> 3145 </div> 3146</div> 3147 3148 3149 3150 3151 3152</div><div id="shopify-section-template--28769422573901__17835972244f2c2f8b" class="shopify-section section-wrapper"> 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166<div class="section-background color-custom-template--28769422573901__17835972244f2c2f8b"></div> 3167<div 3168 class="section section--page-width color-custom-template--28769422573901__17835972244f2c2f8b" 3169 data-testid="ui-test-section" 3170 3171 3172 3173 style=" 3174 3175 3176 3177 " 3178> 3179 <div class="custom-section-background"> 3180 3181 3182 3183 3184 </div> 3185 3186 <div 3187 class="border-style custom-section-content" 3188 style=" 3189--border-width: 1px; --border-style: none; --border-color: 3190rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 3191" 3192 > 3193 3194 3195 <div 3196 class=" 3197 spacing-style 3198 layout-panel-flex 3199 layout-panel-flex--column 3200 section-content-wrapper 3201 mobile-column 3202 " 3203 style=" 3204 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3205 3206--gap: 12px; 3207 3208--horizontal-alignment: flex-start; --vertical-alignment: center; 3209--vertical-alignment-mobile: center; 3210 3211 --padding-block-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 50px)); 3212 " 3213 data-testid="section-content" 3214 > 3215 3216 3217 3218 3219<style data-shopify> 3220 .ai-split-media-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 {
3221 display: block; 3222 width: 100%; 3223 } 3224 3225 .ai-split-media-container-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3226 display: flex; 3227 flex-direction: row; 3228 min-height: 650px; 3229 gap: 0px; 3230 } 3231 3232 .ai-split-media-content-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3233 flex: 1; 3234 display: flex; 3235 flex-direction: column; 3236 justify-content: center; 3237 padding: 60px; 3238 background-color: #ffffff; 3239 } 3240 3241 .ai-split-media-content-inner-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3242 max-width: 600px; 3243 } 3244 3245 .ai-split-media-title-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3246 margin: 0 0 20px; 3247 color: #000000; 3248 font-size: 60px; 3249 line-height: 1.1; 3250 } 3251 3252 .ai-split-media-text-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3253 margin: 0 0 30px; 3254 color: #000000; 3255 font-size: 14px; 3256 line-height: 1.5; 3257 } 3258 3259 .ai-split-media-button-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3260 display: inline-block; 3261 padding: 15px 30px; 3262 background-color: #172123; 3263 color: #ffffff; 3264 text-decoration: none; 3265 border-radius: 0px; 3266 font-size: 16px; 3267 transition: background-color 0.3s ease; 3268 } 3269 3270 .ai-split-media-button-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8:hover { 3271 background-color: #263639; 3272 } 3273 3274 .ai-split-media-media-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3275 flex: 1; 3276 position: relative; 3277 overflow: hidden; 3278 margin-top: 0px; 3279 margin-bottom: 0px; 3280 } 3281 3282 .ai-split-media-video-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8, 3283 .ai-split-media-image-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3284 width: 100%; 3285 height: 100%; 3286 object-fit: cover; 3287 display: block; 3288 } 3289 3290 .ai-split-media-embed-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3291 position: relative; 3292 width: 100%; 3293 height: 100%; 3294 } 3295 3296 .ai-split-media-embed-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 iframe { 3297 position: absolute; 3298 top: 0; 3299 left: 0; 3300 width: 100%; 3301 height: 100%; 3302 border: none; 3303 } 3304 3305 .ai-split-media-placeholder-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3306 width: 100%; 3307 height: 100%; 3308 background-color: #f4f4f4; 3309 display: flex; 3310 align-items: center; 3311 justify-content: center; 3312 } 3313 3314 .ai-split-media-placeholder-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 svg { 3315 width: 100%; 3316 height: 100%; 3317 max-width: 300px; 3318 max-height: 300px; 3319 } 3320 3321 @media screen and (max-width: 749px) { 3322 .ai-split-media-container-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3323 flex-direction: column; 3324 min-height: auto; 3325 gap: 0px; 3326 } 3327 3328 .ai-split-media-content-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3329 padding: 0; 3330 min-height: 500px; 3331 } 3332 3333 .ai-split-media-title-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3334 font-size: 46px; 3335 line-height: 1.2; 3336 } 3337 3338 .ai-split-media-text-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3339 font-size: 14px; 3340 line-height: 1.5; 3341 } 3342 3343 .ai-split-media-button-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3344 font-size: 14px; 3345 } 3346 3347 .ai-split-media-media-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 { 3348 min-height: 400px; 3349 margin-top: 50px; 3350 margin-bottom: 30px; 3351 } 3352 } 3353</style> 3354 3355<split-media-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 class="ai-split-media-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8" > 3356 <div class="ai-split-media-container-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8"> 3357 <div class="ai-split-media-content-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8"> 3358 <div class="ai-split-media-content-inner-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8"> 3359 3360 <h2 class="ai-split-media-title-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8"><p>Live the <em>Procaccini </em>experience</p></h2> 3361 3362 3363 3364 <div class="ai-split-media-text-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8"><p>Procaccini is an address, even before a restaurant: Via Procaccini 33, in Milan, is where <strong>haute cuisine ceases to be a temple and becomes a home. </strong><br/><br/>An <strong>open kitchen</strong> that doesn't hide, the brigade, the preparations, the rhythm, everything is on display, shared especially with those who sit at the counter. Procaccini is a piano that plays every evening, because the table, here, is also a place of listening. </p></div> 3365 3366 3367 3368 <a href="/en/pages/prenota-un-tavolo" class="ai-split-media-button-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8"> 3369 Book now 3370 </a> 3371 3372 </div> 3373 </div> 3374 3375 <div class="ai-split-media-media-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8"> 3376 3377 <div class="ai-split-media-embed-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8"> 3378 <iframe src="https://player.vimeo.com/video/1210544806?badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&muted=1&loop=1&controls=0&title=0&byline=0&portrait=0" width="1350" height="1013" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media;
3378 web-share" referrerpolicy="strict-origin-when-cross-origin" title="Maialino al tavolo_homepage"></iframe> 3379 </div> 3380 3381 </div> 3382 </div> 3383</split-media-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8> 3384
3385<script> 3386(function() { 3387 class SplitMediaab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8 extends HTMLElement { 3388 constructor() { 3389 super(); 3390 } 3391 3392 connectedCallback() { 3393 this.adjustEmbedHeight(); 3394 window.addEventListener('resize', () => this.adjustEmbedHeight()); 3395 } 3396 3397 adjustEmbedHeight() { 3398 const embed = this.querySelector('.ai-split-media-embed-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8'); 3399 if (embed) { 3400 const container = this.querySelector('.ai-split-media-media-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8'); 3401 if (container) { 3402 embed.style.height = container.offsetHeight + 'px'; 3403 } 3404 } 3405 } 3406 } 3407 3408 customElements.define('split-media-ab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8', SplitMediaab3cvb3jhcdbpv0jydaigenblockde00938rbkjq8); 3409})(); 3410</script>
3410 3411 3412 3413 3414 </div> 3415 </div> 3416</div> 3417 3418 3419 3420 3421 3422</div><div id="shopify-section-template--28769422573901__blocks_VJ4m3n" class="shopify-section section-wrapper"> 3423 3424 3425 3426 3427 3428 3429 3430 3431 3432 3433 3434 3435 3436<div class="section-background color-custom-template--28769422573901__blocks_VJ4m3n"></div> 3437<div 3438 class="section section--page-width color-custom-template--28769422573901__blocks_VJ4m3n" 3439 data-testid="ui-test-section" 3440 3441 3442 3443 style=" 3444 3445 3446 3447 " 3448> 3449 <div class="custom-section-background"> 3450 3451 3452 3453 3454 </div> 3455 3456 <div 3457 class="border-style custom-section-content" 3458 style=" 3459--border-width: 1px; --border-style: none; --border-color: 3460rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 3461" 3462 > 3463 3464 3465 <div 3466 class=" 3467 spacing-style 3468 layout-panel-flex 3469 layout-panel-flex--column 3470 section-content-wrapper 3471 mobile-column 3472 " 3473 style=" 3474 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3475 3476--gap: 12px; 3477 3478--horizontal-alignment: flex-start; --vertical-alignment: center; 3479--vertical-alignment-mobile: center; 3480 3481 --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 100px)); 3482 " 3483 data-testid="section-content" 3484 > 3485 3486 3487 3488 3489<style data-shopify> 3490 .ai-gallery-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3491 width: 100%; 3492 max-width: 100%; 3493 display: block; 3494 } 3495 3496 .ai-gallery-container-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3497 width: 100%; 3498 } 3499 3500 .ai-gallery-grid-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3501 display: grid; 3502 gap: 16px; 3503 width: 100%; 3504 } 3505 3506 .ai-gallery-grid-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf.ai-gallery-layout-classic-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3507 grid-template-columns: repeat(4, 1fr); 3508 } 3509 3510 .ai-gallery-grid-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf.ai-gallery-layout-masonry-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3511 column-count: 4; 3512 column-gap: 16px; 3513 display: block; 3514 } 3515 3516 .ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3517 position: relative; 3518 overflow: hidden; 3519 border-radius: 0px; 3520 background-color: #f4f4f4; 3521 break-inside: avoid; 3522 page-break-inside: avoid; 3523 } 3524 3525 .ai-gallery-layout-classic-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf .ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3526 aspect-ratio: 1 / 1; 3527 } 3528 3529 .ai-gallery-layout-masonry-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf .ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3530 margin-bottom: 16px; 3531 display: inline-block; 3532 width: 100%; 3533 } 3534 3535 .ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf img { 3536 width: 100%; 3537 height: auto; 3538 display: block; 3539 } 3540 3541 .ai-gallery-layout-classic-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf .ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf img { 3542 height: 100%; 3543 object-fit: cover; 3544 } 3545 3546 .ai-gallery-layout-masonry-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf .ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf img { 3547 transform: scale(1); 3548 transform-origin: center; 3549 } 3550 3551 .ai-gallery-placeholder-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3552 width: 100%; 3553 height: 100%; 3554 display: flex; 3555 align-items: center; 3556 justify-content: center; 3557 background-color: #f4f4f4; 3558 } 3559 3560 .ai-gallery-placeholder-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf svg { 3561 width: 50%; 3562 height: 50%; 3563 opacity: 0.3; 3564 } 3565 3566 .ai-gallery-empty-state-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3567 text-align: center; 3568 padding: 40px 20px; 3569 color: #666; 3570 font-size: 14px; 3571 } 3572 3573 @media screen and (max-width: 749px) { 3574 .ai-gallery-grid-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf.ai-gallery-layout-classic-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3575 grid-template-columns: repeat(2, 1fr); 3576 } 3577 3578 .ai-gallery-grid-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf.ai-gallery-layout-masonry-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3579 column-count: 2; 3580 column-gap: 8px; 3581 } 3582 3583 .ai-gallery-grid-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3584 gap: 8px; 3585 } 3586 3587 .ai-gallery-layout-masonry-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf .ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf { 3588 margin-bottom: 8px; 3589 } 3590 } 3591</style> 3592 3593<gallery-block-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf class="ai-gallery-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf" >
3594 <div class="ai-gallery-container-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf"> 3595 3596 3597 3598 3599 3600 3601 3602 3603 <div class="ai-gallery-grid-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf ai-gallery-layout-classic-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf"> 3604 3605 3606 3607 3608 3609 <div class="ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf"> 3610 <img 3611 src="//procaccini.com/cdn/shop/files/gambero_antipasto_0b5945c8-258f-4c5d-b4a1-cd5612c1d5a2.jpg?v=1783697938&width=1200" 3612 alt="" 3613 loading="lazy" 3614 width="1920" 3615 height="1282" 3616 > 3617 </div> 3618 3619 3620 3621 3622 3623 3624 <div class="ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf"> 3625 <img 3626 src="//procaccini.com/cdn/shop/files/spaghetti_menu.jpg?v=1783697938&width=1200" 3627 alt="" 3628 loading="lazy" 3629 width="1920" 3630 height="1282" 3631 > 3632 </div> 3633 3634 3635 3636 3637 3638 3639 <div class="ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf"> 3640 <img 3641 src="//procaccini.com/cdn/shop/files/entre_benvenuto_procaccini.jpg?v=1783954383&width=1200" 3642 alt="" 3643 loading="lazy" 3644 width="1653" 3645 height="1653" 3646 > 3647 </div> 3648 3649 3650 3651 3652 3653 3654 <div class="ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf"> 3655 <img 3656 src="//procaccini.com/cdn/shop/files/dessert_baba_aedb7ae3-8acd-4ff9-8ed3-98cfaee3b3d7.jpg?v=1783700173&width=1200" 3657 alt="" 3658 loading="lazy" 3659 width="1920" 3660 height="1282" 3661 > 3662 </div> 3663 3664 3665 3666 3667 3668 3669 3670 3671 3672 3673 3674 3675 3676 3677 3678 3679 3680 3681 3682 3683 3684 3685 3686 3687 3688 3689 3690 3691 3692 3693 3694 3695 3696 3697 3698 3699 3700 3701 3702 3703 3704 3705 </div> 3706 3707 </div> 3708</gallery-block-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf> 3709
3710<script> 3711 (function() { 3712 class GalleryBlockadwzlwfcylzf5tg9hdaigenblockd927418w9nqmf extends HTMLElement { 3713 constructor() { 3714 super(); 3715 } 3716 3717 connectedCallback() { 3718 this.initGallery(); 3719 } 3720 3721 initGallery() { 3722 const items = this.querySelectorAll('.ai-gallery-item-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf'); 3723 items.forEach((item, index) => { 3724 item.style.opacity = '0'; 3725 item.style.transform = 'translateY(20px)'; 3726 3727 setTimeout(() => { 3728 item.style.transition = 'opacity 0.5s ease, transform 0.5s ease'; 3729 item.style.opacity = '1'; 3730 item.style.transform = 'translateY(0)'; 3731 }, index * 50); 3732 }); 3733 } 3734 } 3735 3736 customElements.define('gallery-block-adwzlwfcylzf5tg9hdaigenblockd927418w9nqmf', GalleryBlockadwzlwfcylzf5tg9hdaigenblockd927418w9nqmf); 3737 })(); 3738</script>
3738 3739 3740 3741 3742 3743 </div> 3744 </div> 3745</div> 3746 3747 3748 3749 3750 3751</div><div id="shopify-section-template--28769422573901__blocks_FjGG8p" class="shopify-section section-wrapper"> 3752 3753 3754 3755 3756 3757 3758 3759 3760 3761 3762 3763 3764 3765<div class="section-background color-custom-template--28769422573901__blocks_FjGG8p"></div> 3766<div 3767 class="section section--full-width color-custom-template--28769422573901__blocks_FjGG8p" 3768 data-testid="ui-test-section" 3769 3770 3771 3772 style=" 3773 3774 3775 3776 " 3777> 3778 <div class="custom-section-background"> 3779 3780 3781 3782 3783 </div> 3784 3785 <div 3786 class="border-style custom-section-content" 3787 style=" 3788--border-width: 1px; --border-style: none; --border-color: 3789rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 3790" 3791 > 3792 3793 3794 <div 3795 class=" 3796 spacing-style 3797 layout-panel-flex 3798 layout-panel-flex--column 3799 section-content-wrapper 3800 mobile-column 3801 " 3802 style=" 3803 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3804 3805--gap: 12px; 3806 3807--horizontal-alignment: flex-start; --vertical-alignment: center; 3808--vertical-alignment-mobile: center; 3809 3810 --padding-block-start: 0px;--padding-block-end: 0px; 3811 " 3812 data-testid="section-content" 3813 > 3814 3815 3816 3817 3818 3819<style data-shopify> 3820 .ai-media-text-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3821 display: block; 3822 width: 100%; 3823 background-color: #f0f0f0; 3824 padding: 10px 100px 60px 40px; 3825 box-sizing: border-box; 3826 } 3827 3828 .ai-media-text-container-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3829 display: flex; 3830 flex-direction: row; 3831 gap: 40px; 3832 align-items: center; 3833 width: 100%; 3834 max-width: 100%; 3835 margin: 0 auto; 3836 box-sizing: border-box; 3837 } 3838 3839 .ai-media-text-media-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3840 flex: 0 0 calc(45% - (40px / 2)); 3841 width: calc(45% - (40px / 2)); 3842 position: relative; 3843 overflow: hidden; 3844 box-sizing: border-box; 3845 margin: 90px 0px 20px 56px; 3846 3847 } 3848 3849 .ai-media-text-media-wrapper-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3850 width: 100%; 3851 aspect-ratio: 4 / 5; 3852 position: relative; 3853 overflow: hidden; 3854 } 3855 3856 .ai-media-text-media-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy img, 3857 .ai-media-text-media-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy video { 3858 width: 100%; 3859 height: 100%; 3860 display: block; 3861 object-fit: cover; 3862 } 3863 3864 .ai-media-text-placeholder-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3865 width: 100%; 3866 height: 100%; 3867 background-color: #f4f4f4; 3868 display: flex; 3869 align-items: center; 3870 justify-content: center; 3871 position: relative; 3872 } 3873 3874 .ai-media-text-placeholder-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy svg { 3875 width: 100%; 3876 height: 100%; 3877 max-width: 300px; 3878 max-height: 300px; 3879 } 3880 3881 .ai-media-text-empty-state-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3882 position: absolute; 3883 bottom: 20px; 3884 left: 0%; 3885 transform: translateX(-50%); 3886 padding: 12px 20px; 3887 font-size: 14px; 3888 color: #666; 3889 text-align: center; 3890 pointer-events: none; 3891 } 3892 3893 .ai-media-text-content-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3894 flex: 0 0 calc(55% - (40px / 2)); 3895 width: calc(55% - (40px / 2)); 3896 box-sizing: border-box; 3897 display: flex; 3898 flex-direction: column; 3899 justify-content: flex-start; 3900 padding: 0px 100px 0px 50px; 3901 } 3902 3903 .ai-media-text-content-inner-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3904 display: flex; 3905 flex-direction: column; 3906 gap: 30px; 3907 width: 100%; 3908 max-width: 100%; 3909 text-align: flex-start; 3910 3911 margin-left: 0; 3912 margin-right: auto; 3913 3914 } 3915 3916 .ai-media-text-heading-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3917 margin: 0; 3918 font-size: 32px; 3919 color: #000000; 3920 line-height: 1.2; 3921 width: 100%; 3922 } 3923 3924 .ai-media-text-text-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3925 margin: 0; 3926 font-size: 14px; 3927 color: #000000; 3928 line-height: 1.6; 3929 width: 100%; 3930 } 3931 3932 .ai-media-text-text-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy p { 3933 margin: 0; 3934 } 3935 3936 .ai-media-text-buttons-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3937 display: flex; 3938 gap: 10px; 3939 flex-wrap: wrap; 3940 width: 100%; 3941 justify-content: flex-start; 3942 } 3943 3944 .ai-media-text-button-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3945 display: inline-block; 3946 padding: 12px 24px; 3947 background-color: #172123; 3948 color: #ffffff; 3949 text-decoration: none; 3950 border-radius: 0px; 3951 font-size: 14px; 3952 text-align: center; 3953 transition: background-color 0.3s ease; 3954 } 3955 3956 .ai-media-text-button-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy:hover { 3957 background-color: #263639; 3958 } 3959 3960 @media screen and (max-width: 749px) { 3961 .ai-media-text-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3962 padding: 0px 16px 30px 16px; 3963 } 3964 3965 .ai-media-text-container-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3966 flex-direction: column; 3967 gap: 5px; 3968 width: 100%; 3969 } 3970 3971 .ai-media-text-media-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3972 flex: 0 0 100%; 3973 width: 100%; 3974 margin: 80px 0px 30px 0px; 3975 } 3976 3977 .ai-media-text-content-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3978 flex: 0 0 100%; 3979 width: 100%; 3980 padding: 0px 0px 80px 0px; 3981 } 3982 3983 .ai-media-text-heading-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3984 font-size: 36px; 3985 } 3986 3987 .ai-media-text-text-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3988 font-size: 14px; 3989 } 3990 3991 .ai-media-text-buttons-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3992 flex-direction: column; 3993 } 3994 3995 .ai-media-text-button-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy { 3996 width: 100%; 3997 } 3998 } 3999</style> 4000 4001<media-text-block-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy class="ai-media-text-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy" > 4002 <div class="ai-media-text-container-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy"> 4003 <div class="ai-media-text-media-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy"> 4004 <div class="ai-media-text-media-wrapper-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy"> 4005 4006 4007 <picture> 4008 4009 <source media="(max-width: 749px)" srcset="//procaccini.com/cdn/shop/files/Procaccini-Carbondoro.jpg?v=1783951669&width=1500"> 4010 4011 <img 4012 src="//procaccini.com/cdn/shop/files/Procaccini-Carbondoro.jpg?v=1783951669&width=2000" 4013 alt="" 4014 loading="lazy" 4015 width="970" 4016 height="1455" 4017 > 4018 </picture> 4019 4020 4021 </div> 4022 </div> 4023 4024 <div class="ai-media-text-content-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy"> 4025 <div class="ai-media-text-content-inner-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy"> 4026 4027 <h2 class="ai-media-text-heading-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy">The <em>philosophy </em>behind each dish</h2> 4028 4029 4030 4031 <div class="ai-media-text-text-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy"><p>At <strong>Procaccini</strong>, every dish stems from a simple question: what if <strong>Italian tradition</strong> stopped being a destination and became a starting point? Chef <strong>Emin Haziri</strong> deconstructs even the most iconic dishes and reconstructs them using deeply contemporary techniques, <em><strong>until he is certain that no one has ever tasted them made this way.</strong></em><br><br>The result is not just a style exercise: it's a dish you recognize, but have <strong>never</strong> tasted quite like this.</p></div> 4032 4033 4034 4035 4036 4037 4038 4039 4040 <div class="ai-media-text-buttons-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy"> 4041 4042 <a href="https://cdn.shopify.com/s/files/1/0978/7962/1965/files/Procaccini-Menu-Maggio-2026.pdf?v=1783583381" class="ai-media-text-button-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy"> 4043 Menu 4044 </a> 4045 4046 4047 <a href="https://cdn.shopify.com/s/files/1/0978/7962/1965/files/Procaccini-Crudite-e-caviali-Maggio-2026.pdf?v=1783583381" class="ai-media-text-button-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy"> 4048 Crudités and caviar 4049 </a> 4050 4051 4052 <a href="https://cdn.shopify.com/s/files/1/0978/7962/1965/files/Procaccini-Dolci-Maggio-2026_A5.pdf?v=1783583381" class="ai-media-text-button-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy"> 4053 Dessert 4054 </a> 4055 4056 </div> 4057 4058 </div> 4059 </div> 4060 </div> 4061</media-text-block-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy> 4062
4063<script> 4064 (function() { 4065 class MediaTextBlockad3ntnnhanfhyenpuraigenblockced0c16mkeryy extends HTMLElement { 4066 constructor() { 4067 super(); 4068 } 4069 4070 connectedCallback() { 4071 const video = this.querySelector('video'); 4072 if (video) { 4073 video.addEventListener('loadedmetadata', () => { 4074 video.play().catch(() => {}); 4075 }); 4076 } 4077 } 4078 } 4079 4080 customElements.define('media-text-block-ad3ntnnhanfhyenpuraigenblockced0c16mkeryy', MediaTextBlockad3ntnnhanfhyenpuraigenblockced0c16mkeryy); 4081 })(); 4082</script>
4082 4083 4084 4085 4086 4087 </div> 4088 </div> 4089</div> 4090 4091 4092 4093 4094 4095</div><section id="shopify-section-template--28769422573901__hero_MVUtj6" class="shopify-section hero-wrapper section-wrapper"> 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 4110 4111 4112 4113 <style data-shopify> 4114 .color-custom-template--28769422573901__hero_MVUtj6, 4115 .color-custom-template--28769422573901__hero_MVUtj6 .text-block { 4116 /* Background */ 4117 --color-background: #ffffff; 4118 --color-background-rgb: 255 255 255; 4119 4120 /* Opacity values adjusted for background brightness */ 4121 4122--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 41230.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 4124 4125 4126 4127 } 4128 4129 4130 4131 .color-custom-template--28769422573901__hero_MVUtj6 { 4132 color: var(--color, var(--color-foreground)); 4133 background-color: var(--color-background); 4134 } 4135 </style> 4136 4137<div 4138 id="Hero-template--28769422573901__hero_MVUtj6" 4139 class="hero color-custom-template--28769422573901__hero_MVUtj6" 4140 style=" 4141 --hero-border-style: ; 4142 --hero-border-width: px; 4143 --hero-border-opacity: %; 4144 --blur-opacity: 0.75; 4145 4146 --hero-min-height: var(--section-height-large); 4147 4148 " 4149 4150 4151> 4152 4153 4154 4155 4156 <div 4157 class="hero__container spacing-style section section--full-width" 4158 style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));" 4159 ><div 4160 class="hero__media-grid" 4161 style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.5;" 4162 data-testid="hero-media-wrapper" 4163 > 4164 <div 4165 class="overlay overlay--gradient" 4166 style=" 4167 --overlay-layer: var(--layer-flat); 4168 --overlay-color: #0000001c; 4169 --overlay-color--end: rgba(0, 0, 0, 0); 4170 --overlay-direction: to top;" 4171></div> 4172 4173 4174 4175 4176 4177<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile"> 4178 <img src="//procaccini.com/cdn/shop/files/Ristorante_Procaccini_stella_michelin.jpg?v=1784039284&width=3840" srcset="//procaccini.com/cdn/shop/files/Ristorante_Procaccini_stella_michelin.jpg?v=1784039284&width=832 832w, //procaccini.com/cdn/shop/files/Ristorante_Procaccini_stella_michelin.jpg?v=1784039284&width=1200 1200w, //procaccini.com/cdn/shop/files/Ristorante_Procaccini_stella_michelin.jpg?v=1784039284&width=1600 1600w, //procaccini.com/cdn/shop/files/Ristorante_Procaccini_stella_michelin.jpg?v=1784039284&width=1920 1920w, //procaccini.com/cdn/shop/files/Ristorante_Procaccini_stella_michelin.jpg?v=1784039284&width=2560 2560w, //procaccini.com/cdn/shop/files/Ristorante_Procaccini_stella_michelin.jpg?v=1784039284&width=3840 3840w" width="5871" height="3914" loading="lazy" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto" data-testid="hero-desktop-image-1"> 4179 </div> 4180 4181 4182 4183 4184 </div> 4185 <div 4186 class=" 4187 hero__content-wrapper 4188 layout-panel-flex 4189 layout-panel-flex--row 4190 mobile-column 4191 section-content-wrapper 4192 page-width 4193 4194 " 4195 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4196 4197--gap: 16px; 4198 4199--horizontal-alignment: space-between; --vertical-alignment: flex-end; 4200--vertical-alignment-mobile: flex-end; 4201" 4202 > 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212 <div class=" spacing-style text-block text-block--ARnk4ejU0MnprdDlZS__text_69C6UJ h4 " style=" --padding-block-start: 0px; --padding-block-end:20px; --padding-inline-start:20px; --padding-inline-end:0px; --color: #ffffff; --color-rgb: 255 255 255; --width: fit-content; --max-width: var(--max-width--body-none); "> 4213 <p>Understated elegance, timeless <em>atmosphere</em>,<br> and an unforgettable welcome</p> 4214 </div> 4215 4216 4217 4218 4219 4220 4221 4222 </div> 4223 </div> 4224</div> 4225 4226 4227 4228 4229</section><div id="shopify-section-template--28769422573901__blocks_rFA69n" class="shopify-section section-wrapper"> 4230 4231 4232 4233 4234 4235 4236 4237 4238 4239 4240 4241 4242 4243<div class="section-background color-custom-template--28769422573901__blocks_rFA69n"></div> 4244<div 4245 class="section section--page-width color-custom-template--28769422573901__blocks_rFA69n" 4246 data-testid="ui-test-section" 4247 4248 4249 4250 style=" 4251 4252 4253 4254 " 4255> 4256 <div class="custom-section-background"> 4257 4258 4259 4260 4261 </div> 4262 4263 <div 4264 class="border-style custom-section-content" 4265 style=" 4266--border-width: 1px; --border-style: none; --border-color: 4267rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 4268" 4269 > 4270 4271 4272 <div 4273 class=" 4274 spacing-style 4275 layout-panel-flex 4276 layout-panel-flex--column 4277 section-content-wrapper 4278 mobile-column 4279 " 4280 style=" 4281 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4282 4283--gap: 12px; 4284 4285--horizontal-alignment: flex-start; --vertical-alignment: center; 4286--vertical-alignment-mobile: center; 4287 4288 --padding-block-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 50px)); 4289 " 4290 data-testid="section-content" 4291 > 4292 4293 4294 4295 4296<style data-shopify> 4297 .ai-split-media-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4298 display: block; 4299 width: 100%; 4300 } 4301 4302 .ai-split-media-container-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4303 display: flex; 4304 flex-direction: row; 4305 min-height: 400px; 4306 gap: 0px; 4307 } 4308 4309 .ai-split-media-content-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4310 flex: 1; 4311 display: flex; 4312 flex-direction: column; 4313 justify-content: center; 4314 padding: 60px; 4315 background-color: #ffffff; 4316 } 4317 4318 .ai-split-media-content-inner-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4319 max-width: 600px; 4320 } 4321 4322 .ai-split-media-title-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4323 margin: 0 0 20px; 4324 color: #000000; 4325 font-size: 32px; 4326 line-height: 1.1; 4327 } 4328 4329 .ai-split-media-text-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4330 margin: 0 0 30px; 4331 color: #000000; 4332 font-size: 14px; 4333 line-height: 1.5; 4334 } 4335 4336 .ai-split-media-button-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4337 display: inline-block; 4338 padding: 15px 30px; 4339 background-color: #172123; 4340 color: #ffffff; 4341 text-decoration: none; 4342 border-radius: 0px; 4343 font-size: 14px; 4344 transition: background-color 0.3s ease; 4345 } 4346 4347 .ai-split-media-button-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg:hover { 4348 background-color: #263639; 4349 } 4350 4351 .ai-split-media-media-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4352 flex: 1; 4353 position: relative; 4354 overflow: hidden; 4355 margin-top: 40px; 4356 margin-bottom: 50px; 4357 } 4358 4359 .ai-split-media-video-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg, 4360 .ai-split-media-image-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4361 width: 100%; 4362 height: 100%; 4363 object-fit: cover; 4364 display: block; 4365 } 4366 4367 .ai-split-media-embed-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4368 position: relative; 4369 width: 100%; 4370 height: 100%; 4371 } 4372 4373 .ai-split-media-embed-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg iframe { 4374 position: absolute; 4375 top: 0; 4376 left: 0; 4377 width: 100%; 4378 height: 100%; 4379 border: none; 4380 } 4381 4382 .ai-split-media-placeholder-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4383 width: 100%; 4384 height: 100%; 4385 background-color: #f4f4f4; 4386 display: flex; 4387 align-items: center; 4388 justify-content: center; 4389 } 4390 4391 .ai-split-media-placeholder-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg svg { 4392 width: 100%; 4393 height: 100%; 4394 max-width: 300px; 4395 max-height: 300px; 4396 } 4397 4398 @media screen and (max-width: 749px) { 4399 .ai-split-media-container-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4400 flex-direction: column; 4401 min-height: auto; 4402 gap: 0px; 4403 } 4404 4405 .ai-split-media-content-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4406 padding: 0; 4407 min-height: 400px; 4408 } 4409 4410 .ai-split-media-title-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4411 font-size: 36px; 4412 line-height: 1.2; 4413 } 4414 4415 .ai-split-media-text-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4416 font-size: 14px; 4417 line-height: 1.5; 4418 } 4419 4420 .ai-split-media-button-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4421 font-size: 14px; 4422 } 4423 4424 .ai-split-media-media-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg { 4425 min-height: 400px; 4426 margin-top: 50px; 4427 margin-bottom: 30px; 4428 } 4429 } 4430</style> 4431 4432<split-media-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg class="ai-split-media-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg" >
4433 <div class="ai-split-media-container-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg"> 4434 <div class="ai-split-media-content-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg"> 4435 <div class="ai-split-media-content-inner-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg"> 4436 4437 <h2 class="ai-split-media-title-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg"><p>The <em>atmosphere</em></p></h2> 4438 4439 4440 4441 <div class="ai-split-media-text-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg"><p>Curated by architect Alberto Baronio with the collaboration of interior designer Andrea Raso, the space blends references to the <strong>atmospheres of the 1970s</strong> with contemporary elegance. Contrasts between glossy and matte surfaces, sophisticated color combinations, and eclectic details create a place where every detail recounts Procaccini's quest for <strong>authenticity.</strong></p></div> 4442 4443 4444 4445 <a href="/en/pages/il-ristorante-procaccini-milano" class="ai-split-media-button-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg"> 4446 The restaurant 4447 </a> 4448 4449 </div> 4450 </div> 4451 4452 <div class="ai-split-media-media-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg"> 4453 4454 <img 4455 src="//procaccini.com/cdn/shop/files/ambiente_sala_4344e307-46f0-4489-8870-918b5994e4eb.jpg?v=1784040188&width=2000" 4456 alt="" 4457 loading="lazy" 4458 width="1514" 4459 height="1893" 4460 class="ai-split-media-image-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg" 4461 > 4462 4463 </div> 4464 </div> 4465</split-media-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg> 4466
4467<script> 4468(function() { 4469 class SplitMediaasmhsbu5tcfvtbku2uaigenblockde00938qbn9lg extends HTMLElement { 4470 constructor() { 4471 super(); 4472 } 4473 4474 connectedCallback() { 4475 this.adjustEmbedHeight(); 4476 window.addEventListener('resize', () => this.adjustEmbedHeight()); 4477 } 4478 4479 adjustEmbedHeight() { 4480 const embed = this.querySelector('.ai-split-media-embed-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg'); 4481 if (embed) { 4482 const container = this.querySelector('.ai-split-media-media-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg'); 4483 if (container) { 4484 embed.style.height = container.offsetHeight + 'px'; 4485 } 4486 } 4487 } 4488 } 4489 4490 customElements.define('split-media-asmhsbu5tcfvtbku2uaigenblockde00938qbn9lg', SplitMediaasmhsbu5tcfvtbku2uaigenblockde00938qbn9lg); 4491})(); 4492</script>
4492 4493 4494 4495 4496 </div> 4497 </div> 4498</div> 4499 4500 4501 4502 4503 4504</div><div id="shopify-section-template--28769422573901__section_Err8yN" class="shopify-section section-wrapper"> 4505 4506 4507 4508 4509 4510 4511 4512 4513 4514 4515 4516<div class="section-background color-custom-template--28769422573901__section_Err8yN"></div> 4517<div 4518 class="section section--full-width color-custom-template--28769422573901__section_Err8yN" 4519 data-testid="ui-test-section" 4520 4521 4522 4523 style=" 4524 4525 --section-min-height: var(--section-height-large); 4526 4527 4528 4529 --section-preview-height: 600px; 4530 4531 " 4532> 4533 <div class="custom-section-background"> 4534 4535 4536 4537 4538 </div> 4539 4540 <div 4541 class="border-style custom-section-content" 4542 style=" 4543--border-width: 1px; --border-style: none; --border-color: 4544rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 4545" 4546 > 4547 4548 4549 <div 4550 class=" 4551 spacing-style 4552 layout-panel-flex 4553 layout-panel-flex--row 4554 section-content-wrapper 4555 mobile-column 4556 " 4557 style=" 4558 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4559 4560--gap: max(24px, calc(var(--gap-scale, 1.0) * 40px)); 4561 4562--horizontal-alignment: flex-start; --vertical-alignment: center; 4563--vertical-alignment-mobile: center; 4564 4565 --padding-block-start: 0px;--padding-block-end: 0px; 4566 " 4567 data-testid="section-content" 4568 > 4569 4570 4571 4572 4573 4574<style data-shopify> 4575 .ai-media-text-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4576 display: block; 4577 width: 100%; 4578 background-color: #f0f0f0; 4579 padding: 0px 100px 10px 8px; 4580 box-sizing: border-box; 4581 } 4582 4583 .ai-media-text-container-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4584 display: flex; 4585 flex-direction: row; 4586 gap: 30px; 4587 align-items: center; 4588 width: 100%; 4589 max-width: 100%; 4590 margin: 0 auto; 4591 box-sizing: border-box; 4592 } 4593 4594 .ai-media-text-media-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4595 flex: 0 0 calc(44% - (30px / 2)); 4596 width: calc(44% - (30px / 2)); 4597 position: relative; 4598 overflow: hidden; 4599 box-sizing: border-box; 4600 margin: 0px 10px 0px 0px; 4601 4602 } 4603 4604 .ai-media-text-media-wrapper-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4605 width: 100%; 4606 aspect-ratio: 4 / 5; 4607 position: relative; 4608 overflow: hidden; 4609 } 4610 4611 .ai-media-text-media-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy img, 4612 .ai-media-text-media-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy video { 4613 width: 100%; 4614 height: 100%; 4615 display: block; 4616 object-fit: cover; 4617 } 4618 4619 .ai-media-text-placeholder-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4620 width: 100%; 4621 height: 100%; 4622 background-color: #f4f4f4; 4623 display: flex; 4624 align-items: center; 4625 justify-content: center; 4626 position: relative; 4627 } 4628 4629 .ai-media-text-placeholder-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy svg { 4630 width: 100%; 4631 height: 100%; 4632 max-width: 300px; 4633 max-height: 300px; 4634 } 4635 4636 .ai-media-text-empty-state-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4637 position: absolute; 4638 bottom: 20px; 4639 left: 0%; 4640 transform: translateX(-50%); 4641 padding: 12px 20px; 4642 font-size: 14px; 4643 color: #666; 4644 text-align: center; 4645 pointer-events: none; 4646 } 4647 4648 .ai-media-text-content-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4649 flex: 0 0 calc(56% - (30px / 2)); 4650 width: calc(56% - (30px / 2)); 4651 box-sizing: border-box; 4652 display: flex; 4653 flex-direction: column; 4654 justify-content: flex-start; 4655 padding: 0px 76px 0px 82px; 4656 } 4657 4658 .ai-media-text-content-inner-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4659 display: flex; 4660 flex-direction: column; 4661 gap: 30px; 4662 width: 100%; 4663 max-width: 100%; 4664 text-align: flex-start; 4665 4666 margin-left: 0; 4667 margin-right: auto; 4668 4669 } 4670 4671 .ai-media-text-heading-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4672 margin: 0; 4673 font-size: 32px; 4674 color: #000000; 4675 line-height: 1.2; 4676 width: 100%; 4677 } 4678 4679 .ai-media-text-text-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4680 margin: 0; 4681 font-size: 14px; 4682 color: #000000; 4683 line-height: 1.6; 4684 width: 100%; 4685 } 4686 4687 .ai-media-text-text-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy p { 4688 margin: 0; 4689 } 4690 4691 .ai-media-text-buttons-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4692 display: flex; 4693 gap: 10px; 4694 flex-wrap: wrap; 4695 width: 100%; 4696 justify-content: flex-start; 4697 } 4698 4699 .ai-media-text-button-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4700 display: inline-block; 4701 padding: 12px 24px; 4702 background-color: #172123; 4703 color: #ffffff; 4704 text-decoration: none; 4705 border-radius: 0px; 4706 font-size: 14px; 4707 text-align: center; 4708 transition: background-color 0.3s ease; 4709 } 4710 4711 .ai-media-text-button-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy:hover { 4712 background-color: #263639; 4713 } 4714 4715 @media screen and (max-width: 749px) { 4716 .ai-media-text-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4717 padding: 20px 16px 30px 16px; 4718 } 4719 4720 .ai-media-text-container-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4721 flex-direction: column; 4722 gap: 5px; 4723 width: 100%; 4724 } 4725 4726 .ai-media-text-media-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4727 flex: 0 0 100%; 4728 width: 100%; 4729 margin: 0px 0px 20px 0px; 4730 } 4731 4732 .ai-media-text-content-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4733 flex: 0 0 100%; 4734 width: 100%; 4735 padding: 0px 0px 30px 0px; 4736 } 4737 4738 .ai-media-text-heading-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4739 font-size: 36px; 4740 } 4741 4742 .ai-media-text-text-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4743 font-size: 14px; 4744 } 4745 4746 .ai-media-text-buttons-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4747 flex-direction: column; 4748 } 4749 4750 .ai-media-text-button-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy { 4751 width: 100%; 4752 } 4753 } 4754</style> 4755 4756<media-text-block-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy class="ai-media-text-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy" > 4757 <div class="ai-media-text-container-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy"> 4758 <div class="ai-media-text-media-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy"> 4759 <div class="ai-media-text-media-wrapper-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy"> 4760 4761 4762 <picture> 4763 4764 <source media="(max-width: 749px)" srcset="//procaccini.com/cdn/shop/files/Chef_Emin_haziri_firma_copia.webp?v=1786013232&width=1500"> 4765 4766 <img 4767 src="//procaccini.com/cdn/shop/files/Chef_Emin_haziri_firma_copia.webp?v=1786013232&width=2000" 4768 alt="" 4769 loading="lazy" 4770 width="1400" 4771 height="1770" 4772 > 4773 </picture> 4774 4775 4776 </div> 4777 </div> 4778 4779 <div class="ai-media-text-content-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy"> 4780 <div class="ai-media-text-content-inner-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy"> 4781 4782 <h2 class="ai-media-text-heading-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy">The Chef's <em>signature</em></h2> 4783 4784 4785 4786 <div class="ai-media-text-text-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy"><p><em>"I arrived in Italy at seven years old, with nothing. I built everything else in the kitchen."</em></p><p></p><p>Born in <strong>Kosovo </strong>in <strong>1995 </strong>and raised in Trieste, Emin Haziri trained in Europe's most demanding brigades: an internship with Philippe Léveillé in Brescia, the kitchens of Carlo Cracco and Enrico Bartolini, joining Villa Crespi alongside Antonino Cannavacciuolo. At twenty-two, he went to Noma in Copenhagen, then to Marseille with Gérald Passédat. He became <strong>Executive Chef</strong> of Cannavacciuolo Bistrot at twenty-four, before opening <strong>Procaccini Milano</strong> in 2024. Just one year later, a <strong>Michelin Star </strong>crowned his dream.</p><p></p></div> 4787 4788 4789 4790 4791 4792 4793 4794 4795 <div class="ai-media-text-buttons-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy"> 4796 4797 <a href="/pages/il-ristorante-procaccini-milano#shopify-section-template--28772365369677__media_with_content_MPgA9e" class="ai-media-text-button-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy"> 4798 The Chef 4799 </a> 4800 4801 4802 4803 </div> 4804 4805 </div> 4806 </div> 4807 </div> 4808</media-text-block-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy> 4809
4810<script> 4811 (function() { 4812 class MediaTextBlockavvnkc1z3supvnm8vvaigenblockced0c16lzkuyy extends HTMLElement { 4813 constructor() { 4814 super(); 4815 } 4816 4817 connectedCallback() { 4818 const video = this.querySelector('video'); 4819 if (video) { 4820 video.addEventListener('loadedmetadata', () => { 4821 video.play().catch(() => {}); 4822 }); 4823 } 4824 } 4825 } 4826 4827 customElements.define('media-text-block-avvnkc1z3supvnm8vvaigenblockced0c16lzkuyy', MediaTextBlockavvnkc1z3supvnm8vvaigenblockced0c16lzkuyy); 4828 })(); 4829</script>
4829 4830 4831 4832 4833 4834 </div> 4835 </div> 4836</div> 4837 4838 4839 4840 4841 4842</div><div id="shopify-section-template--28769422573901__product_list_UwRqN4" class="shopify-section ui-test-product-list"> 4843 4844 4845 4846 4847 4848 4849 <style data-shopify> 4850 .color-custom-template--28769422573901__product_list_UwRqN4, 4851 .color-custom-template--28769422573901__product_list_UwRqN4 .text-block { 4852 /* Background */ 4853 --color-background: #ffffff; 4854 --color-background-rgb: 255 255 255; 4855 4856 /* Opacity values adjusted for background brightness */ 4857 4858--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 48590.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 4860 4861 4862 4863 /* Foreground / text â explicit or smart-contrasted */ 4864 --color: #000000; 4865 --color-rgb: 0 0 0; 4866 --color-foreground: #000000; 4867 --color-foreground-rgb: 0 0 0; 4868 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 4869 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 4870 --color-border: var(--palette-darkest); 4871 --color-border-rgb: var(--palette-darkest-rgb); 4872 4873 } 4874 4875 4876 .color-custom-template--28769422573901__product_list_UwRqN4 { 4877 /* Form-related tokens stay on .color-custom only â .text-block is a prose 4878 container (text/announcement/inline-text/blog-post-description/ 4879 collection-link/price/sku) and never holds form inputs. */ 4880 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 4881 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 4882 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 4883 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 4884 } 4885 4886 4887 .color-custom-template--28769422573901__product_list_UwRqN4 { 4888 color: var(--color, var(--color-foreground)); 4889 background-color: var(--color-background); 4890 } 4891 </style> 4892 4893 4894 4895<div 4896 class="section-background color-custom-template--28769422573901__product_list_UwRqN4" 4897></div> 4898<div 4899 data-testid="product-list" 4900 class=" 4901 section 4902 section--page-width 4903 color-custom-template--28769422573901__product_list_UwRqN4 4904 section-resource-list 4905 spacing-style 4906 gap-style 4907 " 4908 style=" 4909 --padding-block-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 100px)); 4910 --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); 4911 " 4912> 4913 <div class="section-resource-list__header"> 4914 4915 4916 4917 4918 4919 4920 4921 4922<div 4923 class=" 4924 group-block 4925 group-block--height-fit 4926 group-block--width-fill 4927 border-style 4928 spacing-style 4929 size-style 4930 4931 4932 " 4933 style=" 4934 4935--border-width: 1px; --border-style: none; --border-color: 4936rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 4937 4938 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4939 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4940 4941 " 4942 4943 data-testid="group-block" 4944><div class="group-block__media-wrapper"> 4945 4946 4947 4948 4949 4950 </div> 4951 4952 <div 4953 class=" 4954 group-block-content 4955 4956 layout-panel-flex 4957 layout-panel-flex--column 4958 mobile-column 4959 " 4960 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4961 4962--gap: 12px; 4963 4964--horizontal-alignment: flex-start; --vertical-alignment: center; 4965--vertical-alignment-mobile: center; 4966" 4967 > 4968 4969 4970 4971 4972 4973 4974 4975 4976 4977 4978 4979 <div class=" spacing-style text-block text-block--ASW5XVlBsQkQ1TlpxV__product_list_text_zR8Cq9 custom text-block--align-center custom-typography custom-font-size custom-color " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --font-size: 2rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--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: center; "> 4980 <h3>Our products</h3> 4981 </div> 4982 4983 4984 4985 4986 4987 4988</div> 4989</div> 4990 4991 4992 4993</div> 4994 4995 4996 4997 4998 4999 5000 5001<div 5002 class=" 5003 resource-list 5004 5005 5006 resource-list--grid 5007 " 5008 style="--resource-list-column-gap-desktop: 26px;--resource-list-row-gap-desktop: 36px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;" 5009 5010 data-testid="resource-list-grid" 5011 5012> 5013 5014 5015 5016 5017 5018 <div 5019 class="resource-list__item" 5020 > 5021 5022 5023 5024 5025 5026<style data-shopify> 5027 5028</style> 5029 5030 5031 5032<product-card 5033 class="product-card size-style" 5034 style="--size-style-width: ;--size-style-height: ;" 5035 data-product-id="10745197232461" 5036 id="product-card-ANG00ZnduZGpEU0N3Z__static-product-card" 5037 5038 data-product-transition="true" 5039 data-featured-media-url="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=500" 5040 on:click="/handleViewTransition" 5041 5042 5043 5044 5045 view-event-payload="{"product":{"id":10745197232461,"title":"Champagne Brut Delamotte for Procaccini Milano","handle":"champagne-brut-delamotte","selectedVariant":null},"context":"collection","selectedOptions":[]}"> 5046 <a 5047 id="52f4c19ec75b547382b9f0b41aab03cc" 5048 5049 href="/en/products/champagne-brut-delamotte?variant=54266250101069" 5050 5051 class="product-card__link" 5052 ref="productCardLink" 5053 > 5054 <span class="visually-hidden"> 5055 Champagne Brut Delamotte for Procaccini Milano 5056 </span> 5057 </a> 5058 <div 5059 class=" 5060 product-card__content 5061 layout-panel-flex 5062 layout-panel-flex--column 5063 product-grid__card 5064 spacing-style 5065 border-style 5066 gap-style 5067 5068 " 5069 style=" 5070 5071--border-width: 1px; --border-style: none; --border-color: 5072rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 5073 5074 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5075 5076 5077 5078--horizontal-alignment: ; --vertical-alignment: ; 5079--vertical-alignment-mobile: ; 5080 5081 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5082 --product-card-gap: 8px; 5083 --quick-add-display: flex; 5084 --quick-add-mobile-display: flex; 5085 --quick-add-mobile-opacity: 1; 5086 5087 5088 5089 5090 " 5091 > 5092 5093 5094 5095 5096 5097 5098 5099 5100 5101<div 5102 ref="cardGallery" 5103 class="card-gallery card-gallery-AZ2ZNamhDUmphSnNEa__product_card_gallery_4y78ah spacing-style border-style" 5104 style=" 5105 5106--border-width: 1px; --border-style: none; --border-color: 5107rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 5108 5109 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5110 --gallery-aspect-ratio: 4 / 5; 5111 " 5112 data-product-id="10745197232461" 5113
5114 on:pointerenter="/previewImage" 5115 on:pointerleave="/resetImage" 5116 5117 5118 data-view-transition-to-main-product 5119 5120 data-image-ratio="portrait" 5121 5122> 5123 <a 5124 class="contents" 5125 ref="cardGalleryLink" 5126 href="/en/products/champagne-brut-delamotte?variant=54266250101069" 5127 aria-label="Champagne Brut Delamotte for Procaccini Milano" 5128 > 5129 <slideshow-component 5130 5131 ref="slideshow" 5132 5133 5134 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" 5135 5136 initial-slide="0" 5137 5138 5139 infinite 5140 5141 5142 data-generic-media-size="4" 5143> 5144 5145 <slideshow-container ref="slideshowContainer"> 5146 5147 <slideshow-arrows 5148 position="center" 5149 5150><button 5151 class=" 5152 slideshow-control slideshow-control--previous 5153 5154 5155 slideshow-control--style-arrow 5156 button button-unstyled button-unstyled--transparent 5157 flip-x 5158 " 5159 5160 aria-label="Previous slide" 5161 5162 on:click="/previous" 5163 ref="previous" 5164> 5165 <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 5166</span> 5167</button> 5168 5169 5170<button 5171 class=" 5172 slideshow-control slideshow-control--next 5173 5174 5175 slideshow-control--style-arrow 5176 button button-unstyled button-unstyled--transparent 5177 5178 " 5179 5180 aria-label="Next slide" 5181 5182 on:click="/next" 5183 ref="next" 5184> 5185 <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 5186</span> 5187</button> 5188 5189 5190</slideshow-arrows> 5191 5192 5193 5194 5195 5196 <slideshow-slides 5197 tabindex="-1" 5198 ref="scroller" 5199 5200 > 5201 <slideshow-slide 5202 ref="slides[]" 5203 aria-hidden="false" 5204 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 5205 5206 class="product-media-container media-fit product-media-container--image" 5207 5208 5209 5210 5211 slide-id="63390663737677" 5212 5213 5214 5215 5216> 5217 5218 5219<div 5220 class="product-media" 5221 style="--ratio: 0.8003472222222222" 5222 data-media-id="63390663737677" 5223> 5224 5225 <img src="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=3840" alt="Champagne_brut" srcset="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=240 240w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=352 352w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=832 832w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=1200 1200w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=1600 1600w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=1920 1920w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=2560 2560w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=3840 3840w" width="3840" height="4798" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 5226 5227 5228</div> 5229 5230 5231 5232</slideshow-slide> 5233 5234 5235 5236<slideshow-slide 5237 ref="slides[]" 5238 aria-hidden="true" 5239 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 5240 5241 class="product-media-container media-fit product-media-container--video" 5242 5243 5244 5245 5246 slide-id="63763329974605" 5247 5248 5249 5250 5251> 5252 5253 5254<div 5255 class="product-media" 5256 style="--ratio: 0.8" 5257 data-media-id="63763329974605" 5258> 5259 5260 <img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=3840" alt="Champagne Brut Delamotte for Procaccini Milano" srcset="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=240 240w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=352 352w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=832 832w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=1200 1200w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=1600 1600w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=1920 1920w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=2560 2560w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=3840" fetchpriority="auto" style="--focal-point: ;"> 5261 5262 5263</div> 5264 5265 5266 5267</slideshow-slide> 5268 5269 5270 5271<slideshow-slide 5272 ref="slides[]" 5273 aria-hidden="true" 5274 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 5275 5276 class="product-media-container media-fit product-media-container--image" 5277 5278 5279 5280 5281 slide-id="63395425026381" 5282 5283 5284 5285 5286> 5287 5288 5289<div 5290 class="product-media" 5291 style="--ratio: 0.8" 5292 data-media-id="63395425026381" 5293> 5294 5295 <img src="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&width=3840" alt="champagne" srcset="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&width=240 240w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&width=352 352w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&width=832 832w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&width=1200 1200w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&width=1600 1600w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&width=1920 1920w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&width=2560 2560w, //procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/calice.jpg?v=1783688776&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 5296 5297 5298</div> 5299 5300 5301 5302</slideshow-slide> 5303 5304 5305 5306<slideshow-slide 5307 ref="slides[]" 5308 aria-hidden="true" 5309 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 5310 5311 class="product-media-container media-fit product-media-container--image" 5312 5313 5314 5315 5316 slide-id="63397383176525" 5317 5318 5319 5320 5321> 5322 5323 5324<div 5325 class="product-media" 5326 style="--ratio: 0.8" 5327 data-media-id="63397383176525" 5328> 5329 5330 <img src="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&width=3840" alt="champagne_brut_delamotte" srcset="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&width=240 240w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&width=352 352w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&width=832 832w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&width=1200 1200w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&width=1600 1600w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&width=1920 1920w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&width=2560 2560w, //procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/brindisi.jpg?v=1783691238&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 5331 5332 5333</div> 5334 5335 5336 5337</slideshow-slide> 5338 5339 5340 5341 5342 </slideshow-slides> 5343 </slideshow-container> 5344 5345</slideshow-component> 5346 5347 5348 5349 5350 </a> 5351 5352 5353 <div 5354 class="product-badges product-badges--top-left" 5355 style=" 5356 --badge-border-radius: 0px; 5357 --badge-font-family: var(--font-body--family);
5357 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 5358 " 5359 ></div> 5360 5361 5362 5363<quick-add-component 5364 class="quick-add custom-color-quick-add" 5365 ref="quickAdd" 5366 data-product-title="Champagne Brut Delamotte for Procaccini Milano" 5367 data-quick-add-button="add" 5368 data-product-options-count="1" 5369> 5370 <product-form-component 5371 data-section-id="template--28769422573901__product_list_UwRqN4" 5372 data-product-id="10745197232461" 5373 on:submit="/handleSubmit" 5374 class="quick-add__product-form-component" 5375 > 5376 <div 5377 class="visually-hidden" 5378 aria-live="assertive" 5379 role="status" 5380 aria-atomic="true" 5381 ref="liveRegion" 5382 ></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-10745197232461-AZ2ZNamhDUmphSnNEa__product_card_gallery_4y78ah" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 5383 type="hidden" 5384 name="id" 5385 ref="variantId" 5386 value="54266250101069" 5387 5388 > 5389 <input 5390 type="hidden" 5391 name="quantity" 5392 value="1" 5393 > 5394 5395 <add-to-cart-component 5396 ref="addToCartButtonContainer" 5397 data-product-variant-media="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=100" 5398 data-add-to-cart-animation="true" 5399> 5400 <button 5401 5402 type="submit" 5403 name="add" 5404 ref="addToCartButton" 5405 on:click="/handleClick" 5406 class="button button quick-add__button quick-add__button--add add-to-cart-button" 5407 5408 5409 > 5410 <span 5411 class="add-to-cart-text" 5412 > 5413 5414 <span 5415 aria-hidden="true" 5416 class="svg-wrapper add-to-cart-icon" 5417 ><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> 5418</span> 5419 5420 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 5421 <span> 5422 <span>Add</span> 5423 </span> 5424 </span> 5425 </span> 5426 5427 <span class="add-to-cart__added"> 5428 <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"> 5429 <g class="check"> 5430 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 5431 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 5432 </g> 5433 <g class="burst"> 5434 <g style="--index: 0;"> 5435 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5436 </g> 5437 <g style="--index: 1;"> 5438 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5439 </g> 5440 <g style="--index: 2;"> 5441 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5442 </g> 5443 <g style="--index: 3;"> 5444 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5445 </g> 5446 <g style="--index: 4;"> 5447 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5448 </g> 5449 <g style="--index: 5;"> 5450 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5451 </g> 5452 <g style="--index: 6;"> 5453 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5454 </g> 5455 <g style="--index: 7;"> 5456 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5457 </g> 5458 </g> 5459</svg> 5460</span> 5461 </span> 5462 </button> 5463</add-to-cart-component> 5464 5465 5466 <button 5467 class="button quick-add__button quick-add__button--choose add-to-cart-button" 5468 5469 type="button" 5470 name="add" 5471 on:click="quick-add-component/handleClick" 5472 >
5473 <span 5474 class="add-to-cart-text" 5475 > 5476 5477 <span 5478 aria-hidden="true" 5479 class="svg-wrapper add-to-cart-icon" 5480 ><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> 5481</span> 5482 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 5483 <span> 5484 5485 <span> 5486 Choose 5487 </span> 5488 </span> 5489 </span> 5490 </span> 5491 </button><input type="hidden" name="product-id" value="10745197232461" /><input type="hidden" name="section-id" value="template--28769422573901__product_list_UwRqN4" /></form></product-form-component> 5492</quick-add-component> 5493 5494<style data-shopify> 5495 .custom-color-quick-add { 5496 --quick-add-background: #ffffff; 5497 --quick-add-foreground: #000000; 5498 } 5499</style> 5500 5501 5502 5503 5504 5505 5506 5507</div> 5508 5509 5510 5511 5512 5513<div class="product-grid-view-zoom-out--details"> 5514 5515 <h3 class="h4">Champagne Brut Delamotte for Procaccini Milano</h3> 5516 5517</div> 5518 5519 5520 5521 5522 5523 5524 5525 5526 5527 5528 5529 5530 5531 5532 5533 5534 5535<div 5536 class=" 5537 group-block 5538 group-block--height-fit 5539 group-block--width-fill 5540 border-style 5541 spacing-style 5542 size-style 5543 5544 5545 " 5546 style=" 5547 5548--border-width: 1px; --border-style: none; --border-color: 5549rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 5550 5551 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5552 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5553 5554 " 5555 5556 data-testid="group-block" 5557><div class="group-block__media-wrapper"> 5558 5559 5560 5561 5562 5563 </div> 5564 5565 <div 5566 class=" 5567 group-block-content 5568 5569 layout-panel-flex 5570 layout-panel-flex--row 5571 mobile-column 5572 " 5573 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5574 5575--gap: 12px; 5576 5577--horizontal-alignment: space-between; --vertical-alignment: flex-start; 5578--vertical-alignment-mobile: flex-start; 5579" 5580 > 5581 5582 5583 5584 5585 5586 5587 5588 5589 5590 5591 5592 5593<div 5594 class=" 5595 group-block 5596 group-block--height-fit 5597 group-block--width-fill 5598 border-style 5599 spacing-style 5600 size-style 5601 5602 5603 " 5604 style=" 5605 5606--border-width: 1px; --border-style: none; --border-color: 5607rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 5608 5609 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5610 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5611 5612 " 5613 5614 data-testid="group-block" 5615><div class="group-block__media-wrapper"> 5616 5617 5618 5619 5620 5621 </div> 5622 5623 <div 5624 class=" 5625 group-block-content 5626 5627 layout-panel-flex 5628 layout-panel-flex--column 5629 mobile-column 5630 " 5631 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5632 5633--gap: 0px; 5634 5635--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5636--vertical-alignment-mobile: flex-start; 5637" 5638 > 5639 5640 5641 5642 5643 <a 5644 class="contents user-select-text" 5645 ref="productTitleLink" 5646 href="/en/products/champagne-brut-delamotte?variant=54266250101069" 5647 > 5648 5649 5650 5651 5652 5653 5654 5655 <div class=" spacing-style text-block text-block--AOWVxODk4YXNQZEZJR__product_title_iRxawi h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "> 5656 <p role="heading" aria-level="3">Champagne Brut Delamotte for Procaccini Milano</p> 5657 </div> 5658 5659 5660 5661 5662 </a> 5663 5664 5665 5666 5667 5668 5669<product-price 5670 class="text-block text-block--align-left text-left h5 spacing-style" 5671 data-block-id="AZzVwbHlNeC9OMDZFU__price_4XkbjB" 5672 data-product-id="10745197232461" 5673 style=" 5674 5675 5676 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5677 5678 --width: 100%; 5679 " 5680 5681> 5682 <div ref="priceContainer"> 5683 5684 5685 <div 5686 class=" 5687 price__regular 5688 5689 " 5690 >
5691 <span class="price">â¬150,00</span> 5692 </div> 5693 <div 5694 class=" 5695 price__sale 5696 5697 price__hidden 5698 5699 " 5700 > 5701 5702 <span class="price-item__group"> 5703 <span class="visually-hidden">Sale price </span> 5704 <span class="price-item--sale price">â¬150,00</span> 5705 </span> 5706 <span class="price-item__group"> 5707 <span class="visually-hidden">Regular price </span> 5708 <span class="price-item--regular compare-at-price"></span> 5709 </span> 5710 5711 </div> 5712 5713</div> 5714 5715 5716</product-price> 5717 5718 5719 5720</div> 5721</div> 5722 5723 5724 5725 5726 5727 5728 5729 5730 5731 5732 5733 5734 5735 5736 5737 5738 5739<div 5740 class=" 5741 group-block 5742 group-block--height-fit 5743 group-block--width-fill 5744 border-style 5745 spacing-style 5746 size-style 5747 5748 5749 " 5750 style=" 5751 5752--border-width: 1px; --border-style: none; --border-color: 5753rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 5754 5755 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5756 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5757 5758 " 5759 5760 data-testid="group-block" 5761><div class="group-block__media-wrapper"> 5762 5763 5764 5765 5766 5767 </div> 5768 5769 <div 5770 class=" 5771 group-block-content 5772 5773 layout-panel-flex 5774 layout-panel-flex--column 5775 mobile-column 5776 " 5777 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5778 5779--gap: 0px; 5780 5781--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5782--vertical-alignment-mobile: flex-start; 5783" 5784 > 5785 5786 5787 5788 5789 5790 5791 5792</div> 5793</div> 5794 5795 5796 5797 5798 5799 5800</div> 5801</div> 5802 5803 5804 5805 5806 5807 5808 5809 </div> 5810</product-card> 5811 5812 5813 5814 5815 5816 5817 5818<style data-shopify> 5819 .custom-color-quick-add { 5820 --quick-add-background: #ffffff; 5821 --quick-add-foreground: #000000; 5822 } 5823</style> 5824 5825 5826 5827 5828 5829 5830 5831 5832 5833 5834 5835 5836 </div> 5837 5838 5839 <!--@list/split--> 5840 5841 5842 <div 5843 class="resource-list__item" 5844 > 5845 5846 5847 5848 5849 5850<style data-shopify> 5851 5852</style> 5853 5854 5855 5856<product-card 5857 class="product-card size-style" 5858 style="--size-style-width: ;--size-style-height: ;" 5859 data-product-id="10719475106125" 5860 id="product-card-ANG00ZnduZGpEU0N3Z__static-product-card-1" 5861 5862 data-product-transition="true" 5863 data-featured-media-url="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=500" 5864 on:click="/handleViewTransition" 5865 5866 5867 5868 5869 view-event-payload="{"product":{"id":10719475106125,"title":"Olio Procaccini by Emin Haziri","handle":"olio-procaccini-by-emin-haziri","selectedVariant":null},"context":"collection","selectedOptions":[]}"> 5870 <a 5871 id="3ed58e7feea72adac7a769136c6c8dc9" 5872 5873 href="/en/products/olio-procaccini-by-emin-haziri?variant=54155716002125" 5874 5875 class="product-card__link" 5876 ref="productCardLink" 5877 > 5878 <span class="visually-hidden"> 5879 Olio Procaccini by Emin Haziri 5880 </span> 5881 </a> 5882 <div 5883 class=" 5884 product-card__content 5885 layout-panel-flex 5886 layout-panel-flex--column 5887 product-grid__card 5888 spacing-style 5889 border-style 5890 gap-style 5891 5892 " 5893 style=" 5894 5895--border-width: 1px; --border-style: none; --border-color: 5896rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 5897 5898 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5899 5900 5901 5902--horizontal-alignment: ; --vertical-alignment: ; 5903--vertical-alignment-mobile: ; 5904 5905 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5906 --product-card-gap: 8px; 5907 --quick-add-display: flex; 5908 --quick-add-mobile-display: flex; 5909 --quick-add-mobile-opacity: 1; 5910 5911 5912 5913 5914 " 5915 > 5916 5917 5918 5919 5920 5921 5922 5923 5924 5925<div 5926 ref="cardGallery" 5927 class="card-gallery card-gallery-AZ2ZNamhDUmphSnNEa__product_card_gallery_4y78ah-1 spacing-style border-style" 5928 style=" 5929 5930--border-width: 1px; --border-style: none; --border-color: 5931rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 5932 5933 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5934 --gallery-aspect-ratio: 4 / 5; 5935 " 5936 data-product-id="10719475106125" 5937
5938 on:pointerenter="/previewImage" 5939 on:pointerleave="/resetImage" 5940 5941 5942 data-view-transition-to-main-product 5943 5944 data-image-ratio="portrait" 5945 5946> 5947 <a 5948 class="contents" 5949 ref="cardGalleryLink" 5950 href="/en/products/olio-procaccini-by-emin-haziri?variant=54155716002125" 5951 aria-label="Olio Procaccini by Emin Haziri" 5952 > 5953 <slideshow-component 5954 5955 ref="slideshow" 5956 5957 5958 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" 5959 5960 initial-slide="0" 5961 5962 5963 infinite 5964 5965 5966 data-generic-media-size="4" 5967> 5968 5969 <slideshow-container ref="slideshowContainer"> 5970 5971 <slideshow-arrows 5972 position="center" 5973 5974><button 5975 class=" 5976 slideshow-control slideshow-control--previous 5977 5978 5979 slideshow-control--style-arrow 5980 button button-unstyled button-unstyled--transparent 5981 flip-x 5982 " 5983 5984 aria-label="Previous slide" 5985 5986 on:click="/previous" 5987 ref="previous" 5988> 5989 <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 5990</span> 5991</button> 5992 5993 5994<button 5995 class=" 5996 slideshow-control slideshow-control--next 5997 5998 5999 slideshow-control--style-arrow 6000 button button-unstyled button-unstyled--transparent 6001 6002 " 6003 6004 aria-label="Next slide" 6005 6006 on:click="/next" 6007 ref="next" 6008> 6009 <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 6010</span> 6011</button> 6012 6013 6014</slideshow-arrows> 6015 6016 6017 6018 6019 6020 <slideshow-slides 6021 tabindex="-1" 6022 ref="scroller" 6023 6024 > 6025 <slideshow-slide 6026 ref="slides[]" 6027 aria-hidden="false" 6028 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 6029 6030 class="product-media-container media-fit product-media-container--image" 6031 6032 6033 6034 6035 slide-id="63377247502669" 6036 6037 6038 6039 6040> 6041 6042 6043<div 6044 class="product-media" 6045 style="--ratio: 0.8" 6046 data-media-id="63377247502669" 6047> 6048 6049 <img src="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=3840" alt="olio" srcset="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=240 240w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=352 352w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=832 832w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=1200 1200w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=1600 1600w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=1920 1920w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=2560 2560w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 6050 6051 6052</div> 6053 6054 6055 6056</slideshow-slide> 6057 6058 6059 6060<slideshow-slide 6061 ref="slides[]" 6062 aria-hidden="true" 6063 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 6064 6065 class="product-media-container media-fit product-media-container--image" 6066 6067 6068 6069 6070 slide-id="63391361204557" 6071 6072 6073 6074 6075> 6076 6077 6078<div 6079 class="product-media" 6080 style="--ratio: 0.8" 6081 data-media-id="63391361204557" 6082> 6083 6084 <img src="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=3840" alt="olio_procaccini" srcset="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=240 240w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=352 352w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=832 832w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=1200 1200w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=1600 1600w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=1920 1920w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=2560 2560w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 6085 6086 6087</div> 6088 6089 6090 6091</slideshow-slide> 6092 6093 6094 6095<slideshow-slide 6096 ref="slides[]" 6097 aria-hidden="true" 6098 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 6099 6100 class="product-media-container media-fit product-media-container--video" 6101 6102 6103 6104 6105 slide-id="63391561023821" 6106 6107 6108 6109 6110> 6111 6112 6113<div 6114 class="product-media" 6115 style="--ratio: 0.8" 6116 data-media-id="63391561023821" 6117> 6118 6119 <img src="//procaccini.com/cdn/shop/files/preview_images/olio_procaccini.jpg?v=1784906347&width=3840" alt="Olio Procaccini by Emin Haziri" srcset="//procaccini.com/cdn/shop/files/preview_images/olio_procaccini.jpg?v=1784906347&width=240 240w, //procaccini.com/cdn/shop/files/preview_images/olio_procaccini.jpg?v=1784906347&width=352 352w, //procaccini.com/cdn/shop/files/preview_images/olio_procaccini.jpg?v=1784906347&width=832 832w, //procaccini.com/cdn/shop/files/preview_images/olio_procaccini.jpg?v=1784906347&width=1200 1200w, //procaccini.com/cdn/shop/files/preview_images/olio_procaccini.jpg?v=1784906347&width=1600 1600w, //procaccini.com/cdn/shop/files/preview_images/olio_procaccini.jpg?v=1784906347&width=1920 1920w, //procaccini.com/cdn/shop/files/preview_images/olio_procaccini.jpg?v=1784906347&width=2560 2560w, //procaccini.com/cdn/shop/files/preview_images/olio_procaccini.jpg?v=1784906347&width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/preview_images/olio_procaccini.jpg?v=1784906347&width=3840" fetchpriority="auto" style="--focal-point: ;"> 6120 6121 6122</div> 6123 6124 6125 6126</slideshow-slide> 6127 6128 6129 6130<slideshow-slide 6131 ref="slides[]" 6132 aria-hidden="true" 6133 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 6134 6135 class="product-media-container media-fit product-media-container--image" 6136 6137 6138 6139 6140 slide-id="63391295668557" 6141 6142 6143 6144 6145> 6146 6147 6148<div 6149 class="product-media" 6150 style="--ratio: 0.8" 6151 data-media-id="63391295668557" 6152> 6153 6154 <img src="//procaccini.com/cdn/shop/files/pane_e_olio_283a3440-e702-4f36-a9f1-80217d7394a9.jpg?v=1783675150&width=3840" alt="olio_by_emin" srcset="//procaccini.com/cdn/shop/files/pane_e_olio_283a3440-e702-4f36-a9f1-80217d7394a9.jpg?v=1783675150&width=240 240w, //procaccini.com/cdn/shop/files/pane_e_olio_283a3440-e702-4f36-a9f1-80217d7394a9.jpg?v=1783675150&width=352 352w, //procaccini.com/cdn/shop/files/pane_e_olio_283a3440-e702-4f36-a9f1-80217d7394a9.jpg?v=1783675150&width=832 832w, //procaccini.com/cdn/shop/files/pane_e_olio_283a3440-e702-4f36-a9f1-80217d7394a9.jpg?v=1783675150&width=1200 1200w, //procaccini.com/cdn/shop/files/pane_e_olio_283a3440-e702-4f36-a9f1-80217d7394a9.jpg?v=1783675150&width=1600 1600w, //procaccini.com/cdn/shop/files/pane_e_olio_283a3440-e702-4f36-a9f1-80217d7394a9.jpg?v=1783675150&width=1920 1920w, //procaccini.com/cdn/shop/files/pane_e_olio_283a3440-e702-4f36-a9f1-80217d7394a9.jpg?v=1783675150&width=2560 2560w, //procaccini.com/cdn/shop/files/pane_e_olio_283a3440-e702-4f36-a9f1-80217d7394a9.jpg?v=1783675150&width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//procaccini.com/cdn/shop/files/pane_e_olio_283a3440-e702-4f36-a9f1-80217d7394a9.jpg?v=1783675150&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 6155 6156 6157</div> 6158 6159 6160 6161</slideshow-slide> 6162 6163 6164 6165 6166 </slideshow-slides> 6167 </slideshow-container> 6168 6169</slideshow-component> 6170 6171 6172 6173 6174 </a> 6175 6176 6177 <div 6178 class="product-badges product-badges--top-left" 6179 style=" 6180 --badge-border-radius: 0px; 6181 --badge-font-family: var(--font-body--family);
6181 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 6182 " 6183 ></div> 6184 6185 6186 6187<quick-add-component 6188 class="quick-add custom-color-quick-add" 6189 ref="quickAdd" 6190 data-product-title="Olio Procaccini by Emin Haziri" 6191 data-quick-add-button="add" 6192 data-product-options-count="1" 6193> 6194 <product-form-component 6195 data-section-id="template--28769422573901__product_list_UwRqN4" 6196 data-product-id="10719475106125" 6197 on:submit="/handleSubmit" 6198 class="quick-add__product-form-component" 6199 > 6200 <div 6201 class="visually-hidden" 6202 aria-live="assertive" 6203 role="status" 6204 aria-atomic="true" 6205 ref="liveRegion" 6206 ></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-10719475106125-AZ2ZNamhDUmphSnNEa__product_card_gallery_4y78ah-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 6207 type="hidden" 6208 name="id" 6209 ref="variantId" 6210 value="54155716002125" 6211 6212 > 6213 <input 6214 type="hidden" 6215 name="quantity" 6216 value="1" 6217 > 6218 6219 <add-to-cart-component 6220 ref="addToCartButtonContainer" 6221 data-product-variant-media="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=100" 6222 data-add-to-cart-animation="true" 6223> 6224 <button 6225 6226 type="submit" 6227 name="add" 6228 ref="addToCartButton" 6229 on:click="/handleClick" 6230 class="button button quick-add__button quick-add__button--add add-to-cart-button" 6231 6232 6233 > 6234 <span 6235 class="add-to-cart-text" 6236 > 6237 6238 <span 6239 aria-hidden="true" 6240 class="svg-wrapper add-to-cart-icon" 6241 ><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> 6242</span> 6243 6244 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 6245 <span> 6246 <span>Add</span> 6247 </span> 6248 </span> 6249 </span> 6250 6251 <span class="add-to-cart__added"> 6252 <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"> 6253 <g class="check"> 6254 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 6255 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 6256 </g> 6257 <g class="burst"> 6258 <g style="--index: 0;"> 6259 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6260 </g> 6261 <g style="--index: 1;"> 6262 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6263 </g> 6264 <g style="--index: 2;"> 6265 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6266 </g> 6267 <g style="--index: 3;"> 6268 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6269 </g> 6270 <g style="--index: 4;"> 6271 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6272 </g> 6273 <g style="--index: 5;"> 6274 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6275 </g> 6276 <g style="--index: 6;"> 6277 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6278 </g> 6279 <g style="--index: 7;"> 6280 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6281 </g> 6282 </g> 6283</svg> 6284</span> 6285 </span> 6286 </button> 6287</add-to-cart-component> 6288 6289 6290 <button 6291 class="button quick-add__button quick-add__button--choose add-to-cart-button" 6292 6293 type="button" 6294 name="add" 6295 on:click="quick-add-component/handleClick" 6296 >
6297 <span 6298 class="add-to-cart-text" 6299 > 6300 6301 <span 6302 aria-hidden="true" 6303 class="svg-wrapper add-to-cart-icon" 6304 ><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> 6305</span> 6306 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 6307 <span> 6308 6309 <span> 6310 Choose 6311 </span> 6312 </span> 6313 </span> 6314 </span> 6315 </button><input type="hidden" name="product-id" value="10719475106125" /><input type="hidden" name="section-id" value="template--28769422573901__product_list_UwRqN4" /></form></product-form-component> 6316</quick-add-component> 6317 6318<style data-shopify> 6319 .custom-color-quick-add { 6320 --quick-add-background: #ffffff; 6321 --quick-add-foreground: #000000; 6322 } 6323</style> 6324 6325 6326 6327 6328 6329 6330 6331</div> 6332 6333 6334 6335 6336 6337<div class="product-grid-view-zoom-out--details"> 6338 6339 <h3 class="h4">Olio Procaccini by Emin Haziri</h3> 6340 6341</div> 6342 6343 6344 6345 6346 6347 6348 6349 6350 6351 6352 6353 6354 6355 6356 6357 6358 6359<div 6360 class=" 6361 group-block 6362 group-block--height-fit 6363 group-block--width-fill 6364 border-style 6365 spacing-style 6366 size-style 6367 6368 6369 " 6370 style=" 6371 6372--border-width: 1px; --border-style: none; --border-color: 6373rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 6374 6375 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6376 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6377 6378 " 6379 6380 data-testid="group-block" 6381><div class="group-block__media-wrapper"> 6382 6383 6384 6385 6386 6387 </div> 6388 6389 <div 6390 class=" 6391 group-block-content 6392 6393 layout-panel-flex 6394 layout-panel-flex--row 6395 mobile-column 6396 " 6397 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6398 6399--gap: 12px; 6400 6401--horizontal-alignment: space-between; --vertical-alignment: flex-start; 6402--vertical-alignment-mobile: flex-start; 6403" 6404 > 6405 6406 6407 6408 6409 6410 6411 6412 6413 6414 6415 6416 6417<div 6418 class=" 6419 group-block 6420 group-block--height-fit 6421 group-block--width-fill 6422 border-style 6423 spacing-style 6424 size-style 6425 6426 6427 " 6428 style=" 6429 6430--border-width: 1px; --border-style: none; --border-color: 6431rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 6432 6433 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6434 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6435 6436 " 6437 6438 data-testid="group-block" 6439><div class="group-block__media-wrapper"> 6440 6441 6442 6443 6444 6445 </div> 6446 6447 <div 6448 class=" 6449 group-block-content 6450 6451 layout-panel-flex 6452 layout-panel-flex--column 6453 mobile-column 6454 " 6455 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6456 6457--gap: 0px; 6458 6459--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 6460--vertical-alignment-mobile: flex-start; 6461" 6462 > 6463 6464 6465 6466 6467 <a 6468 class="contents user-select-text" 6469 ref="productTitleLink" 6470 href="/en/products/olio-procaccini-by-emin-haziri?variant=54155716002125" 6471 > 6472 6473 6474 6475 6476 6477 6478 6479 <div class=" spacing-style text-block text-block--AOWVxODk4YXNQZEZJR__product_title_iRxawi-1 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "> 6480 <p role="heading" aria-level="3">Olio Procaccini by Emin Haziri</p> 6481 </div> 6482 6483 6484 6485 6486 </a> 6487 6488 6489 6490 6491 6492 6493<product-price 6494 class="text-block text-block--align-left text-left h5 spacing-style" 6495 data-block-id="AZzVwbHlNeC9OMDZFU__price_4XkbjB-1" 6496 data-product-id="10719475106125" 6497 style=" 6498 6499 6500 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6501 6502 --width: 100%; 6503 " 6504 6505> 6506 <div ref="priceContainer"> 6507 6508 6509 <div 6510 class=" 6511 price__regular 6512 6513 " 6514 >
6515 <span class="price">â¬40,00</span> 6516 </div> 6517 <div 6518 class=" 6519 price__sale 6520 6521 price__hidden 6522 6523 " 6524 > 6525 6526 <span class="price-item__group"> 6527 <span class="visually-hidden">Sale price </span> 6528 <span class="price-item--sale price">â¬40,00</span> 6529 </span> 6530 <span class="price-item__group"> 6531 <span class="visually-hidden">Regular price </span> 6532 <span class="price-item--regular compare-at-price"></span> 6533 </span> 6534 6535 </div> 6536 6537</div> 6538 6539 6540</product-price> 6541 6542 6543 6544</div> 6545</div> 6546 6547 6548 6549 6550 6551 6552 6553 6554 6555 6556 6557 6558 6559 6560 6561 6562 6563<div 6564 class=" 6565 group-block 6566 group-block--height-fit 6567 group-block--width-fill 6568 border-style 6569 spacing-style 6570 size-style 6571 6572 6573 " 6574 style=" 6575 6576--border-width: 1px; --border-style: none; --border-color: 6577rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 6578 6579 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6580 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6581 6582 " 6583 6584 data-testid="group-block" 6585><div class="group-block__media-wrapper"> 6586 6587 6588 6589 6590 6591 </div> 6592 6593 <div 6594 class=" 6595 group-block-content 6596 6597 layout-panel-flex 6598 layout-panel-flex--column 6599 mobile-column 6600 " 6601 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6602 6603--gap: 0px; 6604 6605--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 6606--vertical-alignment-mobile: flex-start; 6607" 6608 > 6609 6610 6611 6612 6613 6614 6615 6616</div> 6617</div> 6618 6619 6620 6621 6622 6623 6624</div> 6625</div> 6626 6627 6628 6629 6630 6631 6632 6633 </div> 6634</product-card> 6635 6636 6637 6638 6639 6640 6641 6642<style data-shopify> 6643 .custom-color-quick-add { 6644 --quick-add-background: #ffffff; 6645 --quick-add-foreground: #000000; 6646 } 6647</style> 6648 6649 6650 6651 6652 6653 6654 6655 6656 6657 6658 6659 6660 </div> 6661 6662 6663 6664 6665 6666 6667 6668 6669</div> 6670 6671 6672 6673 6674 6675 <div 6676 class="section-resource-list__content" 6677 style="--horizontal-alignment: flex-start;" 6678 ></div> 6679</div> 6680 6681 6682</div> 6683 </main> 6684 6685 <footer> 6686 <!-- BEGIN sections: footer-group --> 6687<div id="shopify-section-sections--28769422934349__footer" class="shopify-section shopify-section-group-footer-group section-wrapper"> 6688 6689 6690 6691 6692 6693 6694 <style data-shopify> 6695 .color-custom-sections--28769422934349__footer, 6696 .color-custom-sections--28769422934349__footer .text-block { 6697 /* Background */ 6698 --color-background: #172123; 6699 --color-background-rgb: 23 33 35; 6700 6701 /* Opacity values adjusted for background brightness */ 6702 6703--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 67040.6; --opacity-30-60: 0.6; --opacity-60: 0.6; 6705 6706 6707 6708 /* Foreground / text â explicit or smart-contrasted */ 6709 --color: var(--palette-lightest); 6710 --color-rgb: var(--palette-lightest-rgb); 6711 --color-foreground: var(--palette-lightest); 6712 --color-foreground-rgb: var(--palette-lightest-rgb); 6713 --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text)); 6714 --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text)); 6715 --color-border: var(--palette-lightest); 6716 --color-border-rgb: var(--palette-lightest-rgb); 6717 6718 } 6719 6720 6721 .color-custom-sections--28769422934349__footer { 6722 /* Form-related tokens stay on .color-custom only â .text-block is a prose 6723 container (text/announcement/inline-text/blog-post-description/ 6724 collection-link/price/sku) and never holds form inputs. */ 6725 --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10)); 6726 --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5)); 6727 --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50)); 6728 --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55)); 6729 } 6730 6731 6732 .color-custom-sections--28769422934349__footer { 6733 color: var(--color, var(--color-foreground)); 6734 background-color: var(--color-background); 6735 } 6736 </style> 6737 6738 6739 6740<div 6741 class="section-background color-custom-sections--28769422934349__footer" 6742></div> 6743<div 6744 class="section section--page-width color-custom-sections--28769422934349__footer" 6745> 6746 6747 <div 6748 class=" 6749 footer-content 6750 spacing-style 6751 6752 6753 " 6754 style=" 6755 --padding-block-start: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px)); 6756 --footer-gap: 0px; 6757 --grid-columns: 1; 6758 --last-row-count: 1; 6759 --tablet-last-row-count: 1; 6760 " 6761 > 6762 6763 6764 6765 6766 6767 6768 6769 6770 6771 6772 6773<div 6774 class=" 6775 group-block 6776 group-block--height-fit 6777 group-block--width-custom 6778 border-style 6779 spacing-style 6780 size-style 6781 6782 6783 " 6784 style=" 6785 6786--border-width: 1px; --border-style: none; --border-color: 6787rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 6788 6789 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6790 --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6791 6792 " 6793 6794 data-testid="group-block" 6795><div class="group-block__media-wrapper"> 6796 6797 6798 6799 6800 6801 </div> 6802 6803 <div 6804 class=" 6805 group-block-content 6806 6807 layout-panel-flex 6808 layout-panel-flex--row 6809 mobile-column 6810 " 6811 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6812 6813--gap: 12px; 6814 6815--horizontal-alignment: space-between;
6815 --vertical-alignment: flex-start; 6816--vertical-alignment-mobile: flex-start; 6817" 6818 > 6819 6820 6821 6822<div 6823 class=" 6824 logo-block 6825 spacing-style 6826 " 6827 style=" 6828 6829 6830 --logo-width: 365.12446351931334px; 6831 6832 6833 6834 6835 6836 --logo-width-mobile: 35%; 6837 --logo-height-mobile: auto; 6838 6839 6840 --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: max(20px, calc(var(--spacing-scale) * 100px)); 6841 " 6842 6843> 6844 6845 <div class="logo-block__image-wrapper"> 6846 6847<img src="//procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&width=3840" alt="Procaccini Milano" srcset="//procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&width=240 240w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&width=352 352w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&width=832 832w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&width=1200 1200w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&width=1600 1600w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&width=1920 1920w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&width=2560 2560w, //procaccini.com/cdn/shop/files/Procaccini_Milano_logo_2.png?v=1782304919&width=3840 3840w" width="3867" height="932" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw"> 6848 </div> 6849 6850</div> 6851 6852 6853 6854 6855 6856 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866<div 6867 class=" 6868 group-block 6869 group-block--height-fit 6870 group-block--width-custom 6871 border-style 6872 spacing-style 6873 size-style 6874 6875 6876 " 6877 style=" 6878 6879--border-width: 1px; --border-style: none; --border-color: 6880rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 6881 6882 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6883 --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6884 6885 " 6886 6887 data-testid="group-block" 6888><div class="group-block__media-wrapper"> 6889 6890 6891 6892 6893 6894 </div> 6895 6896 <div 6897 class=" 6898 group-block-content 6899 6900 layout-panel-flex 6901 layout-panel-flex--row 6902 mobile-column 6903 " 6904 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6905 6906--gap: 12px; 6907 6908--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 6909--vertical-alignment-mobile: flex-start; 6910" 6911 > 6912 6913 6914 6915 6916 6917 6918 6919 6920 6921 6922 6923 6924 <accordion-custom 6925 6926 class="menu" 6927 6928 6929 6930 open-by-default-on-desktop 6931 6932 6933 open-by-default-on-mobile 6934 6935 6936 data-disable-on-desktop="true" 6937 6938 6939 data-disable-on-mobile="true" 6940 6941 6942 6943 6944> 6945 6946 <details 6947 class=" 6948 menu__details 6949 spacing-style 6950 6951 " 6952 data-testid="menu-details" 6953 style=" 6954 --spacing--size: 12px; 6955 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6956 " 6957 6958 open 6959 6960 6961 > 6962 <summary class="menu__heading h4"> 6963 <span class="menu__heading__default">The experience</span> 6964 <span class="menu__heading__accordion"> 6965 The experience 6966 6967 <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"> 6968 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6969</svg> 6970</span> 6971 6972 </span> 6973 </summary> 6974 6975 <nav 6976 class="details-content" 6977 6978 > 6979 6980 <ul class="list-unstyled"> 6981 6982 <li class="menu__item h5"> 6983 <a href="/en/pages/il-ristorante-procaccini-milano"> 6984 Who we are 6985 </a> 6986 </li> 6987 6988 <li class="menu__item h5"> 6989 <a href="/en/pages/menu-procaccini-milano"> 6990 Menu 6991 </a> 6992 </li> 6993 6994 <li class="menu__item h5"> 6995 <a href="/en/pages/prenota-un-tavolo"> 6996 Book a table 6997 </a> 6998 </li> 6999 7000 <li class="menu__item h5"> 7001 <a href="https://procaccini.shop.bonkdo.com/it/buoni-regalo"> 7002 Give an experience 7003 </a> 7004 </li> 7005 7006 </ul> 7007 7008 </nav> 7009 </details> 7010 7011</accordion-custom> 7012 7013 7014 7015 7016 7017 7018 7019 7020 7021 7022 7023 7024 7025 7026 7027 7028 7029 7030 7031 7032 <accordion-custom 7033 7034 class="menu" 7035 7036 7037 7038 open-by-default-on-desktop 7039 7040 7041 open-by-default-on-mobile 7042 7043 7044 data-disable-on-desktop="true" 7045 7046 7047 data-disable-on-mobile="true" 7048 7049 7050 7051 7052> 7053 7054 <details 7055 class=" 7056 menu__details 7057 spacing-style 7058 7059 " 7060 data-testid="menu-details" 7061 style=" 7062 --spacing--size: 12px; 7063 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7064 " 7065 7066 open 7067 7068 7069 > 7070 <summary class="menu__heading h4">
7071 <span class="menu__heading__default">The Restaurant</span> 7072 <span class="menu__heading__accordion"> 7073 The Restaurant 7074 7075 <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"> 7076 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7077</svg> 7078</span> 7079 7080 </span> 7081 </summary> 7082 7083 <nav 7084 class="details-content" 7085 7086 > 7087 7088 <ul class="list-unstyled"> 7089 7090 <li class="menu__item h5"> 7091 <a href="/en/collections/all"> 7092 Shop 7093 </a> 7094 </li> 7095 7096 <li class="menu__item h5"> 7097 <a href="/en/pages/dicono-di-noi"> 7098 About us 7099 </a> 7100 </li> 7101 7102 <li class="menu__item h5"> 7103 <a href="/en/pages/contatti-procaccini-milano"> 7104 Contacts 7105 </a> 7106 </li> 7107 7108 </ul> 7109 7110 </nav> 7111 </details> 7112 7113</accordion-custom> 7114 7115 7116 7117 7118 7119 7120 7121 7122 7123</div> 7124</div> 7125 7126 7127 7128 7129 7130 7131 7132 7133 7134 7135 7136 7137 7138 7139 <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); "> 7140 <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> 7141 </div> 7142 7143 7144 7145 7146 7147 7148 7149 7150 7151 7152 7153 7154 7155 7156 7157 7158 7159<div 7160 class=" 7161 group-block 7162 group-block--height-fit 7163 group-block--width-custom 7164 border-style 7165 spacing-style 7166 size-style 7167 7168 7169 " 7170 style=" 7171 7172--border-width: 1px; --border-style: none; --border-color: 7173rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 7174 7175 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7176 --size-style-width:30%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7177 7178 " 7179 7180 data-testid="group-block" 7181><div class="group-block__media-wrapper"> 7182 7183 7184 7185 7186 7187 </div> 7188 7189 <div 7190 class=" 7191 group-block-content 7192 7193 layout-panel-flex 7194 layout-panel-flex--column 7195 mobile-column 7196 " 7197 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7198 7199--gap: 12px; 7200 7201--horizontal-alignment: flex-start; --vertical-alignment: center; 7202--vertical-alignment-mobile: center; 7203" 7204 > 7205 7206 7207 7208 7209 7210 7211 7212 7213 7214 7215<div 7216 class="email-signup-block size-style spacing-style" 7217 style=" 7218 --size-style-width: 100%;--size-style-height: ; 7219 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7220 " 7221 7222> 7223 7224 <div 7225 class="email-signup__heading h4" 7226 style="" 7227 > 7228 Subscribe to our newsletter 7229 </div> 7230 7231<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="â" /> 7232 7233<div 7234 class="email-signup__input-group email-signup__input-group--underline email-signup__input-group--arrow" 7235 style=" 7236 --border-width: 1px; 7237 --border-radius: 100px; 7238 --color-input-background: #ffffff; --color-input-text: #ffffff; --color-input-text-rgb: 255 255 255; --color-input-border: #ffffff; 7239 " 7240 > 7241 <label 7242 for="EmailInput-AUTlZaVljMGVtS3prK__email_signup_XgpLx7" 7243 class="visually-hidden" 7244 > 7245 Email 7246 </label> 7247 <input 7248 id="EmailInput-AUTlZaVljMGVtS3prK__email_signup_XgpLx7" 7249 class="email-signup__input email-signup__input--underline paragraph " 7250 type="email" 7251 name="contact[email]" 7252 autocorrect="off" 7253 autocapitalize="off" 7254 autocomplete="email" 7255 placeholder="Email address" 7256 required 7257 7258 > 7259 <button 7260 class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AUTlZaVljMGVtS3prK__email_signup_XgpLx7" 7261 7262 aria-label="Sign up" 7263 7264 > 7265 7266 <svg
7267 viewBox="0 0 20 20" 7268 xmlns="http://www.w3.org/2000/svg" 7269 focusable="false" 7270 aria-hidden="true" 7271 class="email-signup__button-icon" 7272 > 7273 7274 7275 7276<path 7277 clip-rule="evenodd" 7278 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" 7279 fill="currentColor" 7280 fill-rule="evenodd" 7281 /> 7282 </svg> 7283 7284 </button> 7285 </div></form> 7286</div> 7287 7288 7289 7290 7291 7292</div> 7293</div> 7294 7295 7296 7297 7298 7299 7300</div> 7301</div> 7302 7303 7304 7305 7306 7307 7308 </div> 7309</div> 7310 7311 7312 7313 7314</div><div id="shopify-section-sections--28769422934349__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities"> 7315 7316 7317 7318 7319 7320 7321 <style data-shopify> 7322 .color-custom-sections--28769422934349__utilities, 7323 .color-custom-sections--28769422934349__utilities .text-block { 7324 /* Background */ 7325 --color-background: #172123; 7326 --color-background-rgb: 23 33 35; 7327 7328 /* Opacity values adjusted for background brightness */ 7329 7330--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 73310.6; --opacity-30-60: 0.6; --opacity-60: 0.6; 7332 7333 7334 7335 /* Foreground / text â explicit or smart-contrasted */ 7336 --color: var(--palette-lightest); 7337 --color-rgb: var(--palette-lightest-rgb); 7338 --color-foreground: var(--palette-lightest); 7339 --color-foreground-rgb: var(--palette-lightest-rgb); 7340 --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text)); 7341 --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text)); 7342 --color-border: var(--palette-lightest); 7343 --color-border-rgb: var(--palette-lightest-rgb); 7344 7345 } 7346 7347 7348 .color-custom-sections--28769422934349__utilities { 7349 /* Form-related tokens stay on .color-custom only â .text-block is a prose 7350 container (text/announcement/inline-text/blog-post-description/ 7351 collection-link/price/sku) and never holds form inputs. */ 7352 --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10)); 7353 --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5)); 7354 --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50)); 7355 --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55)); 7356 } 7357 7358 7359 .color-custom-sections--28769422934349__utilities { 7360 color: var(--color, var(--color-foreground)); 7361 background-color: var(--color-background); 7362 } 7363 </style> 7364 7365 7366 7367<div 7368 class="section-background color-custom-sections--28769422934349__utilities" 7369></div> 7370<div 7371 class="section section--page-width color-custom-sections--28769422934349__utilities" 7372 7373> 7374 <div 7375 class="utilities utilities--blocks-3 spacing-style" 7376 style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 0px; --gap: 24px;" 7377 data-testid="footer-utilities" 7378 > 7379 7380 7381<div 7382 class=" 7383 footer-utilities__group-copyright 7384 custom-typography 7385 custom-font-size 7386 " 7387 style=" 7388 7389--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-); 7390 7391 " 7392 7393> 7394 <span class="footer-utilities__text"> 7395 © 2026 7396 <a href="/en" title="">Procaccini Milano</a></span> 7397</div> 7398 7399 7400 7401 7402 7403 7404 <anchored-popover-component 7405 data-hover-triggered="true" 7406 > 7407 <button 7408 class="policy-list-trigger button-unstyled"
7409 popovertarget="terms-policies-popover" 7410 popovertargetaction="toggle" 7411 ref="trigger" 7412 style=" 7413 7414--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-); 7415 7416 " 7417 7418 > 7419 Terms and Policies 7420 </button> 7421 <div 7422 class="terms-policies-popover color-custom-popover" 7423 id="terms-policies-popover" 7424 popover="auto" 7425 ref="popover" 7426 > 7427 <ul 7428 class=" 7429 policy_list list-unstyled 7430 custom-typography 7431 custom-font-size 7432 " 7433 ><li> 7434 <a 7435 href="/en/policies/privacy-policy" 7436 class="footer-utilities__text" 7437 >Privacy policy</a> 7438 </li><li> 7439 <a 7440 href="/en/policies/contact-information" 7441 class="footer-utilities__text" 7442 >Contact information</a> 7443 </li><li> 7444 <a 7445 href="/en/policies/terms-of-service" 7446 class="footer-utilities__text" 7447 >Terms of service</a> 7448 </li><li> 7449 <a 7450 href="/en/policies/refund-policy" 7451 class="footer-utilities__text" 7452 >Refund policy</a> 7453 </li><li> 7454 <a 7455 href="/en/policies/shipping-policy" 7456 class="footer-utilities__text" 7457 >Shipping policy</a> 7458 </li></ul> 7459 </div> 7460 </anchored-popover-component> 7461 7462 7463 7464 7465 7466 7467<div 7468 class="social-icons__wrapper social-icons__wrapper--AekV5ekRhNlBBSTZsT__social_links_BGVf9A" 7469 7470> 7471 7472 <style data-shopify> 7473 .social-icons__wrapper--AekV5ekRhNlBBSTZsT__social_links_BGVf9A { 7474 --color-utilities: #ffffff; 7475 } 7476 </style> 7477 7478 7479 7480 7481 7482 7483 7484 7485 7486 <div 7487 class="social-icons__icon-wrapper" 7488 > 7489 <a 7490 href="https://www.facebook.com/procaccinimilano" 7491 target="_blank" 7492 rel="noopener noreferrer" 7493 aria-label="Facebook" 7494 7495 > 7496 <span class="social-icons__icon-label">Facebook</span> 7497 7498 <svg 7499 class="social-icons__icon icon-default" 7500 aria-hidden="true" 7501 focusable="false" 7502 xmlns="http://www.w3.org/2000/svg"
7503 viewBox="0 0 20 20" 7504 > 7505 7506 7507<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> 7508 7509 </a> 7510 </div> 7511 7512 7513 7514 7515 7516 7517 7518 7519 <div 7520 class="social-icons__icon-wrapper" 7521 > 7522 <a 7523 href="https://www.instagram.com/procaccinimilano/" 7524 target="_blank" 7525 rel="noopener noreferrer" 7526 aria-label="Instagram" 7527 7528 > 7529 <span class="social-icons__icon-label">Instagram</span> 7530 7531 <svg 7532 class="social-icons__icon icon-default" 7533 aria-hidden="true" 7534 focusable="false" 7535 xmlns="http://www.w3.org/2000/svg" 7536 viewBox="0 0 20 20" 7537 > 7538 7539 7540<path 7541 fill-rule="evenodd" 7542 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" 7543 clip-rule="evenodd" 7544 /></svg> 7545 7546 </a> 7547 </div> 7548 7549 7550 7551 7552 7553 7554 7555 7556 7557 7558 7559 7560 7561 <div 7562 class="social-icons__icon-wrapper" 7563 > 7564 <a 7565 href="https://www.tiktok.com/@procaccini.milano" 7566 target="_blank" 7567 rel="noopener noreferrer" 7568 aria-label="Tiktok" 7569 7570 > 7571 <span class="social-icons__icon-label">Tiktok</span> 7572 7573 <svg 7574 class="social-icons__icon icon-default" 7575 aria-hidden="true" 7576 focusable="false" 7577 xmlns="http://www.w3.org/2000/svg"
7578 viewBox="0 0 20 20" 7579 > 7580 7581 7582<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> 7583 7584 </a> 7585 </div> 7586 7587 7588 7589 7590 7591 7592 7593 7594 7595 7596 7597 7598 7599 7600 7601 7602 7603 7604 <div 7605 class="social-icons__icon-wrapper" 7606 > 7607 <a 7608 href="https://www.linkedin.com/company/procaccinimilano/?viewAsMember=true" 7609 target="_blank" 7610 rel="noopener noreferrer" 7611 aria-label="Linkedin" 7612 7613 > 7614 <span class="social-icons__icon-label">Linkedin</span> 7615 7616 <svg 7617 class="social-icons__icon icon-default" 7618 aria-hidden="true" 7619 focusable="false" 7620 xmlns="http://www.w3.org/2000/svg" 7621 viewBox="0 0 20 20" 7622 > 7623 7624 7625<path 7626 fill-rule="evenodd" 7627 clip-rule="evenodd" 7628 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" 7629 fill="currentColor" 7630 /></svg> 7631 7632 </a> 7633 </div> 7634 7635 7636 7637 7638 7639 7640 7641 7642 7643 7644 7645 7646 7647 7648 7649 7650 7651 7652 7653 7654 7655 7656 7657 7658 7659 7660 7661 7662 7663 7664 7665 7666 7667</div> 7668 7669 7670 7671 7672 7673 </div> 7674</div> 7675 7676 7677 7678 7679</div> 7680<!-- END sections: footer-group --> 7681 </footer> 7682 </div> 7683 7684 7685 7686 <div 7687 id="shopify-section-cart-drawer-section" 7688 class="shopify-section" 7689 > 7690 7691 7692
7692<script 7693 type="module" 7694 src="//procaccini.com/cdn/shop/t/4/assets/cart-drawer.js?v=101430053943909765251782288532" 7695 fetchpriority="low" 7696 ></script>
7696 7697 7698 7699 7700 <theme-drawer 7701 id="cart-drawer" 7702 data-skip-node-update 7703 > 7704 <dialog 7705 ref="panel" 7706 class="theme-drawer__dialog color-custom-drawer" 7707 aria-labelledby="cart-drawer-heading" 7708 cart-summary-sticky="true" 7709 > 7710 <cart-drawer-component 7711 7712 > 7713 <template id="empty-cart-template"> 7714 7715 <div 7716 class="cart-drawer__content" 7717 aria-label="Cart" 7718 > 7719 <h2 7720 class="theme-drawer__title h4" 7721 id="cart-drawer-heading" 7722 > 7723 Your cart is empty 7724 </h2> 7725 7726 <div class="cart-drawer__items"> 7727 7728 7729
7730<script 7731 src="//procaccini.com/cdn/shop/t/4/assets/component-cart-items.js?v=14476580701730542761782288532" 7732 type="module" 7733 fetchpriority="low" 7734></script>
vendor: 1 bytes, line 7734
7734
7735<script 7736 src="//procaccini.com/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=168493463479860323171782288532" 7737 type="module" 7738 fetchpriority="low" 7739></script>
vendor: 1 bytes, line 7739
7739
7740<script 7741 src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661782288532" 7742 type="module" 7743 fetchpriority="low" 7744></script>
7744 7745 7746<div 7747 7748 class="cart-items__wrapper cart-items__wrapper--drawer-empty" 7749 7750 data-cart-drawer-empty 7751 7752 style="" 7753> 7754 7755<p> 7756 Have an account? <a href="https://procaccini.com/customer_authentication/redirect?locale=en®ion_country=IT">Log in</a> to check out faster. 7757 </p><a 7758 class="button cart-items__empty-button" 7759 href="/en/collections/all" 7760 > 7761 <span class="button-text"> 7762 Continue shopping 7763 </span> 7764 </a></div> 7765 7766 7767 7768 </div> 7769 </div> 7770 7771 </template> 7772 7773 <div 7774 class="cart-drawer__inner cart-drawer--empty" 7775 data-hydration-key="cart-drawer-inner" 7776 ><div class="theme-drawer__header"> 7777 <button 7778 on:click="#cart-drawer/close" 7779 class="theme-drawer__close-button cart-drawer__close-button--empty" 7780 type="button" 7781 aria-label="Close" 7782 > 7783 <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"> 7784<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"/> 7785</svg> 7786</span> 7787 </button> 7788 </div> 7789 7790 7791<cart-items-component 7792 class="cart-items-component" 7793 7794 data-drawer 7795 view-event-trigger="dialog" 7796 7797 data-section-id="cart-drawer-section" 7798 7799 view-event-payload="{"context":null,"cart":null}" 7800 7801> 7802 7803 7804 <div 7805 class="cart-drawer__content" 7806 aria-label="Cart" 7807 > 7808 <h2 7809 class="theme-drawer__title h4" 7810 id="cart-drawer-heading" 7811 > 7812 Your cart is empty 7813 </h2> 7814 7815 <div class="cart-drawer__items"> 7816 7817 7818
7819<script 7820 src="//procaccini.com/cdn/shop/t/4/assets/component-cart-items.js?v=14476580701730542761782288532" 7821 type="module" 7822 fetchpriority="low" 7823></script>
vendor: 1 bytes, line 7823
7823
7824<script 7825 src="//procaccini.com/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=168493463479860323171782288532" 7826 type="module" 7827 fetchpriority="low" 7828></script>
vendor: 1 bytes, line 7828
7828
7829<script 7830 src="//procaccini.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661782288532" 7831 type="module" 7832 fetchpriority="low" 7833></script>
7833 7834 7835<div 7836 7837 class="cart-items__wrapper cart-items__wrapper--drawer-empty" 7838 7839 data-cart-drawer-empty 7840 7841 style="" 7842> 7843 7844<p> 7845 Have an account? <a href="https://procaccini.com/customer_authentication/redirect?locale=en®ion_country=IT">Log in</a> to check out faster. 7846 </p><a 7847 class="button cart-items__empty-button" 7848 href="/en/collections/all" 7849 > 7850 <span class="button-text"> 7851 Continue shopping 7852 </span> 7853 </a></div> 7854 7855 7856 7857 </div> 7858 </div> 7859 7860 7861</cart-items-component> 7862 7863 7864 7865 </div> 7866 </cart-drawer-component> 7867 </dialog> 7868 </theme-drawer> 7869 7870 7871 </div> 7872 7873 7874 7875 7876 7877 7878 7879 7880 7881
7882<script 7883 type="module" 7884 src="//procaccini.com/cdn/shop/t/4/assets/theme-drawer.js?v=155110645205299884131782288532" 7885 fetchpriority="low" 7886></script>
7886 7887
7888<script> 7889 /* Runs synchronously during HTML parsing â opens the correct drawer on first 7890 paint if navigation state was saved, so it renders with the rest of the page. */ 7891 (function () { 7892 var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean); 7893 if (!drawerIds.length) return; 7894 7895 // Only restore on wide viewports (squeeze mode). On narrow viewports the 7896 // drawer is a modal overlay â let it start closed after navigation rather 7897 // than re-opening a fullscreen dialog the user may have left behind. 7898 if (!window.matchMedia('(min-width: 990px)').matches) return; 7899 7900 var dialogs = []; 7901 for (var i = 0; i < drawerIds.length; i++) { 7902 var drawer = document.getElementById(drawerIds[i]); 7903 if (!drawer) continue; 7904 7905 drawer.setAttribute('open', ''); 7906 7907 // Set [open] directly so the CSS slide-in applies without triggering 7908 // the browser's dialog focusing steps â on wide viewports the drawer is 7909 // a sidebar, not a modal, so focus should stay where it is. 7910 // The instant class suppresses the slide-in transition for the initial restore. 7911 // Set --drawer-stack-order so z-index layering matches the original order. 7912 drawer.style.setProperty('--drawer-stack-order', String(i + 1)); 7913 7914 var dialog = drawer.querySelector('dialog'); 7915 if (dialog) { 7916 dialog.setAttribute('open', ''); 7917 dialog.classList.add('theme-drawer__dialog-instant'); 7918 dialogs.push(dialog); 7919 } 7920 7921 // Let each drawer type handle its own restore (e.g. shopify-chat mode). 7922 // Synchronous dispatch â listeners attached during earlier parsing run immediately. 7923 drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring')); 7924 } 7925 7926 // Apply squeeze immediately, bypassing the margin transition. 7927 // Only squeeze if at least one drawer was actually restored â saved 7928 // drawer IDs may not exist on every page (e.g. cart-drawer on /cart). 7929 var pageWrapper = document.querySelector('.page-wrapper'); 7930 if (pageWrapper && dialogs.length > 0) { 7931 pageWrapper.style.transition = 'none'; 7932 pageWrapper.classList.add('page-wrapper--drawer-open'); 7933 } 7934 7935 // Re-enable transitions after one paint so the instant state is rendered first. 7936 requestAnimationFrame(function () { 7937 requestAnimationFrame(function () { 7938 if (pageWrapper) pageWrapper.style.transition = ''; 7939 for (var j = 0; j < dialogs.length; j++) { 7940 dialogs[j].classList.remove('theme-drawer__dialog-instant'); 7941 } 7942 }); 7943 }); 7944 })(); 7945</script>
7945 7946
7947<script 7948 type="module" 7949> 7950 const pageWrapper = document.querySelector('.page-wrapper'); 7951 const squeezeQuery = window.matchMedia('(min-width: 990px)'); 7952 7953 // ââ Squeeze coordination ââ 7954 // Listens to all drawers. Only squeezes on wide viewports. 7955 document.addEventListener('theme-drawer:open', () => { 7956 if (squeezeQuery.matches) { 7957 pageWrapper?.classList.add('page-wrapper--drawer-open'); 7958 } 7959 }); 7960 7961 document.addEventListener('theme-drawer:close', () => { 7962 const openDrawer = document.querySelector('theme-drawer[open]'); 7963 if (!openDrawer) { 7964 pageWrapper?.classList.remove('page-wrapper--drawer-open'); 7965 } 7966 }); 7967 7968 squeezeQuery.addEventListener('change', () => { 7969 const openDrawer = document.querySelector('theme-drawer[open]'); 7970 pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches); 7971 }); 7972 7973 // ââ State persistence ââ 7974 // Store open drawer IDs sorted by their visual stack order so 7975 // the restore script can recreate the same z-index layering. 7976 function persistDrawerState() { 7977 const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])')); 7978 if (!openDrawers.length) { 7979 sessionStorage.removeItem('theme-drawer-open'); 7980 return; 7981 } 7982 7983 openDrawers.sort((a, b) => { 7984 const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0); 7985 const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0); 7986 return orderA - orderB; 7987 }); 7988 7989 sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(',')); 7990 } 7991 7992 document.addEventListener('theme-drawer:open', persistDrawerState); 7993 document.addEventListener('theme-drawer:close', persistDrawerState); 7994</script>
7994 7995 7996 7997 7998 7999 8000 8001 8002 8003
8004<script 8005 src="//procaccini.com/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281782288532" 8006 type="module" 8007></script>
8007 8008
8009<script 8010 src="//procaccini.com/cdn/shop/t/4/assets/predictive-search.js?v=162722252387887966571782288532" 8011 type="module" 8012 fetchpriority="low" 8013></script>
8013 8014 8015<dialog-component 8016 id="search-modal" 8017 class="search-modal" 8018 8019> 8020 <dialog 8021 ref="dialog" 8022 on:click="/closeDialogOnClickOutside" 8023 on:keydown="/closeDialogOnEscapePress" 8024 class="search-modal__content dialog-modal" 8025 scroll-lock 8026 aria-labelledby="search-modal-heading" 8027 > 8028 <h2 8029 id="search-modal-heading" 8030 class="visually-hidden" 8031 > 8032 Search 8033 </h2> 8034 <predictive-search-component 8035 class="predictive-search color-custom-popover" 8036 style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;" 8037 data-section-id="predictive-search" 8038 data-testid="search-component--modal" 8039 role="search" 8040 aria-label="Search" 8041 > 8042 <form 8043 action="/en/search" 8044 method="get" 8045 role="search" 8046 class="predictive-search-form" 8047 ref="form" 8048 on:keydown="/onSearchKeyDown" 8049 > 8050 <div 8051 class="predictive-search-form__header" 8052 > 8053 <div class="predictive-search-form__header-inner"> 8054 <label 8055 for="cmdk-input" 8056 class="visually-hidden" 8057 >Search</label> 8058 <input 8059 class="search-input" 8060 id="cmdk-input" 8061 type="search" 8062 name="q" 8063 role="combobox" 8064 aria-expanded="false" 8065 aria-owns="predictive-search-results" 8066 aria-controls="predictive-search-results" 8067 aria-haspopup="listbox" 8068 aria-autocomplete="list" 8069 autocomplete="off" 8070 placeholder="Search" 8071 ref="searchInput" 8072 on:input="/search" 8073 on:keydown="/onSearchKeyDown" 8074 > 8075 <input 8076 name="options[prefix]" 8077 type="hidden" 8078 value="last" 8079 > 8080 <span class="svg-wrapper predictive-search__icon"> 8081 <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> 8082 8083 </span> 8084 <button 8085 type="button" 8086 class="button-unstyled predictive-search__reset-button" 8087 ref="resetButton" 8088 hidden 8089 on:click="/resetSearch" 8090 > 8091 Clear 8092 </button> 8093 </div> 8094 <button 8095 type="button" 8096 class="button predictive-search__close-modal-button" 8097 aria-label="Close dialog" 8098 on:click="dialog-component/closeDialog" 8099 ref="closeModalButton" 8100 > 8101 <span class="svg-wrapper"> 8102 <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8103<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"/> 8104</svg> 8105 8106 </span> 8107 </button> 8108 </div> 8109 8110 <div class="predictive-search-form__content-wrapper"> 8111 <div 8112 class="predictive-search-form__content" 8113 ref="predictiveSearchResults" 8114 on:click="/handleModalClick" 8115 > 8116 8117 8118<div 8119 id="predictive-search-results" 8120 class="predictive-search-dropdown" 8121 role="listbox" 8122 aria-expanded="true" 8123 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 8124> 8125 8126 <div class="predictive-search-results__inner"> 8127 8128 8129 8130 8131 8132 <div 8133 id="predictive-search-products" 8134 class="predictive-search-results__products" 8135 8136 data-testid="products-list-default--modal" 8137 8138> 8139 8140 <h4 class="predictive-search-results__title"> 8141 Products 8142 </h4> 8143 <ul 8144 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 8145 > 8146 8147 8148 <li 8149 class="predictive-search-results__card predictive-search-results__card--product" 8150 ref="resultsItems[]" 8151 > 8152 8153<product-card-link 8154 class="resource-card__wrapper" 8155 8156 data-product-id="10745197232461" 8157 data-featured-media-url="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=500" 8158 data-product-transition="true" 8159 on:click="/handleViewTransition" 8160 8161 8162 view-event-payload="{"product":{"id":10745197232461,"title":"Champagne Brut Delamotte for Procaccini Milano","handle":"champagne-brut-delamotte","selectedVariant":null},"context":"search","selectedOptions":[]}" 8163 8164 ><div 8165 class="resource-card" 8166 data-resource-type="product" 8167> 8168 <a 8169 class="resource-card__link" 8170 href="/en/products/champagne-brut-delamotte" 8171 > 8172 <span class="visually-hidden"> 8173 Champagne Brut Delamotte for Procaccini Milano 8174 </span> 8175 </a> 8176 <div 8177 class="resource-card__media" 8178 style="--resource-card-aspect-ratio: 4 / 5;" 8179 8180 ref="cardGallery" 8181 data-view-transition-to-main-product 8182 8183 > 8184 8185 8186 8187 <img src="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=500" alt="Champagne_brut" srcset="//procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=240 240w, //procaccini.com/cdn/shop/files/Champagne_brut.jpg?v=1783673406&width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> 8188 8189 <img src="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=500" alt="" srcset="//procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&width=240 240w, //procaccini.com/cdn/shop/files/preview_images/champagne_delamotte.jpg?v=1784906239&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=""> 8190</div> 8191 8192 <div class="resource-card__content"> 8193 <p class="resource-card__title paragraph">Champagne Brut Delamotte for Procaccini Milano</p> 8194 8195 8196 <div ref="priceContainer"> 8197 8198 8199 <div 8200 class=" 8201 price__regular 8202 8203 " 8204 >
8205 <span class="price">â¬150,00</span> 8206 </div> 8207 <div 8208 class=" 8209 price__sale 8210 8211 price__hidden 8212 8213 " 8214 > 8215 8216 <span class="price-item__group"> 8217 <span class="visually-hidden">Regular price </span> 8218 <span class="price-item--regular compare-at-price"></span> 8219 </span> 8220 <span class="price-item__group"> 8221 <span class="visually-hidden">Sale price </span> 8222 <span class="price-item--sale price">â¬150,00</span> 8223 </span> 8224 8225 </div> 8226 8227</div> 8228 8229 </div> 8230</div></product-card-link> 8231 8232 </li> 8233 8234 <li 8235 class="predictive-search-results__card predictive-search-results__card--product" 8236 ref="resultsItems[]" 8237 > 8238 8239<product-card-link 8240 class="resource-card__wrapper" 8241 8242 data-product-id="10719475106125" 8243 data-featured-media-url="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=500" 8244 data-product-transition="true" 8245 on:click="/handleViewTransition" 8246 8247 8248 view-event-payload="{"product":{"id":10719475106125,"title":"Olio Procaccini by Emin Haziri","handle":"olio-procaccini-by-emin-haziri","selectedVariant":null},"context":"search","selectedOptions":[]}" 8249 8250 ><div 8251 class="resource-card" 8252 data-resource-type="product" 8253> 8254 <a 8255 class="resource-card__link" 8256 href="/en/products/olio-procaccini-by-emin-haziri" 8257 > 8258 <span class="visually-hidden"> 8259 Olio Procaccini by Emin Haziri 8260 </span> 8261 </a> 8262 <div 8263 class="resource-card__media" 8264 style="--resource-card-aspect-ratio: 4 / 5;" 8265 8266 ref="cardGallery" 8267 data-view-transition-to-main-product 8268 8269 > 8270 8271 8272 8273 <img src="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=500" alt="olio" srcset="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=240 240w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano.jpg?v=1783612771&width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> 8274 8275 <img src="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=500" alt="olio_procaccini" srcset="//procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&width=240 240w, //procaccini.com/cdn/shop/files/Olio_Procaccini_Milano_ff9d6fcc-2753-440d-96b8-24b078796efc.jpg?v=1783675933&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%;"> 8276</div> 8277 8278 <div class="resource-card__content"> 8279 <p class="resource-card__title paragraph">Olio Procaccini by Emin Haziri</p> 8280 8281 8282 <div ref="priceContainer"> 8283 8284 8285 <div 8286 class=" 8287 price__regular 8288 8289 " 8290 > 8291 <span class="price">â¬40,00</span> 8292 </div> 8293 <div 8294 class=" 8295 price__sale 8296 8297 price__hidden 8298 8299 " 8300 > 8301 8302 <span class="price-item__group"> 8303 <span class="visually-hidden">Regular price </span> 8304 <span class="price-item--regular compare-at-price"></span> 8305 </span> 8306 <span class="price-item__group"> 8307 <span class="visually-hidden">Sale price </span> 8308 <span class="price-item--sale price">â¬40,00</span> 8309 </span> 8310 8311 </div> 8312 8313</div> 8314 8315 </div> 8316</div></product-card-link> 8317 8318 </li> 8319 8320 </ul> 8321 8322</div> 8323 8324 8325 8326 </div> 8327 8328</div> 8329 8330 </div> 8331 8332 <div class="predictive-search-form__footer"> 8333 <button 8334 class="button predictive-search__search-button" 8335 ref="viewAllButton" 8336 > 8337 View all 8338 </button> 8339 </div> 8340 </div> 8341 </form> 8342 </predictive-search-component> 8343 </dialog> 8344</dialog-component> 8345 8346 8347 8348 8349 8350
8350<script 8351 src="//procaccini.com/cdn/shop/t/4/assets/gift-card-recipient-form.js?v=170482155849799299241782288532" 8352 type="module" 8353 fetchpriority="low" 8354></script>
8354 8355<quick-add-dialog id="quick-add-dialog"> 8356 <dialog 8357 class="quick-add-modal dialog-modal color-custom-popover" 8358 ref="dialog" 8359 scroll-lock 8360 > 8361 <button 8362 ref="closeButton" 8363 on:click="/closeDialog" 8364 class="button button-unstyled close-button quick-add-modal__close" 8365 aria-label="Close dialog" 8366 ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8367<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"/> 8368</svg> 8369</button> 8370 8371 <product-component 8372 id="quick-add-modal-content" 8373 class="quick-add-modal__content" 8374 view-event-trigger="dialog" 8375 ></product-component> 8376 </dialog> 8377</quick-add-dialog> 8378 8379 8380 8381 8382 8383 8384 8385 <style> </style>
8386<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8386 8387</body> 8388</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.