/* v90: invitația înaintea formularului pe telefon; două coloane pe desktop. */
.demo-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "card" "editor" "rsvp"}
.demo-intro{grid-area:intro}
.demo-intro h1{margin-bottom:6px}
.demo-intro .helper{margin:0 0 18px}
#demoCard{grid-area:card;min-width:0;margin-bottom:28px}
.demo-editor{grid-area:editor;min-width:0}
.demo-editor-intro{margin:0 0 16px;line-height:1.6}
#demoResponse{grid-area:rsvp}
@media(min-width:960px){
  body main.demo-layout{max-width:1160px;padding:28px 32px 40px;grid-template-columns:minmax(320px,400px) minmax(0,1fr);grid-template-areas:"intro intro" "editor card" "editor rsvp";column-gap:48px;align-items:start}
  .demo-editor{position:sticky;top:20px}
  .demo-preview-link{display:none!important}
  #demoCard{margin-bottom:0}
}
/* v92: antet cu drum înapoi spre pagina principală și catalog. */
.demo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1160px;margin:0 auto;padding:14px 16px;box-sizing:border-box;border-bottom:1px solid #e6dcd0}
.demo-home{display:block;line-height:0}
.demo-home img{width:140px;height:auto}
.demo-header-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body .demo-header-links .back-link{margin:0;white-space:nowrap}
@media(max-width:480px){.demo-home img{width:110px}.demo-header-links{gap:6px}body .demo-header-links .back-link{min-height:36px;padding:6px 12px;font-size:12px}}
@media(min-width:960px){.demo-header{padding:16px 32px}}