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