/* Voompi workspace: warm paper, ink, generous space, focused navigation.
   Customer page colors and type remain controlled by saved page settings. */
:root{--workspace-ink:#29251f;--workspace-paper:#fcfaf6;--workspace-line:#e6e0d6;--workspace-muted:#786e61}
body{background:#f6f3ed}
.nav{background:#fcfaf6f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--workspace-line)}
.nav-inner{min-height:80px}.nav-links{gap:24px}.nav-links a{font-size:12px}.nav-actions .btn{border-radius:100px}
.hero{background:radial-gradient(ellipse at 85% 20%,#e4d5c2 0,transparent 48%),#f6f3ed;border-bottom:1px solid var(--workspace-line)}
.hero-inner{min-height:660px;gap:65px;padding-block:80px}.hero-copy h1{font-size:clamp(54px,6.8vw,94px);line-height:1.04;letter-spacing:-.055em}.hero-copy>p{font-size:17px;line-height:1.9;max-width:440px}.hero-copy .eyebrow{letter-spacing:.18em}.hero-actions .btn{border-radius:100px;padding:16px 26px;min-height:52px}.hero-quiet{font-size:12px;color:#807264;margin-top:22px}
.hero-stage .stage-stamp{border-radius:50%;background:#ede2d3}.hero-stage .orbit{opacity:.3}.showcase-phone{box-shadow:0 32px 90px #4b38242b;transform:rotate(3deg)}.stage-note{border-radius:16px;box-shadow:0 18px 55px #49382212}
.ribbon{background:#e9e1d5;border:0}.ribbon-inner{min-height:76px;gap:26px}.ribbon span{font-size:12px}
.section{padding:96px 0}.section-head{max-width:680px}.section-head h2{font-size:clamp(36px,4.5vw,58px)}.features{gap:20px}.feature{border:1px solid var(--workspace-line);border-radius:20px;padding:30px;background:var(--workspace-paper)}.feature h3{font-size:22px}.feature>span{font-size:12px;color:#9c856c}.feature p{line-height:1.8}
.template-zone{background:#eee8df}.template-tile{border-radius:20px;overflow:hidden;border:1px solid #dcd3c5;background:var(--workspace-paper)}.tile-scene{height:310px}.tile-info{padding:20px}.tile-info button{border-radius:100px;padding:10px 16px}.steps{gap:32px}.step{padding:30px;border-top:1px solid #d7ccbd}.step b{font-family:var(--serif);font-weight:400;font-size:36px}.pricing-grid{gap:18px}.price-card{border-radius:20px}.cta-section{border-radius:28px;margin:30px auto;width:min(1160px,calc(100% - 32px));padding:75px 24px}.cta-section .btn{border-radius:100px}.footer{padding-top:65px}
/* Shared account / owner workspace, scoped away from customer profiles. */
.editor-shell,.dash-wrap{background:#f6f3ed;color:var(--workspace-ink)}
.editor-shell .btn,.dash-wrap .btn,.account-card .btn{border-radius:10px;min-height:44px;padding:11px 17px;font-size:12px;box-shadow:none}
.editor-top{background:#fcfaf6f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--workspace-line);min-height:78px;padding:14px 28px;gap:16px}
.editor-brand small{font-size:11px;letter-spacing:.04em;color:#8a7d6b}.editor-actions{gap:8px}.editor-shell .editor-actions .btn{display:inline-flex!important}.studio-save-status{font-size:11px;border-radius:100px;padding:8px 12px}
.editor-layout{grid-template-columns:210px minmax(330px,1fr) minmax(330px,390px);max-width:1600px;margin:auto;align-items:start;min-height:calc(100vh - 78px)}
.editor-sidebar{position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto;background:transparent;padding:30px 16px;border-right:1px solid var(--workspace-line)}
.editor-sidebar>button{border-radius:10px;min-height:46px;margin-bottom:5px;padding:12px 14px;color:#756858;font-size:12px;text-align:left}.editor-sidebar>button.active{background:#2b2721;color:#fffaf2}.editor-sidebar>button span{display:none}.editor-sidebar>.eyebrow{font-size:9px;padding:0 14px;margin-bottom:20px}.sidebar-note{font-size:11px;line-height:1.8;padding:12px 14px;color:#8d8274}
.workspace-links{display:grid;gap:3px;padding:18px 0;border-top:1px solid var(--workspace-line);margin-top:18px}.workspace-links a{font-size:11px;color:#796f61;padding:10px 14px;border-radius:8px}.workspace-links a:hover,.workspace-links a[aria-current=page]{background:#ebe3d7;color:#302920}
.editor-panel{padding:34px 32px;max-height:none;overflow:visible;min-width:0}.editor-panel h1{font-size:40px;line-height:1.15;margin:14px 0}.editor-intro{font-size:13px;line-height:1.8;color:#827567;margin-bottom:26px}.editor-panel .eyebrow{font-size:9px}
.editor-panel .pane{border-radius:16px;background:#fffdfa;border:1px solid var(--workspace-line);padding:25px;margin-bottom:18px;box-shadow:0 4px 15px #45321d03}.editor-panel .pane-heading{margin-bottom:22px;align-items:center}.editor-panel .pane-heading h3{font-size:18px;font-weight:600;letter-spacing:-.03em}.editor-panel .pane-heading .eyebrow{max-width:115px;text-align:right;line-height:1.6}
.editor-panel .field{margin-bottom:20px}.editor-panel .field label{font-size:12px;margin-bottom:9px;color:#675b4c}.editor-panel .field input:not([type=range]):not([type=radio]),.editor-panel .field select,.editor-panel .field textarea{border-radius:9px;background:#fff;border-color:#e0d8cc;min-height:46px;font-size:14px;padding:12px}.editor-panel input[type=range]{accent-color:#8b7354}.editor-panel .legal{color:#817568;font-size:12px;line-height:1.8}.editor-panel .subtle-note{padding:18px;border:1px solid #e2d4c1;background:#eee5d7;border-radius:12px;font-size:12px}.editor-panel .blank-state{border-radius:12px;line-height:1.8}
.studio-section-nav{display:flex;overflow:auto;gap:7px;padding:4px 0 14px;margin-bottom:8px;scrollbar-width:thin}.studio-section-nav button{flex:0 0 auto;white-space:nowrap;border:1px solid #ddd3c5;background:transparent;border-radius:100px;color:#7c6d5a;font-size:11px;min-height:38px;padding:9px 14px}.studio-section-nav button.active{background:#e6dbcb;border-color:#d9c9b3;color:#493b2c;font-weight:700}.editor-panel [hidden]{display:none!important}
.editor-preview-area{position:sticky;top:78px;grid-column:auto;border:0;border-left:1px solid var(--workspace-line);background:#ede7de;min-height:calc(100vh - 78px);padding:30px 20px}.editor-preview-area .device{position:relative;top:auto;box-shadow:0 25px 60px #483a2825;border-width:7px;width:min(320px,100%)}.preview-top{gap:8px}.preview-top b{font-size:11px}.preview-top span{font-size:10px}.preview-footnote{font-size:11px}.studio-view-switch{display:none}
.studio-content-item{border:1px solid #e1d8cb;border-radius:12px;margin:12px 0;background:white;overflow:hidden}.studio-content-item>summary{padding:18px 20px;cursor:pointer;font-size:14px;font-weight:600;overflow-wrap:anywhere}.studio-content-item[open]>summary{border-bottom:1px solid #ece4da;background:#f7f2e9}.studio-content-item>.block{border:0;margin:0;padding:20px;border-radius:0}.studio-content-item .mini{min-width:36px;min-height:36px}.editor-panel .add-block{border-radius:10px;min-height:48px}.theme-option .swatch{border-radius:10px;height:100px}.theme-option.selected{border-color:#927857}.font-picker summary{background:#fff;border-color:#ddd2c2;border-radius:9px}.font-choices{border-color:#ddd2c2}
.dash-content{max-width:1140px;padding:42px 24px 90px;margin:auto}.dash-content>h1{font-size:clamp(34px,4vw,52px);margin-top:14px}.dash-content>.muted{font-size:12px}.dash-page-card{border-radius:18px;border:1px solid var(--workspace-line);background:var(--workspace-paper);padding:28px;margin:20px 0;box-shadow:none}.dash-page-card h2{font-size:28px}.dash-page-card p{font-size:13px;line-height:1.8}.dash-page-card .legal{font-size:11px;color:#887967}.dash-header .dash-top-actions{gap:5px}.dash-header .dash-top-action{border-radius:9px;padding:11px 13px;font-size:11px}.dash-card-top{gap:20px}.state-pill{border-radius:100px;font-size:10px;padding:8px 12px}
.workspace-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.workspace-shortcuts a{padding:24px;border:1px solid var(--workspace-line);border-radius:16px;background:#eee5d7;transition:background .15s}.workspace-shortcuts a:hover{background:#e4d7c4}.workspace-shortcuts small{display:block;font-size:10px;color:#94816a;margin-bottom:22px}.workspace-shortcuts strong{display:block;font-size:17px;margin-bottom:10px}.workspace-shortcuts span{display:block;font-size:12px;line-height:1.7;color:#80705c}
.shop-owner-workspace{grid-template-columns:185px minmax(0,1fr);gap:30px;margin-top:30px}.shop-owner-workspace .shop-owner-tabs{top:100px;gap:5px}.shop-owner-workspace .shop-owner-tabs button{border-radius:10px;min-height:62px;padding:12px 15px}.shop-owner-tabs small{font-size:10px}.shop-owner-panel .dash-page-card{margin-top:0}.shop-design-tabs{gap:8px;scrollbar-width:thin}.shop-design-tabs button{border-radius:100px;font-size:11px;min-height:40px;padding:10px 15px}.shop-design-save{bottom:20px;border-radius:10px;min-height:46px}.shop-service-row{gap:18px}.shop-owner-workspace .shop-service-manage{padding:8px;border-radius:12px;background:#fffdfa}.shop-owner-search{border-radius:10px}.shop-service-edit{border-radius:8px}.shop-new-service{border-radius:12px}.review-owner .review-qr-controls{padding:18px;border-radius:12px;background:#f0e8dc}.review-owner .review-qr-preview img{border-radius:12px}.account-card{border-radius:22px;border-color:var(--workspace-line);box-shadow:0 30px 80px #45311d10}.account-backdrop{background:#f1ebe2}.account-card .field input{border-radius:10px}.account-card h1{font-size:44px}
/* Booking appearance controls and public customization. */
.booking-design-editor{display:grid;gap:18px}.booking-design-editor>label{display:grid;gap:8px;font-size:13px}.booking-design-editor input[type=range]{width:100%;padding:0;accent-color:#8b7354}.booking-design-check{display:flex!important;align-items:center;gap:10px!important}.booking-design-check input{width:18px!important;height:18px}.booking-font-picker{border:1px solid #ded4c7;border-radius:10px;background:white}.booking-font-picker summary{padding:14px;font-size:13px;cursor:pointer}.booking-font-picker>div{max-height:280px;overflow:auto;border-top:1px solid #ded4c7;padding:8px}.booking-font-picker button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:12px;border-radius:6px;font-size:20px}.booking-font-picker button:hover{background:#f2ebe0}.booking-design-sample{border:1px solid #d9d1c5;padding:24px;background:#f7f5f0;margin-top:12px}.booking-design-sample>small{font:600 9px/1.5 Arial,sans-serif;letter-spacing:.16em;opacity:.6}.booking-design-sample h3{font:inherit;font-size:1.5em;margin:20px 0}.booking-design-sample>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #8883}.booking-design-sample span small{display:block;opacity:.6;font-size:.7em;margin-top:6px}.booking-design-sample button{background:#806b55;color:white;border:0;padding:12px 18px;font:inherit;font-size:.8em;pointer-events:none}
.booking-custom-design .shop-page{max-width:var(--booking-width)}.booking-custom-design .shop-hero{text-align:var(--booking-align)}.booking-custom-design .shop-offering-card{padding-block:var(--booking-space)}.booking-custom-design .shop-offering-card>strong{font-size:var(--booking-size)}.booking-custom-design .shop-offering-card>p{font-size:calc(var(--booking-size) - 2px)}.booking-custom-design .shop-service-foot button,.booking-custom-design .booking-primary,.booking-custom-design .booking-business-card,.booking-custom-design .shop-request-panel>.pane{border-radius:var(--booking-radius)}
.booking-custom-font,.booking-custom-font :is(.shop-hero h1,.shop-hero h2,.shop-section-header h2,.shop-request-panel h2,.shop-reviews-panel h2,.booking-business-card h2,.booking-primary,.shop-offering-card){font-family:var(--booking-font)!important;font-weight:var(--booking-weight)}
.shop-site .shop-view-nav{scrollbar-width:thin}.shop-site .shop-view-nav button{min-height:52px}.shop-site .shop-request-panel input,.shop-site .shop-request-panel textarea{font-size:16px}.shop-site .shop-service-category summary{min-height:50px}.shop-site .booking-step-actions .btn{min-height:48px}.shop-site .review-form label{line-height:1.7}
:where(.editor-shell,.dash-wrap,.account-card) :is(button,a,input,select,textarea):focus-visible{outline:2px solid #887055;outline-offset:3px}
@media(max-width:1150px){.editor-layout{grid-template-columns:170px minmax(300px,1fr) 330px}.editor-panel{padding:28px 22px}.editor-preview-area{padding:28px 15px}.editor-sidebar{padding-inline:10px}.hero-inner{gap:25px}.hero-stage{transform:scale(.86)}}
@media(max-width:960px){.editor-layout{display:block}.editor-sidebar{position:sticky;top:122px;height:auto;display:flex;gap:6px;padding:10px 16px;overflow:auto;background:#fcfaf6;z-index:16;border:0;border-bottom:1px solid var(--workspace-line)}.editor-sidebar>button{flex:0 0 auto;width:auto;white-space:nowrap;margin:0;min-height:40px;padding:10px 14px}.editor-sidebar>.eyebrow,.editor-sidebar .sidebar-note,.editor-sidebar .workspace-links{display:none}.editor-panel{max-width:760px;margin:auto;padding:26px 20px 60px}.editor-preview-area{position:relative;top:auto;display:none;min-height:0;padding:28px 20px 55px;border:0}.studio-view-switch{position:sticky;top:78px;z-index:18;display:flex;justify-content:center;gap:6px;padding:8px;background:#fcfaf6;border-bottom:1px solid var(--workspace-line)}.studio-view-switch button{background:transparent;color:#7e705d;border:0;border-radius:8px;font-size:12px;min-height:36px;padding:8px 30px}.studio-view-switch button.active{background:#e9dfd0;color:#392e23}.studio-show-preview .editor-panel,.studio-show-preview .editor-sidebar{display:none}.studio-show-preview .editor-preview-area{display:flex}.editor-top{min-height:78px}.editor-preview-area .device{width:326px}.hero-inner{min-height:0}.dash-header .dash-top-actions{display:flex;overflow:auto;flex-wrap:nowrap}.dash-header .dash-top-action{flex:0 0 auto;width:auto}.shop-owner-workspace{grid-template-columns:160px minmax(0,1fr);gap:18px}}
@media(max-width:700px){.hero-inner{padding:50px 0 20px}.hero-copy h1{font-size:54px}.hero-copy>p{font-size:15px}.hero-stage{transform:scale(.8);margin:-25px 0 -30px}.ribbon-inner{gap:16px;flex-wrap:wrap;padding:20px 0}.ribbon strong{width:100%}.section{padding:64px 0}.section-head h2{font-size:37px}.tile-scene{height:270px}.cta-section{padding:48px 22px}.editor-top{padding:12px 14px;flex-wrap:wrap;gap:9px;position:sticky;top:0}.editor-top .wordmark{font-size:25px}.editor-brand small{display:none}.editor-actions{flex:1;justify-content:flex-end}.editor-shell .editor-actions .btn{padding:9px 12px;font-size:11px;min-height:40px}.studio-save-status{order:4;width:100%;text-align:center;padding:6px;line-height:16px}.studio-view-switch{top:112px}.editor-sidebar{top:164px}.editor-panel{padding:24px 14px 65px}.editor-panel h1{font-size:34px}.editor-panel .pane{padding:20px;border-radius:14px}.editor-panel .pane-heading .eyebrow{display:none}.studio-section-nav{margin-inline:-2px}.editor-panel .field input:not([type=range]):not([type=radio]),.editor-panel .field textarea,.editor-panel .field select{font-size:16px}.editor-panel .field-grid{grid-template-columns:1fr}.editor-panel .theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.editor-panel .swatch{height:75px}.editor-panel .theme-option small{font-size:10px}.dash-content{padding:28px 16px 70px}.dash-page-card{padding:22px;border-radius:14px}.dash-page-card h2{font-size:26px}.workspace-shortcuts{grid-template-columns:1fr;gap:10px;margin:24px 0}.workspace-shortcuts a{padding:19px 20px;display:grid;grid-template-columns:30px 1fr;column-gap:14px}.workspace-shortcuts small{grid-row:1 / span 2;margin:0;align-self:center}.workspace-shortcuts strong{font-size:15px;margin-bottom:5px}.workspace-shortcuts span{grid-column:2;font-size:11px}.shop-owner-workspace{display:block}.shop-owner-workspace .shop-owner-tabs{position:sticky;top:0;flex-direction:row;overflow:auto;background:#f6f3ed;padding:10px 0;margin-bottom:18px;z-index:14}.shop-owner-workspace .shop-owner-tabs button{min-height:42px;width:auto;flex:0 0 auto;padding:10px 16px}.shop-owner-tabs small{display:none}.shop-design-tabs{margin-inline:-6px}.shop-design-tabs button{font-size:11px}.shop-design-save{bottom:12px}.booking-design-sample{padding:18px}.account-card{padding:30px 24px}.dash-wrap>.editor-top{position:relative}.dash-card-top{flex-wrap:wrap}.shop-site .shop-view-nav{gap:20px}.shop-site .shop-view-nav button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.workspace-shortcuts a{transition:none}}
@media(max-width:960px){.studio-view-switch{top:var(--studio-header-height,78px)}.editor-sidebar{top:calc(var(--studio-header-height,78px) + var(--studio-switch-height,53px))}}