/* v118: demo-ul în stilul site-ului (antet, fundal, titlu, carduri, câmpuri și butoane). Funcționarea rămâne aceeași. */
.demo-v118 .demo-intro{text-align:center;max-width:720px;margin:0 auto}
.demo-v118 .demo-intro .eyebrow{display:block;margin:6px 0 10px;font-size:10px;letter-spacing:2px;color:#805345}
.demo-v118 .demo-intro h1{max-width:none;margin:0 auto 10px;font:400 clamp(34px,4.2vw,52px)/1.1 Georgia,serif;letter-spacing:-1px;color:#39332e}
.demo-v118 .demo-intro .helper{max-width:560px;margin:0 auto 26px;font-size:16px;line-height:1.7;color:#70665f}
.demo-v118 .demo-editor-intro{font-size:14px;color:#70665f}
.demo-v118 .demo-controls label,.demo-v118 #demoRsvp label{font-size:14px;font-weight:600;color:#5f4a40}
.demo-v118 .demo-preview-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid #805345;border-radius:100px;color:#805345;font-weight:600;text-decoration:none}
.demo-v118 .demo-use .primary{min-height:52px;padding:12px 32px;font-size:15px}
.demo-v118 .demo-use .helper{color:#70665f}
.demo-v118 #continueWithoutDraft{color:#805345;font-weight:600;text-decoration:none}
.demo-v118 #demoResponse h2{font-size:clamp(24px,2.6vw,30px)}
.demo-v118 #demoCard>*{border-radius:16px}
@media(min-width:960px){.demo-v118 .demo-intro{grid-column:1/-1}}
@media(max-width:620px){.demo-v118 .demo-intro h1{font-size:32px}.demo-v118 .demo-intro .helper{font-size:15px;margin-bottom:18px}}
/* Antetul standard (ca pe homepage); stilurile vechi ale demo-ului îl afișau pe verticală. */
.demo-v118>header{max-width:1280px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-sizing:border-box}
.demo-v118>header .brand{display:block;line-height:0}
.demo-v118>header .sofinvite-logo{width:170px;height:auto}
.demo-v118>header nav{display:flex;flex-direction:row;align-items:center;gap:26px;margin:0;padding:0;background:none;border:0;box-shadow:none;position:static}
.demo-v118>header nav a{display:inline;padding:0;color:#39332e;font-size:15px;text-decoration:none;border:0;background:none}
.demo-v118>header nav a:hover{color:#805345}
.demo-v118>header .button.small{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid #805345;border-radius:8px;background:transparent;color:#805345;font-weight:600;text-decoration:none}
@media(max-width:1000px){.demo-v118>header{padding-inline:24px;gap:15px}.demo-v118>header nav{gap:15px}}
@media(max-width:620px){
 .demo-v118>header{padding:12px 18px;flex-wrap:wrap}
 .demo-v118>header .sofinvite-logo{width:120px}
 .demo-v118>header nav{order:3;width:100%;min-width:0;justify-content:space-between;gap:6px;padding:10px 0 2px;overflow-x:auto!important;scrollbar-width:none}
 .demo-v118>header nav a{font-size:12px;white-space:nowrap;letter-spacing:-.1px}
 .demo-v118>header .button.small{font-size:12px;padding:10px 15px}
}