/* ═══════════════════════════════════════════════════════════════════════════
   hero-cta — due CTA nella PRIMA schermata della Home: «Richiedi preventivo» · «Scopri le promozioni».
   Layer UI INDIPENDENTE: vive nel body, FUORI da #hxJourney; non legge né modifica nulla del motore del film (nessun hx*, nessun __hx).
   Si dissolve con lo scroll (js/hero-cta.js) quando il film comincia a muoversi. Stili pulsanti = .hx-btn già presenti in hxp66.css.
   ═══════════════════════════════════════════════════════════════════════════ */
.hero-cta{position:fixed;left:50%;bottom:clamp(108px,15.5vh,156px);transform:translateX(-50%);z-index:60;display:flex;gap:14px;align-items:center;justify-content:center;width:max-content;max-width:calc(100% - 40px);opacity:1;transition:opacity .2s linear}
.hero-cta .hx-btn{min-height:54px;padding:0 30px;font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;text-decoration:none}
.hero-cta .hx-btn-solid{box-shadow:0 12px 36px rgba(0,0,0,.38)}
.hero-cta .hx-btn-ghost{background:rgba(10,14,20,.34);border-color:rgba(255,255,255,.55)}
.hero-cta .hx-btn:focus-visible{outline:2px solid #f3d9a8;outline-offset:3px}
@media (max-width:768px){
  .hero-cta{left:20px;right:20px;transform:none;width:auto;max-width:none;flex-direction:column;align-items:stretch;gap:10px;bottom:calc(140px + env(safe-area-inset-bottom))}
  .hero-cta .hx-btn{width:100%;min-height:50px;padding:0 18px;font-size:.74rem}
}
/* primo accesso: il cookie banner (≈174 px) sta sopra la barra mobile → le CTA salgono sopra il banner, restano visibili senza scroll */
@media (max-width:768px){body:has(#cookie-banner.visible) .hero-cta{bottom:calc(196px + env(safe-area-inset-bottom))}.hero-cta{transition:opacity .2s linear,bottom .25s ease}}
@media (max-width:768px) and (max-height:620px){.hero-cta{bottom:calc(104px + env(safe-area-inset-bottom))}.hero-cta .hx-btn{min-height:44px}}
@media (prefers-reduced-motion:reduce){.hero-cta{transition:none}}

/* ── Home, desktop: con il fix di fx.js (body non più contenitore degli elementi fixed) menu e barra di avanzamento tornerebbero fissi anche
      durante il film. La presentazione desktop APPROVATA del film li ha "scorrevoli" (comportamento effettivo finora): resta identica. ── */
@media (hover:hover) and (pointer:fine){
  body.hx-prod #navbar{position:absolute}
  body.hx-prod #scroll-progress{display:none!important}
}

/* ancora #preventivo: la scheda del modulo non finisce sotto il menu fisso (mobile) */
#preventivo.pf-form-card{scroll-margin-top:96px}