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