.sb .site-wrap.demo-layout{max-width:1040px}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;padding-top:32px;padding-bottom:72px}.demo-main{min-width:0}.demo-card{background:var(--s-card,#fff);border:1px solid var(--s-line);border-radius:22px;padding:28px;box-shadow:0 18px 44px -18px rgba(15,38,64,.14)}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.demo-field{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--s-ink)}.demo-field>span{display:flex;gap:4px;align-items:baseline;flex-wrap:wrap}.demo-req{color:var(--s-danger,#b42332)}.demo-opt{color:var(--s-muted);font-weight:500;font-size:13px}.demo-field input,.demo-field select,.demo-field textarea{width:100%;box-sizing:border-box;padding-inline:12px;border:1px solid var(--s-line);border-radius:10px;background:var(--s-bg,#fff);color:var(--s-ink);font-family:inherit;font-weight:500}.demo-field textarea{min-height:110px;padding-block:8px;resize:vertical;line-height:1.7}.demo-field input::placeholder,.demo-field textarea::placeholder{color:var(--s-muted);opacity:.75}.demo-field input:focus,.demo-field select:focus,.demo-field textarea:focus{outline:none;border-color:var(--s-green);box-shadow:0 0 0 3px rgba(30,122,85,.16)}.demo-field [aria-invalid=true]{border-color:var(--s-danger,#b42332);box-shadow:0 0 0 3px rgba(180,35,50,.12)}.demo-more{margin-top:18px;padding-top:14px;border-top:1px solid var(--s-line)}.demo-more summary{width:fit-content;cursor:pointer;font-weight:700;font-size:15px;color:var(--s-green)}.demo-more[open] summary{margin-bottom:12px}.demo-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.demo-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.demo-actions .sb-btn{min-width:160px;border-radius:12px;cursor:pointer;font:inherit;font-weight:700}.demo-actions .sb-btn-primary,.demo-dialog .sb-btn-primary{background:var(--s-green);border-color:transparent;box-shadow:none}.demo-actions .sb-btn-primary:hover,.demo-dialog .sb-btn-primary:hover{background:var(--s-green-hover,#17664a)}.demo-actions .sb-btn[disabled]{opacity:.65;cursor:progress}.demo-privacy{flex:1 1 240px;margin:0;color:var(--s-muted);font-size:13px}.demo-privacy a{color:var(--s-green);font-weight:700;text-decoration:none}.demo-aside{background:var(--s-soft);border:1px solid var(--s-line);border-radius:18px;padding:20px 22px;font-size:15px}.demo-aside p{margin:0 0 6px}.demo-aside a{color:var(--s-green);font-weight:700;text-decoration:none}.demo-aside-title{font-weight:800;color:var(--s-ink)}.demo-aside .demo-aside-hours{margin-top:10px;color:var(--s-muted);font-size:14px}.demo-done{display:grid;justify-items:center;gap:14px;padding:44px 28px;text-align:center}.demo-done h2{max-width:28em;margin:0;font-size:21px;line-height:1.6;color:var(--s-ink)}.demo-done-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--s-green-soft);color:var(--s-green)}.demo-dialog{width:min(440px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border:1px solid var(--s-line);border-radius:18px;background:var(--s-card,#fff);color:var(--s-ink);font:inherit;box-shadow:0 24px 60px -20px rgba(15,38,64,.35)}.demo-dialog::backdrop{background:rgba(11,22,34,.45)}.demo-dialog h2{margin:0 0 10px;font-size:18px}.demo-dialog ul{margin:0 0 18px;padding-inline-start:20px;font-size:15px;line-height:1.8}.demo-dialog .sb-btn{min-width:110px;cursor:pointer;font:inherit;font-weight:700}@media (max-width:820px){.demo-grid,.demo-layout{grid-template-columns:minmax(0,1fr)}.demo-layout{padding-top:24px;padding-bottom:56px}.demo-card{padding:20px 16px;border-radius:18px}}