.demo-scope{min-height:100dvh;--demo-purple:#a78bfa}.demo-banner{position:sticky;top:0;z-index:1500;padding:10px 20px;background:#171026;color:#f5f1ff;border-bottom:1px solid #554072;font:13px/1.5 var(--font-inter,system-ui)}.demo-banner p{display:flex;align-items:center;gap:18px;max-width:1440px;margin:0 auto 8px}.demo-banner strong{white-space:nowrap;letter-spacing:1.4px;color:#cdb8ff}.demo-banner nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:1440px;margin:auto}.demo-banner nav a,.demo-banner nav button{display:inline-flex;gap:6px;align-items:center;padding:7px 10px;border:1px solid #66517d;border-radius:9px;background:transparent;color:#f5f1ff;text-decoration:none;font:inherit;cursor:pointer;min-height:34px}.demo-banner nav a:hover,.demo-banner nav button:hover{background:#302341;border-color:#a78bfa}.demo-loading{min-height:65dvh;display:grid;place-content:center;gap:20px;padding:40px;background:#100b1f;color:#f5f1ff;text-align:center}.demo-message{padding:16px;max-width:1000px;margin:auto}.demo-invite{display:grid;justify-items:center;gap:12px;padding:18px;border:1px solid var(--line,#66517d);border-radius:18px}.demo-invite img{background:white;border-radius:12px;max-width:100%;height:auto}.wizyt-demo-active .ve-shell{top:var(--demo-banner-height,108px);height:calc(100dvh - var(--demo-banner-height, 108px))}.wizyt-demo-active .visual-site :is(.vs-header-sticky,.vs-header-overlay){top:var(--demo-banner-height,108px)}.demo-scope .workspace-shell{min-height:calc(100dvh - var(--demo-banner-height, 108px))}.demo-scope .workspace-sidebar{top:var(--demo-banner-height,108px);height:calc(100dvh - var(--demo-banner-height, 108px))}.demo-booking-focus{outline:3px solid #a78bfa!important;outline-offset:2px;box-shadow:0 0 0 6px #a78bfa35!important}@media (max-width:767px){.demo-banner{padding:8px 12px;font-size:11px}.demo-banner p{display:block;margin-bottom:6px}.demo-banner strong{display:block;margin-bottom:3px}.demo-banner nav{gap:5px}.demo-banner nav a,.demo-banner nav button{padding:6px 8px;min-height:36px}.demo-invite{padding:12px}}.demo-phone-calendar{max-width:1440px;margin:auto;padding:16px}.demo-editor-note{margin:0;padding:8px 16px;background:var(--surface,#21192e);color:var(--text,#f5f1ff);font:13px/1.5 system-ui}.wizyt-demo-active .sidebar{top:var(--demo-banner-height,108px);height:calc(100dvh - var(--demo-banner-height, 108px))}.wizyt-demo-active .ve-editor{top:var(--demo-banner-height,84px);height:calc(100dvh - var(--demo-banner-height, 84px));min-height:0}.demo-scope .demo-editor-note{background:#241832;color:#f4efff}@media (max-width:767px){.demo-banner nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:3px}.demo-banner nav>a,.demo-banner nav>button{flex-shrink:0;white-space:nowrap}.demo-banner p{font-size:10px;line-height:1.4}.demo-banner strong{display:inline;margin-right:8px}.demo-banner nav a,.demo-banner nav button{font-size:11px}.demo-phone-calendar{padding:10px}}.wizyt-demo-active :is(.ve-editor,.ve-dialog){--ve-ink:#282133;--ve-muted:#6d637b;--ve-line:#dfd7e9;--ve-soft:#f3eff8;--ve-green:#7450a8;--ve-green-dark:#563381;--ve-accent:#e9def6;--ve-white:#fff;color-scheme:light}.wizyt-demo-active .ve-editor{background:var(--ve-soft)}.wizyt-demo-active .ve-editor :is(.ve-canvas-stage,.ve-bottom-status){background:var(--ve-soft)}[data-wizyt-theme=dark].wizyt-demo-active :is(.ve-editor,.ve-dialog){--ve-ink:#f4f0fa;--ve-muted:#bcb2cc;--ve-line:#44384f;--ve-soft:#24202d;--ve-green:#baa1ef;--ve-green-dark:#8059bd;--ve-accent:#3b2c52;--ve-white:#1d1925;color-scheme:dark}.wizyt-demo-active .ve-button-primary{background:#7650af;color:#fff;border-color:#9371c7}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :is(button,input,textarea,select):not(.visual-site *){background:var(--ve-white);color:var(--ve-ink);border-color:var(--ve-line)}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :is(.ve-button,.ve-editor-return,.ve-topbar a):not(.visual-site *){background:var(--ve-white);color:var(--ve-ink);border-color:var(--ve-line)}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :is(input,textarea,select):not(.visual-site *){background:var(--ve-white);caret-color:var(--ve-ink)}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :is(.ve-workspace-toolbar,.ve-statusbar,.ve-sidebar,.ve-inspector,.ve-toolrail,.ve-sidebar-footer){background:var(--ve-white);color:var(--ve-ink);border-color:var(--ve-line)}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :is(.ve-wordmark,.ve-layer-row,.ve-tree-disclosure,.ve-toolrail button){color:var(--ve-ink)}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :is(.ve-layer-row,.ve-tree-disclosure,.ve-toolrail button){background:transparent}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :is(.ve-layer-header,.ve-toolrail button.is-active,.ve-button.is-active,.ve-layer-row.is-selected){background:var(--ve-accent);color:var(--ve-ink);border-color:var(--ve-line)}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :is(.ve-layer-row,.ve-toolrail button,.ve-button):hover{background:var(--ve-soft);color:var(--ve-ink)}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :is(.ve-layer-row,.ve-toolrail button,.ve-button,.ve-wordmark,.ve-statusbar) :is(span,small,strong,b){color:inherit}.wizyt-demo-active :is(.ve-editor,.ve-dialog) .ve-button-primary{background:#7650af;color:#fff;border-color:#9371c7}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :focus-visible{outline-color:var(--ve-green)}.wizyt-demo-active :is(.ve-editor,.ve-dialog) :is(.ve-panel-title>span,.ve-canvas-label>span,.ve-statusbar a){color:var(--ve-muted)}.wizyt-demo-active .ve-dialog{background:var(--ve-white);color:var(--ve-ink);border-color:var(--ve-line)}@media (max-width:599px){.wizyt-demo-active .ve-topbar{flex-wrap:wrap;gap:8px}.wizyt-demo-active .ve-topbar-brand{gap:12px;flex-shrink:0}.wizyt-demo-active .ve-topbar-history{margin-left:auto;flex-shrink:0;gap:4px}.wizyt-demo-active .ve-topbar-history .ve-button{width:36px;min-width:36px;min-height:36px}.wizyt-demo-active .ve-topbar-actions{flex:1 0 100%;flex-wrap:wrap;gap:8px}.wizyt-demo-active .ve-topbar-actions>.ve-button{flex:1 1 auto;font-size:11px;min-height:44px;padding:8px 12px}.wizyt-demo-active .ve-topbar-actions>.ve-button-primary{display:none}}.demo-scope[data-demo-profile=beauty] .demo-banner{background:#21101b;border-color:#6d3b53;color:#fff4f8}.demo-scope[data-demo-profile=beauty] .demo-banner strong{color:#f8b7d2}.demo-scope[data-demo-profile=beauty] .demo-banner :is(a,button){border-color:#82506a;color:#fff4f8;background:#2a1522}.demo-scope[data-demo-profile=beauty] .demo-banner :is(a,button):hover{background:#442038;border-color:#f28bb8}.demo-scope[data-demo-profile=beauty] .demo-banner :is(a,button):focus-visible{outline-color:#f28bb8}.demo-scope[data-demo-profile=workshop] .demo-banner{background:#101c2c;border-color:#345f8a;color:#f2f7ff}.demo-scope[data-demo-profile=workshop] .demo-banner strong{color:#a9d3ff}.demo-scope[data-demo-profile=workshop] .demo-banner :is(a,button){background:#16263b;border-color:#416b96;color:#f2f7ff}.demo-scope[data-demo-profile=workshop] .demo-banner :is(a,button):hover{background:#213b5a;border-color:#78b5ff}.demo-scope[data-demo-profile=workshop] .demo-banner :is(a,button):focus-visible{outline-color:#78b5ff}.demo-scope[data-demo-profile=doctor] .demo-banner{background:#f6faef;color:#203019;border-color:#547a25}.demo-scope[data-demo-profile=doctor] .demo-banner strong{color:#547a25}.demo-scope[data-demo-profile=doctor] .demo-banner :is(a,button){background:#edf5df;color:#203019;border-color:#547a25}.demo-scope[data-demo-profile=doctor] .demo-banner :is(a,button):hover{background:#ffffff}.demo-scope[data-demo-profile=doctor] .demo-banner :is(a,button):focus-visible{outline-color:#547a25}.demo-scope[data-demo-profile=vet] .demo-banner{background:#f1f9fd;color:#183449;border-color:#2165a6}.demo-scope[data-demo-profile=vet] .demo-banner strong{color:#2165a6}.demo-scope[data-demo-profile=vet] .demo-banner :is(a,button){background:#e4f2f9;color:#183449;border-color:#2165a6}.demo-scope[data-demo-profile=vet] .demo-banner :is(a,button):hover{background:#ffffff}.demo-scope[data-demo-profile=vet] .demo-banner :is(a,button):focus-visible{outline-color:#2165a6}.demo-scope[data-demo-profile=trainer] .demo-banner{background:#0a090d;color:#f6f2ff;border-color:#bb94f6}.demo-scope[data-demo-profile=trainer] .demo-banner strong{color:#bb94f6}.demo-scope[data-demo-profile=trainer] .demo-banner :is(a,button){background:#121018;color:#f6f2ff;border-color:#bb94f6}.demo-scope[data-demo-profile=trainer] .demo-banner :is(a,button):hover{background:#1c1726}.demo-scope[data-demo-profile=trainer] .demo-banner :is(a,button):focus-visible{outline-color:#bb94f6}.demo-scope[data-demo-profile=hair] .demo-banner{background:#0d0c0a;color:#fff9ed;border-color:#e0bd76}.demo-scope[data-demo-profile=hair] .demo-banner strong{color:#e0bd76}.demo-scope[data-demo-profile=hair] .demo-banner :is(a,button){background:#191610;color:#fff9ed;border-color:#e0bd76}.demo-scope[data-demo-profile=hair] .demo-banner :is(a,button):hover{background:#252016}.demo-scope[data-demo-profile=hair] .demo-banner :is(a,button):focus-visible{outline-color:#e0bd76}.demo-scope[data-demo-profile=manicure] .demo-banner{background:#fffced;color:#19314a;border-color:#245fa8}.demo-scope[data-demo-profile=manicure] .demo-banner strong{color:#245fa8}.demo-scope[data-demo-profile=manicure] .demo-banner :is(a,button){background:#f7f2d9;color:#19314a;border-color:#245fa8}.demo-scope[data-demo-profile=manicure] .demo-banner :is(a,button):hover{background:#ffffff}.demo-scope[data-demo-profile=manicure] .demo-banner :is(a,button):focus-visible{outline-color:#245fa8}.demo-scope[data-demo-profile=massage] .demo-banner{background:#071f18;color:#faf6e8;border-color:#e3c681}.demo-scope[data-demo-profile=massage] .demo-banner strong{color:#e3c681}.demo-scope[data-demo-profile=massage] .demo-banner :is(a,button){background:#0d2b22;color:#faf6e8;border-color:#e3c681}.demo-scope[data-demo-profile=massage] .demo-banner :is(a,button):hover{background:#173b2f}.demo-scope[data-demo-profile=massage] .demo-banner :is(a,button):focus-visible{outline-color:#e3c681}.demo-scope[data-demo-profile=dentist] .demo-banner{background:#f1f9fd;color:#183449;border-color:#2165a6}.demo-scope[data-demo-profile=dentist] .demo-banner strong{color:#2165a6}.demo-scope[data-demo-profile=dentist] .demo-banner :is(a,button){background:#e4f2f9;color:#183449;border-color:#2165a6}.demo-scope[data-demo-profile=dentist] .demo-banner :is(a,button):hover{background:#ffffff}.demo-scope[data-demo-profile=dentist] .demo-banner :is(a,button):focus-visible{outline-color:#2165a6}