/* Accoglienza e badge: postazioni, check-in, stampa badge, uscita. Solo ciò che site.css/home.css non coprono. */

/* mockup di prodotto nella hero di pagina (JPG su fondo --panel, come oggi) */
.hero__panel .media-panel{box-shadow:var(--shadow-lg);max-width:560px;margin-inline:auto}

/* mockup verticale (postazioni Stand + Desk) */
.media-panel--tall img{max-height:560px;width:auto}

/* due mockup affiancati (stampante + badge) */
.media-panel--duo{grid-template-columns:1.15fr .85fr;gap:clamp(12px,2vw,28px)}
.media-panel--duo img{max-height:400px;width:auto}
@media (max-width:480px){.media-panel--duo{grid-template-columns:1fr}.media-panel--duo img{max-height:260px}}

/* passi del check-in con link in coda */
.step__links{display:grid;gap:6px;margin-top:12px;justify-items:start}

/* fascia rossa «eventi della tua azienda»: link leggibili su rosso */
.events-band .link-arrow{color:#fff}
.events-band .btn-row{position:relative;z-index:1}

.faq{max-width:880px}