/* ================================================================
   Farmafiches · iPhone 3D nelle fasce di /medici.
   Il telefono è UNO, persistente su un canvas fixed: vola tra le
   colonne-immagine delle fasce ([data-p3d]) seguendo lo scroll e
   cambia schermata. Niente testi propri: i testi sono delle sezioni.
   Solo desktop (>920px): sotto, restano le preview statiche.
   ================================================================ */
#p3d-wrap{position:fixed;inset:0;z-index:30;pointer-events:none;
  opacity:0;transition:opacity .5s ease}
#p3d-wrap.on{opacity:1}
#p3d-gl{position:absolute;inset:0;width:100%;height:100%}
#p3d-shadow{position:absolute;left:50%;top:50%;width:300px;height:52px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 68%);
  filter:blur(14px);will-change:transform,opacity}
.p3d-credit{position:absolute;left:clamp(16px,4vw,44px);bottom:12px;
  font-size:10.5px;color:var(--tx3);pointer-events:auto}
.p3d-credit a{text-decoration:underline}

/* col motore attivo, le preview statiche nelle fasce lasciano il posto
   al telefono 3D (il contenitore resta: tiene lo spazio e il glow) */
@media(min-width:921px){
  body.p3d-on [data-p3d] .phone{visibility:hidden}
  body.p3d-on [data-p3d].phone-duo .phone{visibility:hidden}
}
@media(max-width:920px){
  #p3d-wrap{display:none}
}