/* Builder-only layout. Canonical site/preview styles do not import this file. */
body:has(.svx-guided) .top #navHome, body:has(.svx-guided) .top #navNew { display:none; }
.svx-guided { --guided-gap:24px; --guided-border:var(--line,rgba(15,23,42,.13)); width:min(1480px,calc(100% - 48px)); margin-inline:auto; padding-block:28px 48px; color:var(--ink,#07142f); }
.svx-guided *, .svx-guided *::before, .svx-guided *::after { box-sizing:border-box; }
.svx-guided [hidden] { display:none!important; }
.svx-guided h1, .svx-guided h2, .svx-guided h3, .svx-guided h4 { color:var(--ink,#07142f); line-height:1.2; letter-spacing:normal; overflow-wrap:anywhere; }
.svx-guided p { color:var(--muted,#64748b); line-height:1.65; }
.svx-guided button, .svx-guided input, .svx-guided select, .svx-guided textarea { font:inherit; }
.svx-guided button { min-block-size:44px; }
.svx-guided :is(input,select,textarea) { min-inline-size:0; max-inline-size:100%; font-size:16px; }
.svx-guided :focus-visible { outline:3px solid var(--blue,#2563eb); outline-offset:3px; }
.svx-guided :is(input,select,textarea,[tabindex='-1']) { scroll-margin-block:140px 36px; }
.svx-guided .btn { min-block-size:46px; white-space:normal; text-align:center; line-height:1.3; }
.svx-guided .guided-eyebrow { display:block; color:var(--muted,#64748b); font-size:13px; font-weight:700; letter-spacing:.025em; }
.svx-guided .guided-start { max-inline-size:640px; margin-inline:auto; padding:30px 36px; background:var(--paper,#fff); border:1px solid var(--guided-border); border-radius:24px; box-shadow:0 12px 40px rgba(15,23,42,.045); }
.svx-guided .guided-start-header { margin-block-end:24px; }
.svx-guided .guided-start-header h1 { font-size:clamp(28px,3.5vw,38px); margin:8px 0 10px; }
.svx-guided .guided-start-header p { margin:0; font-size:17px; }
.svx-guided #guidedMinimalForm { display:grid; gap:16px; }
.svx-guided .guided-field { display:grid; gap:6px; margin:0; font-weight:700; min-inline-size:0; }
.svx-guided .guided-field > span, .svx-guided .guided-contact-field legend { font-size:15px; font-weight:700; }
.svx-guided .guided-field :is(input,select,textarea), .svx-guided .guided-contact-controls :is(input,select) { display:block; inline-size:100%; min-block-size:46px; padding:10px 12px; border:1px solid var(--guided-border); border-radius:12px; color:var(--ink,#07142f); background:#fff; box-shadow:none; }
.svx-guided .guided-field input[dir='ltr'], .svx-guided .guided-contact-controls input { text-align:start; }
.svx-guided .guided-field small { color:var(--muted,#64748b); font-size:13px; font-weight:500; line-height:1.45; }
.svx-guided .guided-contact-field { border:0; padding:0; margin:0; min-inline-size:0; }
.svx-guided .guided-contact-field legend { padding:0; margin-block-end:6px; }
.svx-guided .guided-contact-controls { display:grid; grid-template-columns:minmax(112px,.65fr) minmax(0,1.35fr); gap:10px; }
.svx-guided .guided-field-error { display:block; color:#b42318; font-weight:600; font-size:13px; line-height:1.5; }
.svx-guided [aria-invalid='true'] { border-color:#b42318!important; }
.svx-guided .guided-start-actions { display:flex; margin-block-start:8px; }
.svx-guided .guided-start-actions .btn { inline-size:100%; }
.svx-guided .guided-workspace-header { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-block-end:22px; }
.svx-guided .guided-workspace-identity { min-inline-size:0; }
.svx-guided .guided-workspace-header h1 { font-size:clamp(23px,2.6vw,34px); margin:5px 0 7px; }
.svx-guided #saveStatus { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--muted,#64748b); font-size:13px; min-block-size:24px; }
.svx-guided .guided-save-label[data-save-state='error'] { color:#b42318; }
.svx-guided .guided-save-label[data-save-state='saved'] { color:#166534; }
.svx-guided .guided-header-actions { display:flex; align-items:center; gap:18px; flex-shrink:0; }
.svx-guided .guided-text-button { border:0; background:transparent; color:var(--ink,#07142f); font:inherit; font-size:14px; font-weight:700; padding:8px 4px; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; cursor:pointer; line-height:1.4; }
.svx-guided .guided-text-button:hover { color:var(--blue,#2563eb); }
.svx-guided .guided-pane-controls { display:none; }
.svx-guided .guided-workspace { display:grid; grid-template-columns:minmax(340px,420px) minmax(0,1fr); gap:var(--guided-gap); align-items:start; }
.svx-guided .guided-workspace > * { min-inline-size:0; }
.svx-guided .guided-editor-panel { padding:22px; background:var(--paper,#fff); border:1px solid var(--guided-border); border-radius:20px; }
.svx-guided .guided-editor-heading { border-block-end:1px solid var(--guided-border); margin-block-end:20px; padding-block-end:14px; }
.svx-guided .guided-editor-heading .guided-text-button { font-size:13px; }
.svx-guided .guided-editor-heading h2 { font-size:25px; margin:9px 0 0; }
.svx-guided #stepHost { min-inline-size:0; }
.svx-guided #stepHost > .subpanel { padding:0; border:0; background:none; box-shadow:none; }
.svx-guided #stepHost .form-grid, .svx-guided #stepHost .social-grid { grid-template-columns:1fr; }
.svx-guided #stepHost .guide-card { padding:12px; }
.svx-guided #stepHost .guide-card h4 { font-size:17px; }
.svx-guided #stepHost .guide-card p { font-size:14px; }
.svx-guided #stepHost .hint, .svx-guided #stepHost .tip { font-size:14px; padding:10px 12px; font-weight:500; }
.svx-guided #stepHost .item-row { min-inline-size:0; }
.svx-guided #stepHost input:not([type='checkbox']):not([type='radio']):not([type='file']), .svx-guided #stepHost textarea { inline-size:100%; min-block-size:46px; padding:10px 12px; border:1px solid var(--guided-border); border-radius:12px; background:#fff; color:var(--ink,#07142f); line-height:1.45; }
.svx-guided #stepHost .price-input-wrap input { padding-inline-start:38px; }
.svx-guided #stepHost .hours-day { grid-template-columns:repeat(2,minmax(0,1fr)); }
.svx-guided #stepHost .hours-day input[type='time'] { padding-inline:6px; }
.svx-guided #stepHost .price-mode-row { flex-wrap:wrap; }
.svx-guided #stepHost .media-preview { max-inline-size:100%; }
.svx-guided .guided-preview-panel { position:sticky; top:96px; overflow:hidden; border:1px solid var(--guided-border); border-radius:20px; background:#fff; box-shadow:0 12px 40px rgba(15,23,42,.04); }
.svx-guided .guided-preview-toolbar { min-block-size:54px; padding:8px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-block-end:1px solid var(--guided-border); color:var(--muted,#64748b); font-size:13px; }
.svx-guided .guided-preview-status { padding:10px 16px; display:flex; align-items:center; gap:10px; font-size:13px; color:var(--muted,#64748b); background:var(--soft,#f8fafc); }
.svx-guided .guided-preview-status[data-preview-state='ready'] { padding-block:6px; }
.svx-guided .guided-preview-status[data-preview-state='error'] { color:#b42318; }
.svx-guided #guidedPreviewFrame { display:block; inline-size:100%; block-size:calc(100dvh - 230px); min-block-size:620px; border:0; background:#fff; }
.svx-guided .guided-lead { margin:0 0 20px; font-size:15px; }
.svx-guided .guided-design-invitation { padding:20px; border:1px solid var(--guided-border); background:var(--soft,#f8fafc); border-radius:16px; margin-block-end:28px; }
.svx-guided .guided-design-invitation h3 { font-size:22px; margin:8px 0; }
.svx-guided .guided-design-invitation p { margin:0 0 16px; font-size:14px; }
.svx-guided .guided-overview > h3 { font-size:19px; margin:0 0 14px; }
.svx-guided .guided-section-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.svx-guided .guided-section-button { display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid var(--guided-border); border-radius:12px; background:#fff; text-align:start; padding:12px; min-block-size:58px; color:var(--ink,#07142f); font-size:14px; font-weight:700; line-height:1.35; }
.svx-guided .guided-section-button:hover { background:var(--soft,#f8fafc); border-color:var(--blue,#2563eb); }
.svx-guided .guided-section-button > span:last-child { color:var(--muted,#64748b); font-size:18px; font-weight:400; }
.svx-guided .guided-optional-note { font-size:13px; margin:18px 0 0; }
.svx-guided .guided-component-heading { margin-block-end:18px; }
.svx-guided .guided-component-heading h3 { font-size:23px; margin:0 0 10px; }
.svx-guided .guided-component-heading p { font-size:14px; margin:0; }
.svx-guided .guided-choice-grid { display:grid; grid-template-columns:1fr; gap:16px; }
.svx-guided .guided-choice { border:1px solid var(--guided-border); border-radius:16px; overflow:hidden; background:#fff; min-inline-size:0; }
.svx-guided .guided-choice.is-selected { border-color:var(--ink,#07142f); box-shadow:0 0 0 1px var(--ink,#07142f); }
.svx-guided .guided-card-preview { position:relative; block-size:220px; overflow:hidden; background:var(--soft,#f8fafc); border-block-end:1px solid var(--guided-border); }
.svx-guided .guided-card-preview iframe { position:absolute; inset-block-start:0; inset-inline-start:0; inline-size:1200px; block-size:900px; border:0; pointer-events:none; transform:scale(var(--guided-card-scale,.28)); transform-origin:top left; }
.svx-guided[dir='rtl'] .guided-card-preview iframe { transform-origin:top right; }
.svx-guided .guided-choice-body { padding:16px; }
.svx-guided .guided-choice-body h4 { font-size:18px; margin:0 0 8px; }
.svx-guided .guided-choice-body p { font-size:13px; line-height:1.5; margin:0 0 14px; }
.svx-guided .guided-choice-body .btn { inline-size:100%; }
.svx-guided .guided-expand-button { display:block; margin-block:14px 24px; }
.svx-guided .guided-swatches { display:flex; gap:5px; margin-block-end:10px; }
.svx-guided .guided-swatches span { inline-size:24px; block-size:24px; border-radius:50%; border:1px solid rgba(15,23,42,.13); }
.svx-guided .guided-palettes { padding-block-start:18px; border-block-start:1px solid var(--guided-border); }
.svx-guided .guided-palette-choice .guided-card-preview { block-size:170px; }
.svx-guided .guided-review > .guided-text-button { margin-block-end:16px; }
.svx-guided .guided-address { padding:16px; background:var(--soft,#f8fafc); border:1px solid var(--guided-border); border-radius:16px; }
.svx-guided .guided-address-input { display:flex; align-items:center; border:1px solid var(--guided-border); border-radius:12px; overflow:hidden; background:#fff; }
.svx-guided .guided-address-input #slugInput { border:0; border-radius:0; inline-size:100%; min-inline-size:0; padding:12px 8px; }
.svx-guided .guided-address-input > span { color:var(--muted,#64748b); font-size:13px; font-weight:500; padding-inline-end:10px; white-space:nowrap; }
.svx-guided .guided-address .btn { inline-size:100%; margin-block-start:14px; }
.svx-guided .guided-address-status { font-size:13px; margin:12px 0 0; }
.svx-guided .guided-address-status[data-slug-state='reserved'] { color:#166534; }
.svx-guided .guided-address-status:is([data-slug-state='unavailable'],[data-slug-state='invalid'],[data-slug-state='error']) { color:#b42318; }
.svx-guided .guided-review-missing { padding-block:16px; }
.svx-guided .guided-review-missing h4 { font-size:17px; margin:0 0 8px; }
.svx-guided .guided-review-missing ul { margin:0; padding-inline-start:20px; }
.svx-guided .guided-payment-summary { padding-block-start:24px; margin-block-start:24px; border-block-start:1px solid var(--guided-border); }
.svx-guided .guided-price { display:flex; align-items:baseline; gap:8px; }
.svx-guided .guided-price strong { font-size:38px; line-height:1; }
.svx-guided .guided-price > span { color:var(--muted,#64748b); }
.svx-guided .guided-no-setup { margin:8px 0; font-weight:700; color:var(--ink,#07142f); }
.svx-guided .guided-payment-summary p { font-size:14px; }
.svx-guided #publishBtn { inline-size:100%; margin-block-start:10px; }
.svx-guided .guided-sr-only { position:absolute; inline-size:1px; block-size:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:1099px) {
  body:has(.svx-guided) .top .top-inner { min-height:64px; flex-direction:row; align-items:center; gap:12px; padding-block:8px; }
  body:has(.svx-guided) .top .nav { width:auto; flex-wrap:nowrap; gap:6px; }
  body:has(.svx-guided) .top .nav .btn { flex:initial; padding:8px 12px; }
  .svx-guided { width:min(760px,calc(100% - 32px)); padding-block:20px 32px; }
  .svx-guided .guided-workspace { display:block; }
  .svx-guided .guided-preview-panel { position:static; }
  .svx-guided .guided-workspace-header { align-items:flex-start; gap:16px; }
  .svx-guided .guided-header-actions { gap:10px; }
  .svx-guided .guided-pane-controls { display:flex; padding:5px; gap:5px; border:1px solid var(--guided-border); border-radius:14px; margin-block-end:16px; background:#fff; }
  .svx-guided .guided-pane-button { border:0; border-radius:9px; background:transparent; color:var(--muted,#64748b); font-weight:700; flex:1; }
  .svx-guided .guided-pane-button[aria-pressed='true'] { background:var(--ink,#07142f); color:#fff; }
  .svx-guided[data-mobile-pane='preview'] #guidedEditorPanel { display:none; }
  .svx-guided[data-mobile-pane='edit'] #guidedPreviewPanel { display:none; }
  .svx-guided #guidedPreviewFrame { block-size:calc(100dvh - 235px); min-block-size:540px; }
  .svx-guided .guided-choice-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .svx-guided .guided-choice-body { padding:12px; }
  .svx-guided .guided-choice-body h4 { font-size:17px; }
  .svx-guided .guided-choice-body p { font-size:12px; }
  .svx-guided .guided-card-preview { block-size:180px; }
}
@media (max-width:600px) {
  body:has(.svx-guided) .top .top-inner { flex-direction:column; gap:5px; padding-block:7px; }
  body:has(.svx-guided) .top .brand { font-size:18px; gap:8px; }
  body:has(.svx-guided) .top .brand img { width:32px; height:32px; border-radius:10px; }
  body:has(.svx-guided) .top .nav { width:100%; justify-content:center; }
  body:has(.svx-guided) .top .nav .btn { min-height:44px; padding:7px 12px; font-size:14px; }
  body:has(.svx-guided) .top #uiLangSelect { min-height:44px; font-size:14px; }
  .svx-guided { width:calc(100% - 24px); padding-block-start:16px; }
  .svx-guided .guided-start { padding:20px 18px; border-radius:18px; }
  .svx-guided .guided-start-header { margin-block-end:18px; }
  .svx-guided .guided-start-header h1 { font-size:29px; }
  .svx-guided .guided-start-header p { font-size:15px; }
  .svx-guided #guidedMinimalForm { gap:12px; }
  .svx-guided .guided-contact-controls { grid-template-columns:minmax(106px,.7fr) minmax(0,1.3fr); gap:8px; }
  .svx-guided .guided-contact-controls select { padding-inline:8px; }
  .svx-guided .guided-workspace-header { display:block; margin-block-end:14px; }
  .svx-guided .guided-workspace-header h1 { font-size:25px; }
  .svx-guided .guided-header-actions { margin-block-start:12px; justify-content:space-between; }
  .svx-guided .guided-header-actions > .btn { padding-inline:16px; }
  .svx-guided .guided-editor-panel { padding:18px 14px; border-radius:16px; }
  .svx-guided .guided-preview-panel { border-radius:16px; }
  .svx-guided .guided-preview-toolbar { padding-inline:12px; }
  .svx-guided .guided-choice-grid { grid-template-columns:1fr; }
  .svx-guided .guided-card-preview { block-size:210px; }
  .svx-guided .guided-choice-body { padding:16px; }
  .svx-guided .guided-choice-body p { font-size:13px; }
  .svx-guided .guided-section-button { padding:10px; font-size:13px; }
  .svx-guided .guided-design-invitation { padding:16px; }
  .svx-guided .guided-address { padding:12px; }
  .svx-guided .guided-address-input > span { font-size:12px; padding-inline-end:8px; }
}
@media (prefers-reduced-motion:reduce) {
  .svx-guided *, .svx-guided *::before, .svx-guided *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}

/* Smart suggestions stay in the authoring surface; no public template changes. */
.svx-guided .preset-type-panel h3,.svx-guided .preset-heading h3 {font-size:20px;margin:0 0 12px;}
.svx-guided .preset-type-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-block-start:10px;}
.svx-guided .preset-type,.svx-guided .preset-choice {border:1px solid var(--guided-border);border-radius:12px;background:#fff;color:var(--ink);padding:11px 12px;text-align:start;line-height:1.45;cursor:pointer;overflow-wrap:anywhere;min-inline-size:0;}
.svx-guided .preset-type {font-size:14px;font-weight:650;text-align:center;}
.svx-guided .preset-choice:hover,.svx-guided .preset-type:hover {border-color:#5266aa;background:#f7f9ff;}
.svx-guided [class*='preset-'][aria-pressed='true'] {border-color:#294491;background:#edf2ff;box-shadow:inset 0 0 0 1px #294491;}
.svx-guided .preset-type-current,.svx-guided .preset-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.svx-guided .preset-type-current {padding:10px 12px;background:#f4f6fb;border-radius:12px;}
.svx-guided .preset-heading small {font-size:12px;color:#53617b;}
.svx-guided .preset-service-grid,.svx-guided .preset-highlight-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.svx-guided .preset-service-grid .preset-choice {display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:4px;font-size:14px;}
.svx-guided .preset-service-grid .preset-choice strong {font-size:14px;}
.svx-guided .preset-service-grid .preset-choice span {grid-column:1;font-size:12px;color:#53617b;line-height:1.45;}
.svx-guided .preset-service-grid .preset-choice small {grid-column:2;grid-row:1/3;align-self:start;font-size:12px;}
.svx-guided .preset-copy-grid {display:grid;gap:8px;}
.svx-guided .preset-copy-grid .preset-choice {font-size:14px;}
.svx-guided .preset-helper {font-size:12px;color:#53617b;line-height:1.5;margin:8px 0 12px;}
.svx-guided .preset-notice {font-size:13px;padding:10px 12px;background:#edf5ef;color:#245738;border-radius:10px;line-height:1.5;}
.svx-guided .preset-selected-services {display:grid;gap:8px;margin-block-start:12px;}
.svx-guided .preset-service-row {border:1px solid var(--guided-border);border-radius:12px;background:#fff;}
.svx-guided .preset-service-row summary {padding:12px;cursor:pointer;min-block-size:44px;font-size:14px;font-weight:700;overflow-wrap:anywhere;}
.svx-guided .preset-service-row summary small {font-weight:500;float:inline-end;text-decoration:underline;}
.svx-guided .preset-service-fields {display:grid;gap:12px;padding:0 12px 12px;}
.svx-guided .preset-service-fields .preset-helper {margin:0;}
.svx-guided .preset-price-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;}
.svx-guided .preset-remove {color:#a12626;justify-self:start;}
.svx-guided .preset-copy-choices,.svx-guided .preset-highlights,.svx-guided .preset-faq,.svx-guided .preset-products {margin-block:16px 20px;}
.svx-guided .preset-product-prompt {display:flex;gap:8px;}
.svx-guided .preset-highlight-grid .preset-choice {font-size:13px;}
.svx-guided .preset-services .guided-text-button {font-size:13px;}
.svx-guided #stepHost .preset-type-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:600px) {
  .svx-guided .preset-type-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .svx-guided .preset-type {padding:9px 7px;font-size:13px;}
  .svx-guided .preset-service-grid .preset-choice {padding:9px;display:flex;flex-direction:column;gap:4px;}
  .svx-guided .preset-service-grid .preset-choice small {font-size:11px;}
  .svx-guided .preset-heading {align-items:baseline;}
  .svx-guided .preset-heading h3 {font-size:19px;}
  .svx-guided .guided-start-actions {position:sticky;bottom:8px;z-index:4;padding:8px 0;background:rgba(255,255,255,.96);border-radius:12px;}
}