#homepage-copy-draft .pz-live-demo{height:auto;aspect-ratio:3/2;max-width:1440px;margin:45px auto 0;overflow:hidden;border-radius:26px;position:relative}.pz-scene{position:absolute;width:1536px;height:1024px;left:0;top:0;transform-origin:0 0;transform:scale(var(--pz-scale,1))}.pz-standing-photo{position:absolute;inset:0;width:1536px;height:1024px}.pz-real-screen{position:absolute;left:0;top:0;width:390px;height:900px;border-radius:55px;overflow:hidden;transform-origin:0 0;transform:matrix3d(0.8136807645,0.0021072974,0.0000000000,0.0000689095,0.0530870343,0.8076551056,0.0000000000,-0.0000485607,0.0000000000,0.0000000000,1.0000000000,0.0000000000,154.0000000000,107.0000000000,0.0000000000,1.0000000000);background:#181613}.pz-real-screen iframe{width:390px;height:900px;border:0;display:block}.pz-real-island{position:absolute;top:10px;left:140px;width:112px;height:35px;background:#020202;border-radius:23px;z-index:4}.pz-message-side{left:51%;top:10%;width:39%;height:76%;display:flex;align-items:center}.pz-chat-log{width:100%;min-height:0;max-height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:8px 10px}.pz-chat-log .wa-message{font-size:clamp(14px,1.55vw,21px);padding:12px 15px;max-width:93%}.pz-chat-log .wa-meta{font-size:11px}.pz-chat-log .wa-row{flex-shrink:0}.pz-chat-log .wa-row.wa-visible .wa-message{animation:wa-arrive 260ms cubic-bezier(.16,.8,.25,1) both}.pz-chat-log .wa-out .wa-message{background:#10543d}.pz-chat-log .wa-in .wa-message{background:#242626}.pz-demo-controls,.pz-chat-label{display:none!important}@media(max-width:600px){#homepage-copy-draft .pz-live-demo{aspect-ratio:auto;height:1040px;margin-top:25px;border-radius:0}.pz-scene{left:0}.pz-message-side{left:5%;width:90%;top:570px;height:410px}.pz-chat-log .wa-message{font-size:16px}}/* Full section background, with a continuous fade into the next surface. */
#homepage-copy-draft #menu-messaggio{position:relative;background:#fb8158;border-bottom:0!important;padding-bottom:0}
#menu-messaggio .pz-section-copy{position:relative;z-index:2;padding-top:12px}
#menu-messaggio .draft-button{background:#203c31;color:#fff}
#menu-messaggio .draft-button:hover{background:#162d24}
#homepage-copy-draft .pz-live-demo{max-width:none;width:100%;border-radius:0;margin-top:35px}
#menu-messaggio .pz-live-demo::after{content:'';position:absolute;z-index:3;left:0;right:0;bottom:-1px;height:27%;pointer-events:none;background:linear-gradient(to bottom,rgba(247,246,242,0) 0%,rgba(247,246,242,.08) 12%,rgba(247,246,242,.3) 36%,rgba(247,246,242,.65) 62%,rgba(247,246,242,.91) 83%,#f7f6f2 100%)}
@media(max-width:600px){#menu-messaggio .pz-live-demo::after{height:180px}}
#menu-messaggio .pz-live-demo::before{content:'';position:absolute;z-index:1;inset:0 0 auto;height:110px;pointer-events:none;background:linear-gradient(#fb8158,rgba(251,129,88,0))}
/* Copy belongs to the scene; the product is framed from farther away. */
#homepage-copy-draft #menu-messaggio{padding:0!important;background:#fb8158}
#menu-messaggio .pz-section-copy{position:absolute;top:65px;left:50%;right:6%;max-width:650px;margin:0;padding:0!important;z-index:5}
#menu-messaggio .pz-section-copy .draft-label{display:none}
#homepage-copy-draft #menu-messaggio h2{font-size:clamp(34px,3.1vw,53px);margin:0 0 20px;line-height:1.12}
#homepage-copy-draft #menu-messaggio .pz-section-copy p{font-size:18px;line-height:1.55;margin-bottom:22px;max-width:590px}
#homepage-copy-draft .pz-live-demo{height:940px;aspect-ratio:auto;margin:0!important;background:linear-gradient(175deg,#fb8158 0%,#fa8058 63%,#f2dfca 72%,#f7f6f2 100%)}
#menu-messaggio .pz-scene{top:50px;left:50%;margin-left:calc(var(--pz-scene-width,1280px) / -2)}
#menu-messaggio .pz-standing-photo{mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
#menu-messaggio .pz-message-side{left:50%;top:390px;width:43%;max-width:620px;height:350px;align-items:flex-end;z-index:4}
#menu-messaggio .pz-chat-log .wa-message{font-size:18px}
#menu-messaggio .pz-live-demo::before{height:150px}
#menu-messaggio .pz-live-demo::after{height:200px}
.pz-real-screen iframe{position:absolute;top:44px;height:856px}
.pz-real-island{box-shadow:0 0 0 12px #181613}
@media(max-width:1000px) and (min-width:601px){#menu-messaggio .pz-section-copy{left:48%;right:4%;top:55px}#homepage-copy-draft #menu-messaggio h2{font-size:36px}#homepage-copy-draft #menu-messaggio .pz-section-copy p{font-size:16px}#menu-messaggio .pz-message-side{left:49%;width:47%;top:410px}#menu-messaggio .pz-chat-log .wa-message{font-size:16px}}
@media(max-width:600px){#homepage-copy-draft .pz-live-demo{height:1330px}#menu-messaggio .pz-section-copy{left:24px;right:24px;top:45px}#homepage-copy-draft #menu-messaggio h2{font-size:34px}#homepage-copy-draft #menu-messaggio .pz-section-copy p{font-size:16px}#menu-messaggio .pz-scene{top:350px;left:0;margin-left:0}#menu-messaggio .pz-message-side{top:890px;left:20px;width:calc(100% - 40px);height:270px}#menu-messaggio .pz-chat-log .wa-message{font-size:15px}}
/* Remove lateral feathering; retain only the intentional bottom transition. */
#menu-messaggio .pz-standing-photo{mask-image:none!important;-webkit-mask-image:none!important}
#menu-messaggio .pz-live-demo{background:#fb8158!important}
#menu-messaggio .pz-live-demo::before{display:none!important}
/* Extend the photograph's edge pixels without blur or feather masks. */
#menu-messaggio .pz-scene{top:0}
#menu-messaggio .pz-scene::before,#menu-messaggio .pz-scene::after{content:'';position:absolute;top:0;width:2500px;height:1024px;background-image:url('/assets/brand/panuzza-standing-phone.webp');background-repeat:no-repeat;background-size:2500000px 1024px;pointer-events:none}
#menu-messaggio .pz-scene::before{right:100%;background-position:left top}
#menu-messaggio .pz-scene::after{left:100%;background-position:right top}
@media(max-width:600px){#menu-messaggio .pz-scene{top:350px}}

/* One continuous wide photograph replaces all edge-extension workarounds. */
#homepage-copy-draft #menu-messaggio .pz-live-demo{height:clamp(800px,66.6667vw,1100px)}
#menu-messaggio .pz-scene{left:0;top:0;margin-left:0}
#menu-messaggio .pz-scene::before,#menu-messaggio .pz-scene::after{display:none!important}
.pz-real-screen{transform:matrix3d(0.5039212414,0.0185382947,0.0000000000,0.0000611825,0.0227331887,0.5125668836,0.0000000000,-0.0000096409,0.0000000000,0.0000000000,1.0000000000,0.0000000000,384.0000000000,303.0000000000,0.0000000000,1.0000000000)!important}
#menu-messaggio .pz-standing-photo{mask-image:none!important;-webkit-mask-image:none!important}
@media(max-width:600px){#homepage-copy-draft #menu-messaggio .pz-live-demo{height:1330px}#menu-messaggio .pz-scene{top:350px}}
/* Messages disappear progressively at the upper boundary, below the CTA. */
#menu-messaggio .pz-message-side{overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.5) 11%,rgba(0,0,0,.86) 19%,#000 27%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.5) 11%,rgba(0,0,0,.86) 19%,#000 27%,#000 100%)}
@media(min-width:601px){#menu-messaggio .pz-message-side{top:var(--pz-chat-safe-top,420px);height:350px;mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,.08) 22px,rgba(0,0,0,.3) 52px,rgba(0,0,0,.65) 85px,#000 125px);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,.08) 22px,rgba(0,0,0,.3) 52px,rgba(0,0,0,.65) 85px,#000 125px)}}
@media(min-width:601px){#menu-messaggio .pz-message-side{mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,.35) 12px,rgba(0,0,0,.8) 30px,#000 48px);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,.35) 12px,rgba(0,0,0,.8) 30px,#000 48px)}}
/* Conversation above the phone; centered copy in the right-hand field. */
@media(min-width:601px){
 #menu-messaggio .pz-message-side{left:7%!important;top:18px!important;width:38%!important;max-width:620px;height:clamp(210px,20vw,300px)!important;align-items:flex-end;mask-image:linear-gradient(to bottom,transparent 0,#000 32px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 32px)}
 #menu-messaggio .pz-chat-log{padding-left:10px;padding-right:10px}
 #menu-messaggio .pz-chat-log .wa-message{font-size:clamp(14px,1.15vw,18px);padding:9px 12px}
 #menu-messaggio .pz-section-copy{top:32%!important;left:50%!important;right:5%!important;max-width:650px;text-align:center}
 #homepage-copy-draft #menu-messaggio .pz-section-copy h2{margin-left:auto;margin-right:auto}
 #homepage-copy-draft #menu-messaggio .pz-section-copy p{margin-left:auto;margin-right:auto}
}
@media(max-width:600px){#menu-messaggio .pz-section-copy{text-align:center}#menu-messaggio .pz-message-side{top:865px!important}}
/* Mascot blue connects the hero frame to the first product section. */
:root{--pz-mascot-blue:#a2cada}
html,body,body>div:has(main){background-color:var(--pz-mascot-blue)!important}
main>section[data-framer-name="Hero"]{background:var(--pz-mascot-blue)!important}
#homepage-copy-draft #menu-messaggio,#homepage-copy-draft #menu-messaggio .pz-live-demo{background:var(--pz-mascot-blue)!important}

/* Draw from the free tail to the dish; the arrowhead is traced last. */
.pz-drawn-arrow{position:absolute;inset:0;width:1536px;height:1024px;overflow:visible;pointer-events:none;opacity:0;z-index:8}.pz-drawn-arrow path{fill:none;stroke:#203b35;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}

/* Decorative live menu: gestures pass through to page scrolling. */
.pz-real-screen,.pz-real-screen iframe{pointer-events:none!important;user-select:none;-webkit-user-select:none}

/* Bright ink and a dark edge preserve contrast across all three surfaces. */
.pz-drawn-arrow path{stroke:#ffdf00;stroke-width:4.5;filter:drop-shadow(1px 0 0 #493017) drop-shadow(-1px 0 0 #493017) drop-shadow(0 1px 0 #493017) drop-shadow(0 -1px 0 #493017)}

.pz-drawn-arrow path{filter:none}
/* Compact mobile composition: one continuous scene, copy above and chat beside phone. */
#homepage-copy-draft #menu-messaggio .draft-button{background:#ff7045!important;color:#fff!important}
@media(max-width:600px){
 #homepage-copy-draft #menu-messaggio .pz-live-demo{height:660px!important;min-height:0;aspect-ratio:auto}
 #menu-messaggio .pz-section-copy{top:26px!important;left:20px!important;right:20px!important;max-width:none}
 #homepage-copy-draft #menu-messaggio .pz-section-copy h2{font-size:clamp(25px,5.5vw,30px)!important;line-height:1.12;letter-spacing:-.7px;margin:0 auto 13px}
 #homepage-copy-draft #menu-messaggio .pz-section-copy p{font-size:13px!important;line-height:1.5;margin:0 auto 16px;max-width:420px}
 #homepage-copy-draft #menu-messaggio .draft-button{font-size:13px;padding:11px 20px;min-height:0}
 #menu-messaggio .pz-scene{top:56px!important;left:calc(8% - 250px)!important;margin:0!important}
 #menu-messaggio .pz-message-side{top:290px!important;left:auto!important;right:12px!important;width:49%!important;height:235px!important;max-width:none;mask-image:linear-gradient(to bottom,transparent,#000 26px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 26px)}
 #menu-messaggio .pz-chat-log{padding:4px 5px;gap:7px}
 #menu-messaggio .pz-chat-log .wa-message{font-size:11px!important;line-height:1.35;padding:8px 9px;max-width:100%}
 #menu-messaggio .pz-chat-log .wa-meta{font-size:8px;margin-left:4px}
 #menu-messaggio .pz-chat-log .wa-ticks{width:13px;height:8px}
 #menu-messaggio .pz-live-demo::after{height:95px!important}
}
/* The responsive Framer wrappers must share the hero's blue frame. */
body div:has(> main),body div:has(> div > main){background-color:var(--pz-mascot-blue)!important}

/* A long, soft glass fade leads messages toward the hero edge. */
@media(max-width:600px){#menu-messaggio .pz-message-side{top:0!important;height:525px!important;mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,.03) 30px,rgba(0,0,0,.15) 70px,rgba(0,0,0,.4) 115px,rgba(0,0,0,.75) 160px,#000 205px);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,.03) 30px,rgba(0,0,0,.15) 70px,rgba(0,0,0,.4) 115px,rgba(0,0,0,.75) 160px,#000 205px)}#menu-messaggio .pz-section-copy{z-index:6;pointer-events:none}#menu-messaggio .pz-section-copy a{pointer-events:auto}}

#homepage-copy-draft #menu-messaggio .pz-section-copy h2{font-weight:800!important;line-height:1.1;margin-bottom:25px;letter-spacing:-1.3px}
@media(max-width:600px){#homepage-copy-draft #menu-messaggio .pz-section-copy h2{font-size:28px!important;line-height:1.12;letter-spacing:-.7px;max-width:420px;margin-bottom:20px}}

/* Catch touch hit-testing above the iframe while allowing normal page gestures. */
#menu-messaggio .pz-screen-shield{position:absolute;inset:0;z-index:20;pointer-events:auto!important;touch-action:pan-y;user-select:none;-webkit-user-select:none;background:transparent}
#menu-messaggio .pz-real-screen iframe{pointer-events:none!important;touch-action:none!important}

/* A single table-to-ivory transition; no blue strip below the photograph. */
@media(min-width:601px){#homepage-copy-draft #menu-messaggio .pz-live-demo{height:66.666667vw!important;min-height:0!important}}
#menu-messaggio .pz-live-demo::after{background:linear-gradient(to bottom,rgba(247,246,242,0) 0%,rgba(247,246,242,.12) 20%,rgba(247,246,242,.52) 58%,#f7f6f2 100%)!important;height:230px!important;bottom:0!important;pointer-events:none}
#homepage-copy-draft #whatsapp-menu.glow-original-section{background:#f7f6f2!important}
@media(max-width:600px){#menu-messaggio .pz-live-demo::after{height:125px!important}}