/* pizza 3D nella pagina ChiamataIntelligente per pizzerie */
.pz-stage{position:relative;justify-self:center;width:min(580px,100%);aspect-ratio:1/.9;margin:0}
.pz-stage::before{content:"";position:absolute;inset:10% 8% 6%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,122,61,.30),rgba(76,141,255,.10) 62%,transparent 76%);filter:blur(14px);z-index:0;pointer-events:none}
.pz-stage .pz3d{position:absolute;inset:0;z-index:1}
.pz3d canvas{width:100%!important;height:100%!important;display:block;cursor:grab}
.pz3d.pz3d-grab canvas{cursor:grabbing}
.pz3d.pz3d-fallback{display:grid;place-items:center}
.pz3d.pz3d-fallback img{width:94%;height:auto}
.pz-cards{position:absolute;inset:0;z-index:2;pointer-events:none}
.pz-card{position:absolute;display:flex;align-items:center;gap:10px;padding:9px 13px 9px 9px;border-radius:14px;background:rgba(8,14,30,.8);border:1px solid rgba(139,227,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px -18px rgba(0,0,0,.9);font-size:.8rem;line-height:1.25;color:#eef3fb;animation:pzf 6s ease-in-out infinite}
.pz-card b{display:block;font-weight:600}
.pz-card small{color:#9fb0cf}
.pz-card i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.pz-card svg{width:16px;height:16px}
.pc-tel{background:rgba(95,176,255,.18);color:#8ec5ff}
.pc-web{background:rgba(183,150,255,.18);color:#cdb8ff}
.pc-oven{background:rgba(255,138,61,.18);color:#ffb38a}
.pz-card.c1{top:4%;left:-3%}
.pz-card.c2{top:62%;right:-5%;animation-delay:-2s}
.pz-card.c3{bottom:6%;left:2%;animation-delay:-4s}
@keyframes pzf{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.pz-hint{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);z-index:2;font-size:.78rem;color:#8796b3;white-space:nowrap}
.pz-shots{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:center;margin-top:28px}
.pz-shots .device-browser{margin:0}
.pz-shots .device-phone{width:100%}
@media (max-width:980px){.pz-stage{width:min(520px,100%)}.pz-shots{grid-template-columns:1fr}.pz-shots .device-phone{width:min(280px,78vw)}}
@media (max-width:640px){.pz-card{font-size:.72rem;padding:6px 10px 6px 6px}.pz-card i{width:24px;height:24px}.pz-card.c1{left:0;top:0}.pz-card.c2{right:0}.pz-card.c3{left:0;bottom:4%}}
@media (prefers-reduced-motion:reduce){.pz-card{animation:none}}
.pz3d[hidden]{display:none!important}
.pz-kind-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:2px 0 18px;font-size:.9rem;color:#9fb0cf}
.pz-kind{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(139,227,255,.2)}
.pz-kind button{appearance:none;border:0;background:none;font:inherit;font-size:.9rem;font-weight:600;color:#c3cfe6;padding:8px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.pz-kind button:hover{color:#fff}
.pz-kind button[aria-pressed="true"]{background:#eef3fb;color:#0a1122}
.pz-kind button:focus-visible{outline:2px solid #8be3ff;outline-offset:2px}
.try .pz-kind{margin-top:14px}