/* Merchant setup: shared visual language across template, external and specialist routes. */
:root{--setup-ink:#153e34;--setup-muted:#68756d;--setup-line:#dfe4da;--setup-green:#1e5544;--setup-bg:#f5f6f1}
.setup-shell{max-width:1500px;margin:auto;grid-template-columns:184px minmax(0,1fr);padding:24px;gap:24px}.setup-shell .merchant-card{background:#fff;border:1px solid var(--setup-line);box-shadow:0 10px 35px #19382b05;min-height:700px;border-radius:18px}.setup-shell .side-rail{padding:20px 0}.setup-shell .side-title{font-size:17px}.setup-shell .rail-item{padding:14px 10px}.setup-shell .steps{height:auto;min-height:76px;justify-content:flex-start;padding:22px 38px;gap:24px}.setup-shell .step{flex:1;max-width:210px;font-size:12px;gap:9px}.setup-shell .step:not(:last-child):after{width:28px;background:#dde4da}.setup-shell .step.current span,.setup-shell .step.done span{background:var(--setup-green);color:#fff}.setup-shell .step.current,.setup-shell .step.done{color:var(--setup-ink)}
.setup-intro{padding:42px 38px 16px}.setup-kicker{color:#607b69;font-size:11px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;margin:0 0 15px}.setup-title,.setup-page h1{font:600 clamp(28px,3.2vw,42px)/1.12 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em;color:var(--setup-ink);margin:0 0 14px;max-width:760px}.setup-intro p:not(.setup-kicker){font-size:15px;line-height:1.65;max-width:640px;color:var(--setup-muted);margin:0}.setup-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px 38px 38px}.setup-route{display:flex;flex-direction:column;min-width:0;padding:0;text-align:left;text-decoration:none;color:var(--setup-ink);border:1px solid var(--setup-line);border-radius:15px;overflow:hidden;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s;font:inherit;cursor:pointer}.setup-route:hover{transform:translateY(-4px);border-color:#779a80;box-shadow:0 12px 25px #1d432411}.setup-route:focus-visible,.setup-cta:focus-visible{outline:3px solid #c5945a;outline-offset:4px}.setup-route-art{height:180px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2e5,#dce6d4);overflow:hidden}.setup-route-art img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.setup-route:hover img{transform:scale(1.045)}.setup-route.external .setup-route-art{background:linear-gradient(135deg,#edf0e9,#dbe8e4)}.setup-route.specialist .setup-route-art{background:linear-gradient(135deg,#f0eef7,#e4dfef)}.setup-route-copy{display:flex;flex-direction:column;padding:22px;flex:1}.setup-route .setup-tag{align-self:flex-start;font-size:10px;letter-spacing:.04em;border-radius:5px;padding:5px 7px;background:#f0f3ea;color:#60715e;margin-bottom:15px;font-weight:650}.setup-route h2{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0 0 10px}.setup-route p{font-size:13px;color:var(--setup-muted);line-height:1.6;margin:0 0 22px}.setup-route-cta{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;margin-top:auto;padding-top:18px;border-top:1px solid #e9ece4}.setup-route-cta span:last-child{font-size:19px;font-weight:400}.setup-assurance{margin:0 38px 36px;padding:16px 18px;background:#f7f8f3;border-radius:9px;color:#627064;font-size:12px;line-height:1.6;display:flex;gap:12px;align-items:center}.setup-assurance b{color:#28573c}.setup-route-small{border:0;background:transparent;padding:0;color:#587060;cursor:pointer;font-size:12px;display:inline-block;text-decoration:none;margin-bottom:22px}.setup-route-small:hover{text-decoration:underline}
.setup-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:615px}.setup-detail .form-panel{padding:36px 38px;min-width:0}.setup-detail h1{font:600 32px/1.15 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 12px}.setup-detail .lede{font-size:14px;line-height:1.6;margin-bottom:24px;color:var(--setup-muted)}.setup-detail label{font-size:12px;font-weight:600;color:#3e5849}.setup-detail input{background:#fff;border:1px solid #cbd5c8;border-radius:8px;padding:13px 14px;box-shadow:none}.setup-detail input:focus{outline:2px solid #95b9a3;border-color:#3e7151}.setup-detail .primary{border-radius:8px;background:var(--setup-green);color:#fff;font-size:13px;padding:13px 21px;box-shadow:0 2px 3px #123b3310}.setup-detail .secondary{border-radius:8px;font-size:12px}.setup-detail .sim-note{font-size:11px;line-height:1.65;color:#7a857b;margin:16px 0}.setup-detail .permission-note{font-size:12px;line-height:1.7;background:#f4f7ef;border-color:#e0e8d8;padding:13px 15px}.setup-actions{display:flex;gap:12px;align-items:center;margin-top:25px;flex-wrap:wrap}.setup-visual{margin:24px 24px 24px 0;border-radius:14px;background:#e9eee1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:28px;min-width:0}.setup-visual.external{background:#e1ece7}.setup-visual.specialist{background:#eeebf5}.setup-visual>img{width:100%;height:auto;max-height:370px;object-fit:contain;margin-top:10px}.setup-visual .visual-caption{text-align:center;margin:0 auto;max-width:300px}.visual-caption h2{font-size:23px;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin:4px 0 12px}.visual-caption p{font-size:13px;line-height:1.7;color:#687567;margin:0}.setup-visual-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:700;color:#66795d}.setup-visual-top i{font-style:normal;background:#fff8;border:1px solid #fff8;border-radius:20px;padding:6px 8px;letter-spacing:0;font-size:10px}.setup-visual .sample-brand{align-self:center;background:#fff9;border:1px solid #fff;border-radius:7px;padding:10px 22px;color:#365640;font-size:11px;letter-spacing:.15em;text-transform:uppercase;max-width:100%;overflow-wrap:anywhere}.setup-mini-progress{display:flex;gap:8px;align-items:center;margin:0 0 26px;font-size:11px;color:#7b887c}.setup-mini-progress span{display:flex;align-items:center;gap:6px}.setup-mini-progress i{width:19px;height:19px;border:1px solid #ccd7c5;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px}.setup-mini-progress .current{color:#24533f;font-weight:700}.setup-mini-progress .current i{background:#24533f;border-color:#24533f;color:white}.setup-mini-progress b{height:1px;flex:1;background:#e0e7da}
body.setup-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#f4f5ef;color:var(--setup-ink);margin:0}.setup-page *{box-sizing:border-box}.setup-page .topbar{height:72px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e5d9;background:#fff}.setup-page .brand{font-size:21px;font-weight:750;color:#174c3a;text-decoration:none;letter-spacing:-.05em}.setup-page .brand span{font-size:12px;font-weight:500;letter-spacing:0;color:#70806f;border-left:1px solid #dbe2d4;padding-left:14px;margin-left:14px}.setup-page nav{display:flex;gap:24px}.setup-page nav a{font-size:12px;text-decoration:none;color:#53674f}.setup-page main{max-width:1180px;margin:35px auto;padding:0 26px}.setup-breadcrumb{font-size:12px;color:#607459;text-decoration:none;display:inline-block;margin-bottom:25px}.specialist-workspace{border:1px solid var(--setup-line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 36px #21483304}.specialist-workspace .setup-detail{min-height:640px}.setup-page .setup-detail .form-panel{padding:34px 40px}.setup-page h1{font-size:32px}.setup-page .setup-detail label{display:block;margin:20px 0 0;font-size:12px;font-weight:600}.setup-page input,.setup-page textarea{font:inherit;width:100%;display:block;padding:13px;border:1px solid #cbd5c8;border-radius:8px;margin-top:8px;background:white;color:#153e34}.setup-page textarea{resize:vertical;min-height:105px}.setup-page textarea:focus,.setup-page input:focus{outline:2px solid #95b9a3;border-color:#3e7151}.setup-page .field-hint{font-size:11px;font-weight:400;color:#788473;line-height:1.5;margin-top:7px;display:block}.setup-page .setup-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;line-height:1.65}.setup-page .setup-check input{width:16px;height:16px;flex:none;margin-top:3px;accent-color:#255741}.setup-page button{font:inherit;cursor:pointer}.setup-page .setup-cta{border:0;border-radius:8px;background:#205840;color:white;padding:14px 21px;font-size:13px;font-weight:650;display:inline-flex;gap:25px;align-items:center}.setup-page .setup-back{background:white;color:#4d6651;border:1px solid #dce4d6;padding:13px 18px;border-radius:8px;font-size:12px}.setup-page button:disabled{opacity:.5;cursor:wait}.setup-page [hidden]{display:none!important}.setup-page .form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e6eade;margin-top:30px;padding-top:23px}.setup-page .step-count{font-size:11px;color:#87917f}.setup-page .request-history{margin:28px 0}.setup-page .request-history summary{font-size:14px;font-weight:600;cursor:pointer;padding:18px 0}.setup-page .request-history .card{padding:20px;background:#fff;border:1px solid var(--setup-line);border-radius:10px;margin:12px 0;font-size:13px}.setup-page .request-history h3{font-size:16px}.setup-page .request-history dl,.brief-summary{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;font-size:12px;line-height:1.6}.setup-page dd,.brief-summary dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.setup-page dt,.brief-summary dt{color:#74826d}.setup-page #notice{font-size:12px;line-height:1.7;margin-bottom:20px}.setup-page #notice:empty{display:none}.setup-page #notice a{color:#265d41}.setup-page #notice button{font-size:11px;padding:5px 10px;color:#315c3d;border:1px solid #cddbc4;background:white;border-radius:5px}.setup-page #notice:not(:empty){padding:12px 15px;background:#f2f6ec;border:1px solid #dce6d1;border-radius:8px}.setup-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:27px 0 0;padding:0;list-style:none}.setup-process li{font-size:11px;line-height:1.7;color:#78836e}.setup-process b{display:block;font-size:12px;color:#405b3c}.setup-process span{display:grid;place-items:center;width:24px;height:24px;background:#e5ebdb;border:1px solid #d1ddc4;border-radius:50%;font-size:10px;color:#496b42;margin-bottom:8px}.setup-page .setup-visual{margin:20px 20px 20px 0;padding:30px}.setup-page .setup-visual>img{max-height:330px}.setup-page .setup-visual h2{font-size:25px}.setup-page .wizard-fieldset{border:0;padding:0;margin:0;min-width:0}.setup-page .brief-summary{margin:24px 0}
@media(min-width:1500px){.setup-route-art{height:215px}}@media(max-width:1100px){.setup-shell{grid-template-columns:1fr}.setup-shell .side-rail{display:none}.setup-detail .form-panel{padding:30px}.setup-route-grid{gap:12px;padding:20px 28px 30px}.setup-route-copy{padding:18px}.setup-intro{padding:34px 28px 10px}.setup-route h2{font-size:18px}.setup-route-art{height:165px}}@media(max-width:760px){.setup-shell{padding:12px}.setup-shell .steps{padding:17px 20px;gap:10px;min-height:60px}.setup-shell .step{font-size:10px;max-width:none}.setup-shell .step em{display:block}.setup-shell .step:after{display:none!important}.setup-route-grid{grid-template-columns:1fr;padding:18px 20px 25px;gap:14px}.setup-route{display:grid;grid-template-columns:120px minmax(0,1fr)}.setup-route-art{height:100%;min-height:200px}.setup-route-art img{width:175px;max-width:none;transform:translateX(-20px)}.setup-route:hover img{transform:translateX(-20px)}.setup-route-copy{padding:18px}.setup-route .setup-tag{margin-bottom:9px}.setup-route p{margin-bottom:13px;font-size:12px}.setup-route h2{font-size:18px}.setup-route-cta{padding-top:12px;font-size:12px}.setup-intro{padding:28px 20px 5px}.setup-assurance{margin:0 20px 25px}.setup-detail{grid-template-columns:1fr;min-height:0}.setup-detail .form-panel,.setup-page .setup-detail .form-panel{padding:25px 22px}.setup-visual,.setup-page .setup-visual{margin:0 20px 20px;padding:20px;min-height:0}.setup-visual>img,.setup-page .setup-visual>img{max-height:230px}.setup-visual .visual-caption{max-width:320px}.setup-page .topbar{height:65px;padding:0 20px}.setup-page .brand span{display:none}.setup-page nav{gap:16px}.setup-page main{padding:0 15px;margin:24px auto}.setup-page h1{font-size:29px}.setup-process{gap:9px}.setup-page .request-history dl,.brief-summary{grid-template-columns:95px minmax(0,1fr)}.setup-mini-progress{gap:5px}.setup-mini-progress span{font-size:10px}.setup-shell .step span{width:22px;height:22px;font-size:10px}.setup-shell .steps{gap:7px}.setup-page .form-footer{flex-wrap:wrap}.setup-page .step-count{order:3;width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.setup-route,.setup-route img{transition:none}}
.setup-page .setup-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.setup-page .optional{font-weight:400;color:#8a9480;font-size:11px}.setup-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.setup-page #wizard-title:focus{outline:none}.setup-page .lede{max-width:420px}.setup-page .brief-summary dt{font-weight:500}.setup-page .brief-summary dd{padding-bottom:11px;border-bottom:1px solid #edf0e7}.setup-page input[type=checkbox]:focus-visible{outline:2px solid #84a983;outline-offset:3px}@media(max-width:500px){.setup-page .setup-fields-grid{grid-template-columns:1fr}.setup-process{grid-template-columns:repeat(2,1fr)}}

.setup-page .submission-feedback{margin-top:18px;padding:14px 16px;border:1px solid #cedec4;border-radius:8px;background:#f0f6e9;font-size:12px;line-height:1.7;color:#284f32}.setup-page .submission-feedback:empty{display:none}.setup-page .submission-feedback[data-kind="error"]{background:#fff3e9;border-color:#e7cbb4;color:#714a2f}.setup-page .submission-feedback a{display:inline-block;margin:8px 14px 0 0;font-weight:650;color:#245b3b}.setup-page .submission-feedback button{padding:7px 12px;border:1px solid #c7d6bd;border-radius:5px;background:white;color:#345b3b;font-size:11px}.setup-page .submission-feedback:focus{outline:2px solid #98b58a;outline-offset:3px}

/* Standard stores lead; bespoke design is a secondary option. */
.setup-route-grid.primary-routes{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:22px;gap:24px}.primary-routes .setup-route-art{height:auto;aspect-ratio:16/11;display:block}.primary-routes .setup-route-art img{display:block;width:100%;height:auto;max-width:100%;min-height:0;transform:none}.primary-routes .setup-route:hover img{transform:none}.primary-routes .setup-route h2{font-size:34px;letter-spacing:-.04em;margin-bottom:10px}.primary-routes .setup-route-copy{padding:24px}.primary-routes .setup-route p{max-width:390px;font-size:14px}.setup-specialist-option{margin:0 38px 25px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:17px;border:1px solid #e4e7df;border-radius:9px;background:#fafbf8;font-size:13px;color:#75806f}.setup-specialist-option a{font-weight:650;color:#34593f;text-decoration:none}.setup-specialist-option a:hover{text-decoration:underline}.setup-specialist-option a span{margin-left:9px}.setup-optional{margin-top:22px;border-top:1px solid #e3e8dc;padding-top:17px}.setup-optional summary,.setup-sample summary{font-size:12px;font-weight:600;color:#587054;cursor:pointer}.setup-optional summary span{font-weight:400;color:#86917c}.setup-optional[open] summary{margin-bottom:18px}.setup-optional label{margin-top:16px}.setup-sample{margin-top:24px;font-size:11px;color:#7a8572;line-height:1.7}.setup-sample p{max-width:350px}.setup-catalogue-note{font-size:12px;line-height:1.7;color:#73806d;margin:20px 0}.setup-shell .step em{font-style:normal}@media(max-width:760px){.setup-route-grid.primary-routes{grid-template-columns:1fr;gap:16px;padding-bottom:18px}.primary-routes .setup-route{display:flex}.primary-routes .setup-route-art{height:auto;min-height:0}.primary-routes .setup-route-copy{padding:20px}.primary-routes .setup-route h2{font-size:29px}.primary-routes .setup-route p{font-size:12px}.setup-specialist-option{margin:0 20px 22px;padding:16px;font-size:12px}}

.review-customise>summary{cursor:pointer;font-size:15px;font-weight:650;color:var(--setup-ink);padding:6px 0}.review-customise>summary span{font-size:12px;font-weight:400;color:var(--setup-muted)}.review-customise[open]>summary{margin-bottom:18px}

/* A clear, reversible pilot journey. */
.journey-steps .step{border:0;background:transparent;text-align:left;font:inherit;cursor:pointer;padding:8px 0}.journey-steps .step:disabled{cursor:default;opacity:.55}.journey-steps .step[aria-current=step]{opacity:1}.journey-steps .step:focus-visible{outline:2px solid #587d61;outline-offset:5px}.journey-overview{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px 0 0;margin:0}.journey-overview li{padding:12px 0;border-top:2px solid #d8e1d1}.journey-overview b,.journey-overview span{display:block}.journey-overview b{font-size:12px;color:#294e36}.journey-overview span{font-size:11px;line-height:1.6;color:#74806f;margin-top:6px}.setup-intro .journey-next,.journey-next{font-size:12px!important;line-height:1.7;color:#687664;margin:18px 0!important}.journey-panel{padding:36px 38px;max-width:920px}.journey-panel h1{font-size:clamp(28px,3vw,40px);line-height:1.15}.journey-panel .lede{max-width:640px}.journey-callout{background:#f7f9f2;border:1px solid #dce5d5;padding:24px;border-radius:12px;margin:22px 0;overflow-wrap:anywhere}.journey-callout h2{font-size:20px;margin-top:0}.journey-callout p{font-size:13px;line-height:1.75}.journey-callout .button-row{justify-content:flex-start;flex-wrap:wrap}.journey-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}.journey-footer small{color:#71816b}.journey-check{display:flex!important;gap:10px;align-items:flex-start;font-size:13px;line-height:1.7;margin:22px 0}.journey-check input{width:auto!important;flex-shrink:0;margin-top:5px}.merchant-notice{margin:18px 24px;padding:14px 18px;border:1px solid #d9decf;border-radius:8px;background:#f7f9f2;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.journey-panel .merchant-notice{margin:16px 0}.product-description{margin:8px 0;font-size:12px;line-height:1.65}.product-description summary{cursor:pointer;color:#426343}.product-description p{font-size:12px;line-height:1.7}.preview-actions{flex-wrap:wrap;justify-content:space-between;gap:10px}.pilot-reviews{max-width:940px;margin:35px auto;padding:0 22px}.pilot-reviews>p{line-height:1.7}.journey-panel .plot-review{margin:20px 0}@media(max-width:760px){.journey-overview{grid-template-columns:1fr 1fr}.journey-panel{padding:26px 22px}.journey-callout{padding:18px}.journey-footer button,.preview-actions button{flex:1}.journey-steps .step em{display:block!important;font-size:10px;white-space:normal}.journey-steps .step{gap:6px;align-items:flex-start}.journey-steps .step span{flex-shrink:0}}

/* Optional merchandising controls; the first usable store needs no edits. */
.display-editor{margin:24px 0;padding-top:20px;border-top:1px solid #dce5d5}.display-editor>summary{cursor:pointer;font-size:15px;font-weight:650}.display-editor>summary span{font-size:12px;font-weight:400;color:#6a7865}.display-editor p,.display-editor small{font-size:12px;line-height:1.7}.display-positions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.display-positions article{padding:12px;border:1px solid #dce5d5;border-radius:9px;min-width:0;background:#fafbf7}.display-positions h4{font-size:12px;margin:0 0 10px}.display-positions img,.display-empty{display:block;width:100%;height:100px;object-fit:contain;background:#f0f2eb;border-radius:5px}.display-empty{display:grid;place-items:center;font-size:11px;color:#73806c}.display-positions label{font-size:11px;margin:10px 0 0}.display-positions select{font-size:12px;width:100%;min-width:0}.display-editor .button-row{justify-content:flex-start;flex-wrap:wrap;margin:12px 0}.catalogue-search{display:flex;align-items:flex-end;gap:10px;margin:14px 0}.catalogue-search label{flex:1;margin:0}.catalogue-search button{margin:0 0 1px}.product-picker-footnote{display:block;margin:12px 0}@media(max-width:600px){.display-positions{grid-template-columns:1fr}.display-positions img,.display-empty{height:120px}.catalogue-search{flex-wrap:wrap}}

/* Keep the live shop beside the controls while the document scrolls. */
@media(min-width:901px){
 .merchant-card{overflow:clip}
 .editor-layout{align-items:start}
 .editor-controls{min-width:0}
 .editor-layout>.preview-panel{position:sticky;top:86px;align-self:start;height:calc(100dvh - 102px);min-height:0;gap:10px}
 .preview-panel>#store-preview{flex:1;min-height:220px}
 .preview-panel .live-preview{display:block;height:100%;min-height:220px}
 .preview-panel .plot-review{flex:none;padding:12px 14px}
 .preview-panel .plot-review p{margin:4px 0;font-size:11px}
 .preview-panel .journey-next{margin:0!important;flex:none}
 .preview-panel .preview-actions{flex:none}
}
@media(min-width:901px) and (max-height:649px){
 .editor-layout>.preview-panel{height:auto;max-height:calc(100dvh - 102px);overflow:auto}
 .preview-panel .live-preview{height:280px}
}

/* The prototype gets the space; the unpublished status is a small caption. */
.preview-panel .preview-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px!important;border-radius:8px}
.preview-panel .preview-note b{font-size:12px;line-height:1.4;margin:0}
.preview-panel .preview-note span{font-size:11px;line-height:1.4}